html{height:100%}#root{min-height:100vh;display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@tailwind base;@tailwind components;@tailwind utilities;@layer base{.grid-items:first-child .grid-item{@apply bg-green-200 w-2/3;}}.App{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content-wrapper{flex:1;display:flex;flex-direction:column}.page-container{flex:1;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%)!important;padding-bottom:0!important}.admin-approval-page,.create-story-page,.event-details-container,.modern-event-form-container,.org-details-page,.privacy-policy-container,.story-detail-page,.story-grid-container,.video-grid-container{background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%)!important;min-height:calc(100vh - 160px)!important;padding-bottom:2rem!important}.event-details-container,.org-details-page,.story-grid-container,.video-grid-container{padding-bottom:2rem!important}.admin-approval-page,.privacy-policy-container{padding:2rem 0!important}.story-detail-page{padding-bottom:2rem!important}.create-story-page{padding:0!important}.login-page{min-height:100vh!important}.home-container{min-height:calc(100vh - 160px)!important}.modern-navbar{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);padding:1rem 0;transition:.3s cubic-bezier(.4, 0, .2, 1);z-index:1030;position:fixed;width:100%;top:0}.modern-navbar.scrolled{background:rgba(255,255,255,.98)!important;box-shadow:0 4px 32px rgba(0,0,0,.1);padding:.5rem 0}.modern-brand{display:flex;align-items:center;text-decoration:none;cursor:pointer;transition:.3s}.modern-brand:hover{transform:translateY(-1px)}.brand-container{display:flex;align-items:center;gap:1rem}.brand-logo{height:48px;width:auto;max-width:220px;object-fit:contain;transition:.3s;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.brand-text{display:flex;flex-direction:column;align-items:flex-start}.brand-name{font-size:1.5rem;font-weight:700;color:#2c3e50;line-height:1.2;margin:0}.brand-tagline{font-size:.75rem;color:#667eea;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0}.modern-toggler{border:none;padding:.5rem;background:0 0;border-radius:8px;transition:.3s}.modern-toggler:focus{box-shadow:0 0 0 3px rgba(102,126,234,.2)}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;justify-content:space-between;cursor:pointer}.hamburger span{display:block;height:2px;width:100%;background:#2c3e50;border-radius:2px;transition:.3s cubic-bezier(.68, -.55, .265, 1.55);transform-origin:center}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0;transform:scale(0)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.modern-collapse{border-top:none}.modern-nav{display:flex;align-items:center;gap:.5rem}.modern-nav-link{position:relative;padding:.75rem 1rem!important;border-radius:12px;transition:.3s cubic-bezier(.4, 0, .2, 1);text-decoration:none;color:#64748b!important;background:0 0;border:none;cursor:pointer}.nav-link-content{display:flex;align-items:center;gap:.5rem;position:relative;z-index:2}.nav-link-content i{font-size:1.1rem;transition:.3s}.nav-link-content span{font-weight:500;font-size:.95rem;transition:.3s}.nav-indicator{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%) scaleX(0);width:20px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.modern-nav-link:hover{background:rgba(102,126,234,.08);color:#667eea!important;transform:translateY(-2px)}.modern-nav-link:hover .nav-indicator{transform:translateX(-50%) scaleX(1)}.modern-nav-link.active{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:#667eea!important;font-weight:600}.modern-nav-link.active .nav-indicator{transform:translateX(-50%) scaleX(1)}.modern-nav-link.active .nav-link-content i,.modern-nav-link.active .nav-link-content span{color:#667eea}.modern-actions{display:flex;align-items:center;gap:1rem}.notification-wrapper{position:relative}.notification-btn{background:0 0;border:none;padding:.75rem;border-radius:12px;color:#64748b;font-size:1.2rem;cursor:pointer;transition:.3s;position:relative}.notification-btn:hover{background:rgba(102,126,234,.1);color:#667eea;transform:translateY(-2px)}.notification-badge{position:absolute;top:4px;right:4px;font-size:.7rem;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;animation:2s infinite pulse}.auth-buttons{display:flex;align-items:center;gap:.75rem}.btn-modern{display:flex;align-items:center}.btn-signin-modern{background:0 0;color:#667eea;border:2px solid rgba(102,126,234,.2)}.btn-signin-modern:hover{background:rgba(102,126,234,.05);border-color:#667eea;transform:translateY(-2px)}.btn-signup-modern{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-signup-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.btn-signup-modern:active{transform:translateY(0)}.btn-help-modern{background:rgba(108,117,125,.1);border:1px solid rgba(108,117,125,.2);color:var(--text-primary);padding:8px 12px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.btn-help-modern:hover{background:rgba(108,117,125,.2);border-color:rgba(108,117,125,.3);transform:translateY(-1px)}.modern-user-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:12px;cursor:pointer;transition:.3s;background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.1)}.modern-user-profile:hover{background:rgba(102,126,234,.1);transform:translateY(-2px)}.user-avatar-container{position:relative}.modern-avatar-placeholder,.modern-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.modern-avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.online-indicator{box-shadow:0 0 0 1px rgba(16,185,129,.3)}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:.9rem;font-weight:600;color:#2c3e50;margin:0;line-height:1.2}.user-role{font-size:.75rem;color:#667eea;font-weight:500;text-transform:capitalize;margin:0}.dropdown-arrow{font-size:.8rem;color:#64748b;transition:transform .3s}.modern-user-dropdown.show .dropdown-arrow{transform:rotate(180deg)}.modern-user-dropdown .dropdown-menu{border:none;box-shadow:0 20px 50px rgba(0,0,0,.15);border-radius:16px;padding:1rem;min-width:280px;max-width:320px;background:#fff;backdrop-filter:blur(20px);animation:.3s cubic-bezier(.4,0,.2,1) dropdownSlide;z-index:1050;max-height:80vh;overflow-y:auto;overflow-x:hidden}@keyframes dropdownSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:12px;margin-bottom:.5rem}.header-avatar,.header-avatar-placeholder{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}.header-avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}.header-info h6{font-size:1rem;font-weight:700;color:#2c3e50;margin:0}.header-info p{font-size:.8rem;color:#667eea;margin:0}.dropdown-section-header{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:.5rem 1rem;margin:.5rem 0}.modern-dropdown-item{border:none;background:0 0;padding:.75rem 1rem;border-radius:10px;transition:.3s;margin:.25rem 0}.dropdown-item-content{display:flex;align-items:center;gap:.75rem;color:#2c3e50}.dropdown-item-content i{font-size:1.1rem;width:20px;color:#64748b;transition:.3s}.dropdown-item-content span{font-size:.9rem;font-weight:500}.modern-dropdown-item:hover{background:rgba(102,126,234,.08);transform:translateX(4px)}.modern-dropdown-item:hover .dropdown-item-content i{color:#667eea}.admin-item:hover{background:rgba(16,185,129,.08)}.admin-item:hover .dropdown-item-content i{color:#10b981}.settings-item:hover{background:rgba(245,158,11,.08)}.settings-item:hover .dropdown-item-content i{color:#f59e0b}.signout-item:hover{background:rgba(239,68,68,.08)}.signout-item:hover .dropdown-item-content i{color:#ef4444}.modern-user-dropdown .dropdown-divider{margin:.75rem 0;border-color:rgba(0,0,0,.05)}.modern-user-dropdown .dropdown-toggle::after{display:none}@media (max-width:1200px){.brand-text{display:none}.brand-logo{height:46px}}@media (max-width:991px){.modern-navbar{padding:.75rem 0}.modern-collapse{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05);max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden}.modern-nav{flex-direction:column;align-items:stretch;gap:.5rem;margin-bottom:1rem}.modern-nav-link{padding:1rem!important;border-radius:12px;justify-content:flex-start}.nav-link-content{gap:1rem}.nav-link-content i{font-size:1.2rem;width:24px}.nav-link-content span{font-size:1rem}.nav-indicator{display:none}.modern-actions{flex-direction:column;align-items:stretch;gap:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.notification-wrapper{display:flex;justify-content:center}.notification-btn{padding:1rem;width:100%;max-width:200px;background:rgba(102,126,234,.05);border-radius:12px}.auth-buttons{flex-direction:column;gap:.75rem}.btn-modern{width:100%;justify-content:center;padding:1rem 1.5rem}.modern-user-profile{padding:1rem;background:rgba(102,126,234,.05);border-radius:12px;justify-content:space-between}.modern-user-dropdown .dropdown-menu{position:static!important;transform:none!important;margin-top:1rem;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);max-height:60vh;min-width:100%;width:100%;border-radius:12px}.modern-user-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.modern-user-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modern-user-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.modern-user-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#5a6fd8}}@media (max-width:768px){.modern-navbar{padding:.5rem 0}.brand-logo{height:44px}.modern-collapse{max-height:calc(100vh - 100px)}.modern-user-profile{flex-direction:column;text-align:center;gap:.5rem}.user-info{align-items:center}.dropdown-arrow{margin-top:.5rem}.modern-user-dropdown .dropdown-menu{max-height:50vh;border-radius:8px}}body{margin:0;padding:96px 0 0;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);font-family:Georgia,serif;background-color:#f9f9f9;color:#333}@media (max-width:991px){body{padding-top:84px}}@media (max-width:576px){.container-fluid{padding-left:1rem!important;padding-right:1rem!important}.brand-logo{height:42px}.modern-collapse{max-height:calc(100vh - 80px)}.modern-nav-link{padding:.75rem!important}.nav-link-content i{font-size:1.1rem;width:20px}.nav-link-content span{font-size:.9rem}.modern-user-dropdown .dropdown-menu{min-width:100%;max-width:100%;padding:.75rem;max-height:40vh;border-radius:6px;margin-left:0;margin-right:0}.dropdown-header{padding:.75rem;flex-direction:column;text-align:center;gap:.5rem}.header-avatar,.header-avatar-placeholder{width:40px;height:40px}.modern-dropdown-item{padding:1rem;margin:.125rem 0;min-height:48px;display:flex;align-items:center}.dropdown-item-content{gap:1rem}.dropdown-item-content i{font-size:1.2rem;width:24px}.dropdown-item-content span{font-size:1rem}body{padding-top:72px}}.btn-modern:focus,.modern-nav-link:focus,.modern-toggler:focus,.notification-btn:focus{outline:#667eea solid 2px;outline-offset:2px}@media (max-width:991px){.modern-user-dropdown.show .dropdown-menu{display:block!important;position:static!important;float:none!important;width:100%!important;margin:1rem 0 0!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 4px 20px rgba(0,0,0,.1)!important}.modern-navbar.show{position:fixed;width:100%;top:0;left:0;right:0}.navbar-collapse.collapsing,.navbar-collapse.show{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:0 0 16px 16px}}@media (hover:none) and (pointer:coarse){.modern-dropdown-item,.modern-nav-link{padding:1rem!important;min-height:48px}.notification-btn{padding:1rem!important;min-height:48px;width:auto}.btn-modern{padding:1rem 1.5rem!important;min-height:48px}}.notification-modal .modal-content{border-radius:16px;border:none;box-shadow:0 10px 40px rgba(0,0,0,.15)}.notification-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:16px 16px 0 0!important;padding:1.5rem;border:none}.notification-header .modal-title{font-weight:600;font-size:1.25rem;display:flex;align-items:center}.notification-header .btn-close{filter:brightness(0) invert(1);opacity:.8}.notification-header .btn-close:hover{opacity:1}.notification-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.notification-actions .btn{border-radius:8px;font-size:.875rem;padding:.375rem .75rem}.filter-dropdown .dropdown-toggle{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff}.filter-dropdown .dropdown-toggle:focus,.filter-dropdown .dropdown-toggle:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.4);color:#fff}.notification-body{padding:0;max-height:600px;overflow-y:auto}.notification-list{padding:0}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:.2s;position:relative}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#f0f4ff;border-left:4px solid #667eea}.notification-item.unread:hover{background:#e6ecff}.notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.9375rem;color:#1a1a1a;margin-bottom:.25rem}.notification-message{font-size:.875rem;color:#666;line-height:1.5;margin-bottom:.5rem}.notification-time{font-size:.75rem;color:#999}.notification-actions-inline{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.notification-item:hover .notification-actions-inline{opacity:1}.btn-delete,.btn-mark-read{background:0 0;border:none;padding:.375rem;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;color:#666}.btn-mark-read:hover{background:#e6f7e6;color:#28a745}.btn-delete:hover{background:#ffe6e6;color:#dc3545}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state h5{color:#666;margin-bottom:.5rem}.notification-body::-webkit-scrollbar{width:8px}.notification-body::-webkit-scrollbar-track{background:#f1f1f1}.notification-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.notification-body::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:768px){.notification-modal .modal-dialog{margin:.5rem}.notification-header{padding:1rem}.notification-header .modal-title{font-size:1.125rem}.notification-actions{flex-direction:column;align-items:flex-end}.notification-item{padding:1rem;gap:.75rem}.notification-icon{width:36px;height:36px;font-size:1rem}.notification-title{font-size:.875rem}.notification-message{font-size:.8125rem}}.language-switcher{margin-left:10px}.language-switcher .dropdown-toggle{display:flex;align-items:center;border-radius:20px;padding:5px 15px}.language-switcher .dropdown-toggle:focus{box-shadow:none}.language-switcher .dropdown-menu{min-width:180px}.language-switcher .dropdown-item.active{background-color:var(--primary-color,#007bff);color:#fff}.language-switcher .dropdown-item:hover{background-color:rgba(0,123,255,.1)}.login-page{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.login-container{display:grid;grid-template-columns:550px 500px;max-width:1100px;width:95%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.3)}.login-left{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:60px 50px;display:flex;flex-direction:column;justify-content:space-between}.brand-section{text-align:center}.brand-icon,.brand-logo img{height:60px;width:auto;margin-bottom:20px;filter:brightness(0) invert(1)}.brand-icon{font-size:60px;display:flex;justify-content:center}.brand-title{font-size:36px;font-weight:700;margin-bottom:8px}.brand-subtitle{font-size:16px;opacity:.9}.features-section{margin:40px 0}.features-title{font-size:22px;font-weight:600;margin-bottom:24px}.features-list{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:flex-start;gap:16px}.feature-icon{height:48px;background:rgba(255,255,255,.2);border-radius:12px;align-items:center;justify-content:center;flex-shrink:0}.feature-icon i{font-size:24px}.feature-content h4{font-size:16px;font-weight:600;margin-bottom:4px}.feature-content p{font-size:14px;opacity:.9;margin:0}.testimonial{background:rgba(255,255,255,.1);padding:24px;border-radius:16px;backdrop-filter:blur(10px)}.testimonial-text{font-size:15px;font-style:italic;margin-bottom:16px;line-height:1.6}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{display:flex;align-items:center;justify-content:center}.author-title{font-size:12px;opacity:.8;margin:0}.login-right{background:#fff;padding:60px 50px;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:400px}.login-header{margin-bottom:32px}.login-title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.login-subtitle{font-size:15px;color:#666}.social-login{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.social-login [role=button]{width:100%!important;justify-content:center!important;margin-bottom:12px}.social-login iframe{width:100%!important;border-radius:12px!important;height:52px!important}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-size:15px;font-weight:600;color:#333;cursor:pointer;transition:.2s}.social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.social-btn i{font-size:20px}.google-btn:hover{border-color:#4285f4;background:#f8f9ff}.google-btn i{color:#4285f4}.facebook-btn:hover{border-color:#1877f2;background:#f0f6ff}.facebook-btn i{color:#1877f2}.divider::before{content:"";right:0;background:#e0e0e0}.divider span{background:#fff;font-weight:500}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-input{background:#fafafa;outline:0}.form-input:focus{background:#fff;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.password-toggle{font-size:18px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-text{font-size:14px;color:#666}.forgot-link{font-size:14px;color:#667eea;text-decoration:none;font-weight:600}.forgot-link:hover{text-decoration:underline}.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.submit-btn:hover:not(:disabled){box-shadow:0 8px 24px rgba(102,126,234,.4);transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.signup-prompt{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.signup-prompt p{font-size:14px;color:#666;margin:0}.signup-link{color:#667eea;text-decoration:none;font-weight:600}.signup-link:hover{text-decoration:underline}.privacy-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:12px;color:#999}.privacy-links a{color:#999;text-decoration:none}.privacy-links a:hover{color:#667eea;text-decoration:underline}@media (max-width:1100px){.login-container{grid-template-columns:1fr;max-width:500px}.login-left{display:none}}@media (max-width:576px){.login-page{padding:0}.login-container{border-radius:0;min-height:100vh}.login-right{padding:40px 24px}.login-title{font-size:28px}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:2rem 1rem}.forgot-password-container{width:100%;max-width:480px}.forgot-password-card{background:#fff;border-radius:20px;padding:3rem 2.5rem;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:.4s ease-out slideUp}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.forgot-password-header{text-align:center;margin-bottom:2rem}.brand-logo-small{width:70px;height:70px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:2s ease-in-out infinite pulse}.brand-logo-small i{font-size:2rem;color:#fff}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.forgot-password-title{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.forgot-password-subtitle{color:#64748b;font-size:.95rem;margin-bottom:0}.forgot-password-form{margin-top:2rem}.input-group{position:relative;display:flex;align-items:center}.input-icon{pointer-events:none;left:1rem;font-size:1.1rem;z-index:1}.code-input{text-align:center;font-size:1.5rem;font-weight:600;letter-spacing:.5rem;padding-left:3rem}.form-hint{display:block;margin-top:.5rem;color:#64748b;font-size:.85rem}.email-display{background:#f1f5f9;padding:1rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;border-left:4px solid #667eea}.email-display i{color:#667eea;font-size:1.25rem}.email-display span{color:#475569;font-size:.9rem}.email-display strong{color:#1e293b}.password-toggle{position:absolute;right:1rem;background:0 0;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;transition:color .2s}.password-toggle:hover{color:#667eea}.password-requirements{background:#f8fafc;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem}.requirements-title{font-size:.85rem;font-weight:600;color:#475569;margin-bottom:.75rem}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.85rem;color:#94a3b8;transition:color .2s}.requirements-list li i{font-size:1rem}.requirements-list li.valid,.requirements-list li.valid i{color:#10b981}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.3s;box-shadow:0 4px 14px rgba(102,126,234,.4)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.resend-section{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.resend-section span{display:block;color:#64748b;font-size:.9rem;margin-bottom:.75rem}.resend-btn{background:0 0;border:none;color:#667eea;font-weight:600;cursor:pointer;font-size:.95rem;padding:.5rem 1rem;border-radius:8px;transition:.2s}.resend-btn:hover:not(:disabled){background:#f1f5f9;color:#5568d3}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.back-to-signin{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#64748b;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.back-link:hover{color:#667eea}.back-link i{font-size:.9rem}@media (max-width:576px){.forgot-password-card{padding:2rem 1.5rem}.forgot-password-title{font-size:1.5rem}.code-input{font-size:1.25rem;letter-spacing:.3rem}.brand-logo-small{width:60px;height:60px}.brand-logo-small i{font-size:1.75rem}}.privacy-policy-container{background-color:#f9f9f9;min-height:100vh;padding:40px 0;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.privacy-policy-content{background-color:#fff;border-radius:12px;padding:40px;max-width:900px;margin:0 auto;box-shadow:0 4px 12px rgba(0,0,0,.08)}.btn-back{margin-bottom:30px;display:inline-flex;align-items:center;gap:8px}.privacy-title{font-size:36px;font-weight:700;color:#333;margin-bottom:10px}.last-updated{color:#666;font-size:14px;margin-bottom:30px}.policy-section{margin-bottom:40px}.policy-section h2{font-size:24px;font-weight:700;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #667eea}.policy-section h3{font-size:18px;font-weight:600;color:#444;margin-top:20px;margin-bottom:10px}.policy-section p{font-size:16px;line-height:1.8;color:#555;margin-bottom:15px}.policy-section ul{margin-left:20px;margin-bottom:15px}.policy-section li{font-size:16px;line-height:1.8;color:#555;margin-bottom:10px}.policy-section a{color:#667eea;text-decoration:none;font-weight:500}.policy-section a:hover{text-decoration:underline}.contact-info{list-style:none;margin-left:0}.contact-info li{display:flex;align-items:center;gap:10px;margin-bottom:12px}.contact-info i{color:#667eea;font-size:18px}.consent-section{background-color:#f0f3ff;padding:20px;border-radius:8px;border-left:4px solid #667eea}@media (max-width:768px){.privacy-policy-content{padding:20px}.privacy-title{font-size:28px}.policy-section h2{font-size:20px}.policy-section h3{font-size:16px}.policy-section li,.policy-section p{font-size:14px}}.user-guide-page{background:#f8f9fa;min-height:100vh}.guide-hero{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:80px 0;text-align:center}.guide-title{font-size:3.5rem;font-weight:800;margin-bottom:24px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.guide-subtitle{font-size:1.25rem;opacity:.9;margin-bottom:40px;line-height:1.6}.hero-actions .btn{margin:0 8px;font-weight:600;padding:12px 24px;border-radius:8px;transition:.3s}.hero-actions .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.guide-content{padding:60px 0;max-width:none}.guide-sidebar{margin-bottom:40px}.sidebar-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 15px rgba(0,0,0,.05);top:100px}.sidebar-menu{display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;align-items:center;padding:12px 16px;background:0 0;border:none;border-radius:8px;color:#666;text-decoration:none;transition:.2s;font-size:.95rem;font-weight:500;text-align:left;width:100%}.sidebar-item:hover{background:#f8f9fa;color:#333;transform:translateX(4px)}.sidebar-item.active{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;font-weight:600}.sidebar-item i{font-size:16px;width:20px;margin-right:12px}.guide-main-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.guide-section{margin-bottom:60px;scroll-margin-top:120px}.guide-section:last-child{margin-bottom:0}.section-header{text-align:center}.section-header h2{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:16px}.section-header h2 i{color:#667eea}.section-description{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.guide-card{border:none;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);margin-bottom:24px;transition:.3s}.guide-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.guide-card .card-body{padding:28px}.guide-card h5{font-weight:700;color:#333;margin-bottom:16px}.guide-card h5 i{color:#667eea}.guide-card ul{padding-left:20px;margin-bottom:16px}.guide-card li{margin-bottom:8px;line-height:1.5}.feature-card{border:none;box-shadow:0 4px 15px rgba(0,0,0,.05);margin-bottom:24px}.feature-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1)}.feature-header{display:flex;align-items:center;margin-bottom:20px}.feature-icon{color:#667eea;margin-right:16px;width:40px}.feature-header h5{margin:0;font-weight:700;color:#333}.feature-card ul{padding-left:20px;margin-bottom:20px}.feature-card li{margin-bottom:8px;line-height:1.5;color:#555}.feature-highlight{border:none;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);margin-bottom:24px;transition:.3s;text-align:center}.feature-highlight:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.feature-icon-large{font-size:48px;color:#667eea;margin-bottom:16px}.feature-highlight h6{font-weight:700;color:#333;margin-bottom:12px}.feature-highlight p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.guideline-item,.tip-item{text-align:center;margin-bottom:24px}.guideline-icon,.tip-icon{font-size:36px;color:#667eea;margin-bottom:12px;display:block}.guideline-item h6,.tip-item h6{font-weight:700;color:#333;margin-bottom:8px}.guideline-item p,.tip-item p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.support-options{display:flex;flex-direction:column;gap:20px}.support-option{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px}.support-icon{font-size:24px;color:#667eea;margin-top:4px}.support-option h6{font-weight:700;color:#333;margin-bottom:4px}.support-option p{color:#666;margin-bottom:2px;font-size:.95rem}.support-option small{color:#999;font-size:.85rem}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#d4edda;border-radius:6px;font-size:.9rem;color:#155724}.status-online{background:#28a745}.action-buttons{margin-top:20px}.action-buttons .btn{font-weight:600;border-radius:6px;transition:.3s}.action-buttons .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.accordion-item{border:none;border-radius:8px!important;margin-bottom:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.accordion-header{border-radius:8px!important}.accordion-button{border-radius:8px!important;font-weight:600;color:#333;background:#f8f9fa;border:none;padding:16px 20px}.accordion-button:not(.collapsed){background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;box-shadow:none}.accordion-button:focus{box-shadow:none;border-color:transparent}.accordion-body{padding:20px;background:#fff}.alert{border-radius:8px;border:none}.alert-info{background:#e3f2fd;color:#0d47a1}.guide-footer{margin-top:60px;padding-top:40px;border-top:2px solid #e9ecef}.cta-card{border:none;border-radius:16px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;text-align:center}.cta-card .card-body{padding:48px 32px}.cta-card h4{font-size:2rem;font-weight:700;margin-bottom:16px}.cta-card p{font-size:1.1rem;opacity:.9;margin-bottom:32px}.cta-buttons .btn{font-weight:600;padding:12px 32px;border-radius:8px;font-size:1.1rem;transition:.3s}.cta-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.cta-buttons .btn-outline-primary{border-color:#fff;color:#fff}.cta-buttons .btn-outline-primary:hover{background:#fff;color:#667eea;border-color:#fff}.community-event-card::before{content:"";right:0}.community-event-header{text-align:center;margin-bottom:20px}.community-event-icon{font-size:32px;margin-bottom:12px;display:block}.birth-theme{background:linear-gradient(135deg,#fff9e6 0,#fff 100%);border-left:4px solid gold}.birth-theme .community-event-icon{color:#b8860b}.birth-theme .btn{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold;color:#b8860b;font-weight:600}.birth-theme .btn:hover{background:linear-gradient(135deg,#ffed4e,gold);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,215,0,.3)}.anniversary-theme{background:linear-gradient(135deg,#fdf2f8 0,#fff 100%);border-left:4px solid #ff69b4}.anniversary-theme .community-event-icon{color:#be185d}.anniversary-theme .btn{background:linear-gradient(135deg,#ff69b4,#ff1493);border-color:#ff69b4;color:#fff;font-weight:600}.anniversary-theme .btn:hover{background:linear-gradient(135deg,#ff1493,#ff69b4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,105,180,.3)}.memorial-theme{background:linear-gradient(135deg,#f0f8ff 0,#fff 100%);border-left:4px solid #87ceeb}.memorial-theme .community-event-icon{color:#0369a1}.memorial-theme .btn{background:linear-gradient(135deg,#87ceeb,#4682b4);border-color:#87ceeb;color:#fff;font-weight:600}.memorial-theme .btn:hover{background:linear-gradient(135deg,#4682b4,#87ceeb);transform:translateY(-2px);box-shadow:0 4px 12px rgba(135,206,235,.3)}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (max-width:992px){.guide-hero{padding:60px 0}.guide-title{font-size:2.5rem}.guide-content{padding:40px 0}.guide-main-content{padding:24px}.section-header h2{font-size:2rem}}@media (max-width:768px){.guide-hero{padding:40px 0}.guide-title{font-size:2rem}.guide-subtitle{font-size:1rem}.hero-actions .btn{display:block;margin:8px 0;width:100%}.sidebar-content{position:relative!important;top:auto!important}.sidebar-menu{flex-direction:row;overflow-x:auto;padding-bottom:8px}.sidebar-item{flex-shrink:0;white-space:nowrap}.guide-main-content{padding:20px}.section-header h2{font-size:1.75rem}.guide-card .card-body{padding:20px}.feature-icon-large{font-size:36px}.support-options{gap:16px}.support-option{flex-direction:column;text-align:center;gap:12px}.cta-card .card-body{padding:32px 20px}.cta-card h4{font-size:1.5rem}.cta-buttons .btn{display:block;margin:8px 0;width:100%}}@media (max-width:576px){.guide-content{padding:20px 0}.section-header{margin-bottom:24px}.guide-section{margin-bottom:40px}.feature-header{flex-direction:column;text-align:center;gap:12px}.feature-icon{margin-right:0}}.rl-hero{background:linear-gradient(180deg,#f6fbff 0,#fff 100%);border-bottom:1px solid rgba(0,0,0,.04)}.rl-hero h1{font-size:2rem;margin-bottom:.5rem;font-weight:700}.rl-hero p.lead{color:#555;max-width:48rem}.rl-hero .btn-primary{background:linear-gradient(90deg,#3b82f6,#0ea5e9);border:none}.rl-hero .btn-primary:hover{filter:brightness(.98)}.rl-content{background:0 0;padding-top:1.25rem;padding-bottom:1.25rem}.rl-main{padding-right:1rem}.rl-aside{padding-left:1rem}.rl-main>section{margin-bottom:1.25rem}.rl-aside .card{border-radius:10px;box-shadow:0 6px 18px rgba(33,37,41,.06)}@media (max-width:767px){.rl-hero h1{font-size:1.5rem}}.about-page{padding:36px 0;color:var(--text-color,#222)}.about-header{text-align:center;margin-bottom:28px}.about-header .lead{max-width:820px;margin:.5rem auto 0;color:#555}.mission-section,.team-section,.values-section,.vision-section{margin-top:28px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 4px rgba(20,20,20,.04)}.team-card{margin-bottom:16px}.about-hero-inner{display:flex;align-items:center;gap:2rem;justify-content:space-between}.hero-text{flex:1}.hero-text h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;color:#1e293b}.hero-text .lead{font-size:1.125rem;color:#64748b;margin-bottom:1.5rem;line-height:1.6}.hero-ctas{display:flex;gap:.75rem;flex-wrap:wrap}.hero-visual{flex:0 0 280px;display:flex;align-items:center;justify-content:center}.visual-ring{width:240px;height:240px;border-radius:50%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);box-shadow:0 20px 60px rgba(102,126,234,.3);position:relative;animation:6s ease-in-out infinite float}.ring-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(10px)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.avatar-placeholder{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.team-avatar{position:relative;display:inline-block;width:64px;height:64px;margin:0 auto 12px}.team-avatar img{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block}.team-avatar .avatar-placeholder{position:absolute;top:0;left:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.team-avatar.has-image .avatar-placeholder,.team-avatar.no-image img{display:none}@media (min-width:768px){.team-avatar,.team-avatar .avatar-placeholder,.team-avatar img{width:84px;height:84px}.avatar-placeholder{font-size:20px}}.team-section{margin:3rem 0}.team-card{text-align:center;border:none;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:.3s;height:100%;overflow:hidden}.team-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(102,126,234,.15)}.team-card .card-body{padding:2rem 1.5rem}.team-name{font-size:1.125rem;font-weight:600;margin:.75rem 0 .25rem;color:#1e293b}.team-role{color:#667eea;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.team-bio{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}.section-title{text-align:center}.section-subtitle{text-align:center}.about-stats{margin:3rem 0;padding:2rem 0;background:linear-gradient(135deg,#667eea15 0,#764ba215 100%);border-radius:12px}.stat-number{color:#667eea}.stat-label{margin:0}.about-mission-vision{margin:3rem 0}.mission-card,.vision-card{border:none;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;height:100%}.mission-card:hover,.vision-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.card-icon{font-size:3rem;margin-bottom:1rem}.mission-card h3,.vision-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#1e293b}.about-features{margin:3rem 0}.feature-card{padding:2rem 1.5rem;text-align:center;border-radius:12px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:.3s;height:100%}.feature-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(102,126,234,.15)}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.feature-card h4{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#1e293b}.feature-card p{color:#64748b;line-height:1.6;margin:0}.about-values{margin:3rem 0;padding:2.5rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.value-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border-radius:8px;transition:background .3s}.value-item:hover{background:#f8fafc}.value-icon{font-size:2rem;flex-shrink:0}.value-item h5{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;color:#1e293b}.value-item p{color:#64748b;margin:0;font-size:.95rem}@media (max-width:991px){.about-hero-inner{flex-direction:column-reverse;text-align:center}.hero-text h1{font-size:2rem}.hero-visual{flex:0 0 200px;margin-bottom:1.5rem}.visual-ring{width:200px;height:200px}.hero-ctas{justify-content:center}}@media (max-width:576px){.hero-text h1,.section-title{font-size:1.75rem}.stat-number{font-size:2rem}.feature-card,.team-card{margin-bottom:1rem}}.contact-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem}.contact-hero-content h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.contact-hero-subtitle{font-size:1.25rem;color:#6c757d;margin-bottom:0}.contact-hero-visual{position:relative;width:200px;height:200px;flex-shrink:0}.contact-visual-circle{width:180px;height:180px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;opacity:.15;animation:3s ease-in-out infinite pulse}.contact-content{margin-top:3rem}.contact-section-title{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin-bottom:1.5rem}.contact-form-card{border:none;box-shadow:0 4px 6px rgba(0,0,0,.07);border-radius:12px;transition:box-shadow .3s}.contact-form-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.1)}.contact-input{border:1px solid #e0e0e0;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:.2s}.contact-input:focus{border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.15)}.contact-submit-btn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border:none;padding:.875rem 2rem;font-size:1.05rem;font-weight:600;border-radius:8px;transition:transform .2s,box-shadow .2s}.contact-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4);background:linear-gradient(135deg,#5a6fd8 0,#6a4190 100%)}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-info-section{position:sticky;top:100px}.contact-info-card{border:1px solid #e9ecef;border-radius:10px;transition:.3s}.contact-info-card:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.1);transform:translateY(-3px)}.contact-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#667eea15 0,#764ba215 100%);border-radius:10px}.contact-icon{font-size:1.5rem}.contact-info-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.contact-info-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s}.contact-info-link:hover{color:#5a6fd8;text-decoration:underline}.contact-info-text{color:#6c757d;font-size:.95rem;line-height:1.6}.contact-faq-section{padding-top:2rem;border-top:1px solid #e9ecef}.contact-faq-card{border:1px solid #e9ecef;border-radius:10px;transition:.3s;text-align:center}.contact-faq-card:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.1);transform:translateY(-3px)}.faq-icon{font-size:2rem}.faq-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.faq-text{color:#6c757d;font-size:.9rem;line-height:1.6;margin-bottom:0}@media (max-width:991px){.contact-hero{flex-direction:column;text-align:center}.contact-hero-content h1{font-size:2rem}.contact-hero-subtitle{font-size:1.1rem}.contact-hero-visual,.contact-visual-circle{width:150px;height:150px}.contact-info-section{position:static;margin-top:2rem}.contact-section-title{font-size:1.5rem}}@media (max-width:576px){.contact-hero-content h1{font-size:1.75rem}.contact-hero-subtitle{font-size:1rem}.contact-hero-visual,.contact-visual-circle{width:120px;height:120px}.contact-section-title{font-size:1.35rem}.contact-form-card .card-body{padding:1.5rem!important}.contact-submit-btn{padding:.75rem 1.5rem;font-size:1rem}}.guidelines-section{background:#fff;padding:18px;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.04)}.guidelines-section h2{margin-top:12px}.guidelines-section p{color:#444;line-height:1.5}.user-details-page{min-height:100vh;background-color:#f5f7fa;padding-bottom:60px}.user-details-error,.user-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.user-details-error i{font-size:64px;color:#dc3545}.user-details-error h3{font-size:24px;color:#333;margin-bottom:8px}.user-details-error p{font-size:16px;color:#666;margin-bottom:24px}.profile-header{position:relative;margin-bottom:30px}.profile-cover{height:280px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:0 0 24px 24px;position:relative;overflow:hidden}.cover-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"><path fill=\"rgba%28255,255,255,0.1%29\" d=\"M0,96L48,112C96,128,192,160,288,165.3C384,171,480,149,576,128C672,107,768,85,864,90.7C960,96,1056,128,1152,133.3C1248,139,1344,117,1392,106.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>") 0 0/cover;opacity:.3}.profile-info-section{position:relative;background:#fff;margin:-80px 20px 0;padding:30px;border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.08);display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end}.profile-avatar-container{flex-shrink:0}.profile-avatar-wrapper{position:relative;width:150px;height:150px}.profile-avatar,.profile-avatar-placeholder{width:150px;height:150px;border-radius:50%;border:5px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.1)}.profile-avatar{object-fit:cover}.profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:700}.avatar-upload-btn{position:absolute;bottom:8px;right:8px;width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;transition:.2s}.avatar-upload-btn:hover{background:#667eea;color:#fff;transform:scale(1.1)}.online-indicator{position:absolute;bottom:20px;right:20px;width:24px;height:24px;background:#28a745;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(40,167,69,.3)}.profile-info{flex:1;min-width:300px}.profile-name{font-size:32px;font-weight:700;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:12px}.profile-email{font-size:16px;color:#666;display:flex;align-items:center;gap:8px;margin-bottom:16px}.profile-meta{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.meta-item{display:flex;align-items:center;gap:6px}.profile-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-cancel,.btn-edit,.btn-save,.btn-secondary{padding:10px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;border:none}.btn-edit,.btn-save{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.btn-edit:hover,.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-cancel:hover{background:#dc3545}.btn-secondary{background:#fff;border:2px solid #e0e0e0}.btn-secondary:hover{border-color:#667eea}.profile-content{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;margin:0 20px}.profile-tabs{border-bottom:2px solid #f0f0f0;padding:0 20px}.profile-tabs .nav-link{color:#666;font-weight:600;padding:16px 24px;border:none;border-bottom:3px solid transparent;transition:.2s;display:flex;align-items:center;gap:8px}.profile-tabs .nav-link:hover{color:#667eea;background-color:#f8f9fa}.profile-tabs .nav-link.active{color:#667eea;border-bottom-color:#667eea;background-color:transparent}.profile-tab-content{padding:30px 20px}.info-card{border:none;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:20px}.info-card .card-body{padding:24px}.card-title{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.card-title i{color:#667eea;font-size:20px}.info-group{margin-bottom:20px}.info-group label{font-size:13px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.info-value{font-size:15px;color:#333;margin:0}.form-input,.form-textarea{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-input:focus,.form-textarea:focus{outline:0;border-color:#667eea}.bio-text{font-size:15px;line-height:1.8;color:#666;white-space:pre-wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.stat-box{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px;transition:transform .2s}.stat-box:hover{transform:translateY(-4px)}.stat-icon{display:flex;align-items:center;justify-content:center}.account-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:center}.activity-timeline{display:flex;flex-direction:column;gap:24px}.timeline-item{display:flex;gap:16px;position:relative}.timeline-item::before{content:"";position:absolute;left:7px;top:24px;bottom:-24px;width:2px;background:#e0e0e0}.timeline-item:last-child::before{display:none}.timeline-dot{width:16px;height:16px;border-radius:50%;background:#667eea;border:3px solid #fff;box-shadow:0 0 0 2px #e0e0e0;flex-shrink:0}.timeline-content h6{font-size:15px;font-weight:600;color:#333;margin-bottom:4px}.timeline-time{font-size:13px;color:#999;margin:0}.settings-section{margin-bottom:24px}.settings-section h6{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.setting-item{margin-bottom:12px}.setting-item label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#666}.setting-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.btn-danger-action{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.btn-danger-action:hover{background:#c82333}@media (max-width:768px){.profile-info-section{flex-direction:column;align-items:center;text-align:center}.profile-info{text-align:center}.profile-name{justify-content:center;font-size:24px}.profile-meta{justify-content:center}.profile-actions{width:100%;flex-direction:column}.btn-cancel,.btn-edit,.btn-save,.btn-secondary{width:100%;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.profile-cover{height:200px}.profile-avatar,.profile-avatar-placeholder,.profile-avatar-wrapper{width:120px;height:120px}.profile-avatar-placeholder{font-size:36px}.stats-grid{grid-template-columns:1fr}}.connections-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto;padding-right:8px}.connections-list::-webkit-scrollbar{width:6px}.connections-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.connections-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.connection-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px;transition:.3s cubic-bezier(.4, 0, .2, 1);cursor:pointer;border:2px solid transparent}.connection-item:hover{background:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.connection-avatar{flex-shrink:0;width:60px;height:60px}.connection-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.connection-avatar .avatar-placeholder{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.connection-info{flex:1;min-width:0}.connection-name{font-size:16px;font-weight:600;color:#333;margin-bottom:4px;display:flex;align-items:center;gap:6px}.connection-email{font-size:13px;color:#666;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-bio{font-size:13px;color:#999;line-height:1.4;margin:0}.connection-meta{flex-shrink:0;display:flex;align-items:center;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state i{opacity:.5}.empty-state p{margin:0}@media (max-width:768px){.connection-item{flex-direction:column;text-align:center}.connection-info{text-align:center}.connection-name{justify-content:center}.connection-email{white-space:normal}}@media (max-width:576px){.connection-avatar,.connection-avatar .avatar-placeholder,.connection-avatar img{width:50px;height:50px}.connection-avatar .avatar-placeholder{font-size:18px}.connection-name{font-size:14px}.connection-bio,.connection-email{font-size:12px}}.modern-story-page{min-height:100vh;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.story-detail-error,.story-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:20px;text-align:center}.story-detail-error i{font-size:72px;color:#e0e0e0}.story-detail-error h3{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.story-detail-error p{font-size:18px;color:#6b7280;margin:0;max-width:400px}.btn-back-stories{padding:12px 32px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:.2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-back-stories:hover{background:#374151;transform:translateY(-1px)}.reading-progress-container{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(0,0,0,.05);z-index:1000}.reading-progress-bar{height:100%;background:#1a1a1a;transition:width .1s}.story-sidebar{position:fixed;left:24px;top:50%;transform:translateY(-50%);z-index:100;opacity:0;visibility:hidden;transition:.3s}.story-sidebar.visible{opacity:1;visibility:visible}.sidebar-actions{display:flex;flex-direction:column;gap:16px;background:#fff;border-radius:12px;padding:16px 12px;box-shadow:0 8px 32px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.06)}.action-group{display:flex;flex-direction:column;gap:8px}.action-group+.action-group{border-top:1px solid #f3f4f6;padding-top:12px}.sidebar-btn{width:44px;height:44px;border-radius:50%;border:none;background:#f9fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s;color:#6b7280;position:relative}.sidebar-btn:hover{background:#f3f4f6;color:#1a1a1a;transform:scale(1.05)}.sidebar-btn.active{background:#dc2626;color:#fff}.sidebar-btn.active:hover{background:#b91c1c}.sidebar-btn i{font-size:18px}.action-count{font-size:10px;font-weight:600;margin-top:1px;line-height:1}.modern-dropdown{border:none;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);padding:8px;min-width:180px}.modern-dropdown .dropdown-item{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;gap:12px}.modern-dropdown .dropdown-item:hover{background:#f9fafb;color:#1a1a1a}.modern-dropdown .dropdown-item i{font-size:16px;width:16px}.sidebar-btn.dropdown-toggle::after{display:none}.story-hero{background:#fff;padding:80px 0 60px;border-bottom:1px solid #f3f4f6}.hero-content{text-align:left}.story-breadcrumb{margin-bottom:40px}.breadcrumb-link{display:inline-flex;align-items:center;gap:8px;color:#6b7280;font-size:14px;font-weight:500;text-decoration:none;background:0 0;border:none;cursor:pointer;transition:color .2s}.breadcrumb-link:hover{color:#1a1a1a}.breadcrumb-link i{font-size:16px}.story-header-content{margin-bottom:48px}.story-title{margin:0 0 24px;font-family:Georgia,"Times New Roman",serif;letter-spacing:-.02em}.story-subtitle{font-size:clamp(20px, 3vw, 28px);font-weight:400;line-height:1.4;color:#6b7280;margin:0;font-family:Georgia,"Times New Roman",serif;font-style:italic}.story-meta-section{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.author-card{display:flex;align-items:center;gap:16px;flex:1}.author-avatar{cursor:pointer;transition:transform .2s;flex-shrink:0}.author-avatar:hover{transform:scale(1.05)}.avatar-placeholder{background:#1a1a1a;display:flex;align-items:center;justify-content:center}.author-info{flex:1;min-width:0}.author-primary{display:flex;align-items:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}.author-name{margin:0;cursor:pointer;transition:color .2s;text-decoration:none}.author-name:hover{color:#6b7280}.follow-btn{padding:8px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:4px}.follow-btn:hover{background:#374151}.follow-btn.following{background:#f3f4f6;color:#1a1a1a}.follow-btn.following:hover{background:#e5e7eb}.story-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.category,.publish-date,.read-time{font-weight:400}.meta-divider{font-weight:400}.engagement-preview{display:flex;align-items:center;gap:24px;flex-shrink:0}.engagement-item{display:flex;align-items:center;gap:8px;background:0 0;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s}.engagement-item:hover{color:#1a1a1a}.engagement-item.active{color:#dc2626}.engagement-item i{font-size:20px}.story-content-area{background:#fff;padding:60px 0}.story-column{position:relative}.story-article{max-width:none;margin:0;padding:0}.story-cover-figure{margin:0 0 60px}.story-cover{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center}.story-cover img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s}.story-cover:hover img{transform:scale(1.02)}.story-content>*{margin-bottom:16px}.story-content>:last-child{margin-bottom:0}.story-content h1,.story-content h2,.story-content h3,.story-content h4,.story-content h5,.story-content h6{font-weight:700;color:#1a1a1a;margin:32px 0 16px;line-height:1.25;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.story-content h5{font-size:21px;margin-top:24px}.story-content h6{font-size:18px;margin-top:20px}.story-content li{line-height:1.65}.story-content li>p{margin:4px 0}.story-content blockquote{padding:20px 0 20px 28px;line-height:1.6;background:#f9fafb;border-radius:0 8px 8px 0}.story-content blockquote p{margin:0}.story-content br{display:block;content:"";margin:0}.story-content p+p{margin-top:16px}.story-content a:hover{text-decoration-color:#1a1a1a;color:#5568d3}.story-content hr{max-width:200px}.story-content code{font-weight:500}.story-content pre{color:#f9fafb;font-size:14px;line-height:1.6}.story-content pre code{font-weight:400;background:0 0;padding:0;color:#1a1a1a}.story-content{font-weight:400;font-size:20px;line-height:1.8;color:#1a1a1a;font-family:Georgia,serif;margin-bottom:48px}.story-content p{text-align:justify;hyphens:auto;margin:24px 0}.story-content h1,.story-content h2,.story-content h3,.story-content h4{font-weight:700;color:#1a1a1a;margin:40px 0 16px;line-height:1.3}.story-content h1{font-size:36px}.story-content h2{font-size:30px}.story-content h3{font-size:24px}.story-content h4{font-size:20px}.story-content ol,.story-content ul{padding-left:40px;margin:24px 0}.story-content li{margin:12px 0}.story-content blockquote{border-left:4px solid #667eea;padding-left:24px;margin:32px 0;font-style:italic;color:#666;font-size:22px}.story-content img{box-shadow:0 4px 16px rgba(0,0,0,.1);max-width:100%;height:auto;border-radius:8px;margin:32px 0;display:block}.story-content a{text-decoration-color:rgba(26,26,26,0.3);text-decoration-thickness:2px;text-underline-offset:2px;color:#667eea;text-decoration:underline;transition:color .2s}.story-content hr{border:none;border-top:1px solid #e6e6e6;margin:48px 0}.story-content code{background:#f5f5f5;padding:3px 8px;border-radius:4px;font-family:"Courier New",monospace;font-size:.9em;color:#e63946}.story-content pre{background:#f5f5f5;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0}.story-tags-section{margin-bottom:60px;padding-top:40px;border-top:1px solid #f3f4f6}.tags-container{display:flex;flex-wrap:wrap;gap:12px}.story-tag{background:#f9fafb;border:none;cursor:pointer;transition:.2s;text-decoration:none}.story-tag:hover{background:#1a1a1a;color:#fff;transform:translateY(-1px)}.story-footer{padding-top:40px;border-top:1px solid #f3f4f6;margin-bottom:0}.footer-engagement{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.engagement-actions{display:flex;align-items:center;gap:24px}.story-action-btn{display:flex;align-items:center;gap:8px;background:0 0;border:none;color:#6b7280;font-size:16px;font-weight:500;cursor:pointer;transition:color .2s;padding:8px 0}.story-action-btn:hover{color:#1a1a1a}.story-action-btn.liked{color:#dc2626}.story-action-btn.liked:hover{color:#b91c1c}.story-action-btn.bookmarked{color:#1a1a1a}.story-action-btn i{font-size:20px}.action-text{font-size:14px}.story-comments-area{background:#f9fafb;padding:80px 0;border-top:1px solid #f3f4f6}.comments-section{background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.04)}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.comments-title{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.comments-close{background:0 0;border:none;color:#6b7280;font-size:24px;cursor:pointer;transition:color .2s;padding:4px}.comments-close:hover{color:#1a1a1a}.comment-compose{display:flex;gap:16px;margin-bottom:48px;align-items:flex-start}.compose-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.compose-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small{background:#1a1a1a;display:flex;align-items:center;justify-content:center}.compose-form{flex:1}.compose-input{width:100%;min-height:120px;padding:16px;border:1px solid #e5e7eb;border-radius:12px;font-size:16px;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;resize:vertical;transition:border-color .2s}.compose-input:focus{border-color:#1a1a1a;outline:0}.compose-input::placeholder{color:#9ca3af}.compose-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.compose-cancel{padding:8px 16px;background:0 0;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:color .2s}.compose-cancel:hover{color:#1a1a1a}.compose-submit{padding:8px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.compose-submit:hover:not(:disabled){background:#374151}.compose-submit:disabled{background:#d1d5db;cursor:not-allowed}.signin-link{font-weight:600;text-decoration:underline;background:0 0;border:none;cursor:pointer}.signin-link:hover{color:#374151}.comments-list{display:flex;flex-direction:column;gap:32px}.no-comments-icon{margin-bottom:20px}.no-comments-icon i{font-size:48px;color:#e5e7eb}.no-comments h4{font-size:20px;font-weight:600;color:#6b7280;margin:0 0 8px}.no-comments p{font-size:16px;margin:0 auto;max-width:300px}.comment-item{display:flex;gap:16px;align-items:flex-start}.comment-body{flex:1}.comment-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px}.comment-author{margin:0}.comment-date{font-weight:400}.comments-section{max-width:680px;margin:48px auto;padding:0 20px}.comments-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:24px}.add-comment-form{padding:24px;background:#f8f9fa;border-radius:12px}.comment-input-wrapper{display:flex;gap:12px;margin-bottom:16px}.comment-user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small{width:100%;height:100%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.comment-input{flex:1;font-family:inherit;resize:vertical;outline:0}.comment-actions{display:flex;justify-content:flex-end;gap:12px}.btn-cancel-comment,.btn-submit-comment{padding:10px 20px;border-radius:24px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;border:none}.btn-cancel-comment{background:0 0;color:#666}.btn-cancel-comment:hover{background:#e6e6e6}.btn-submit-comment{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;display:flex;align-items:center;gap:8px}.btn-submit-comment:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-submit-comment:disabled{opacity:.5;cursor:not-allowed}.comment-signin-prompt{padding:24px;background:#f8f9fa;border-radius:12px;text-align:center;margin-bottom:40px}.comment-signin-prompt p{margin:0;font-size:15px;color:#666}.link-button{background:0 0;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.link-button:hover{color:#5568d3}.comments-list{display:flex;flex-direction:column;gap:24px}.no-comments i{display:block}.comment-item{display:flex;gap:12px}.comment-item:last-child{padding-bottom:0}.comment-avatar{flex-shrink:0}.comment-header{display:flex;align-items:center;gap:12px}.comment-text{margin:0}.author-bio-section{max-width:680px;margin:48px auto;padding:32px;background:#f8f9fa;border-radius:12px}.author-bio-header{display:flex;gap:20px}.author-bio-avatar{flex-shrink:0}.avatar-placeholder-large{width:100%;height:100%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:28px}.author-bio-info{flex:1;text-align:center}.btn-follow-large{padding:10px 24px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:24px;font-weight:600;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:8px}.btn-follow-large:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-follow-large.following{background:#28a745}.btn-follow-large.following:hover{background:#218838}.related-stories-section{max-width:680px;margin:48px auto;padding:0 20px}.related-stories-grid{display:grid;grid-template-columns:1fr;gap:24px}.related-story-card{display:flex;gap:16px;padding:16px}.related-story-card:hover{background:#fff;border-color:#667eea;box-shadow:0 8px 24px rgba(0,0,0,.1)}.related-story-image{width:120px;height:120px;border-radius:8px;flex-shrink:0}.related-story-image img{object-fit:cover;width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-story-content{flex:1;display:flex;flex-direction:column;justify-content:center}.related-story-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-story-subtitle{font-size:14px;color:#666;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.related-story-meta{display:flex;align-items:center}@media (max-width:1200px){.floating-actions{left:20px}}@media (max-width:992px){.floating-actions{position:static;transform:none;flex-direction:row;justify-content:center;margin:20px auto;width:fit-content}.story-article{margin-top:40px}}@media (max-width:1024px){.story-sidebar{display:none}.story-hero{padding:60px 0 40px}.story-title{font-size:clamp(28px, 4vw, 48px)}.story-subtitle{font-size:clamp(18px, 2.5vw, 24px)}.story-content-area{padding:40px 0}.story-cover-figure{margin-bottom:40px}.story-content{font-size:19px}.author-bio-area,.related-stories-area{padding:60px 0}.related-stories-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}}@media (max-width:768px){.story-title{font-size:36px}.story-subtitle{font-size:20px}.story-content{font-size:18px}.story-content h1{font-size:28px}.story-content h2{font-size:24px}.story-content h3{font-size:20px}.engagement-bar{flex-direction:column;align-items:stretch}.engagement-left,.engagement-right{justify-content:space-between}.engagement-btn{flex:1;justify-content:center}.author-bio-header{flex-direction:column;text-align:center}.author-bio-avatar{margin:0 auto}.story-cover{margin:1.5rem 0 2rem;border-radius:12px;aspect-ratio:4/3;max-height:300px}.related-story-card{flex-direction:column}.related-story-image{width:100%;height:200px}}@media (max-width:576px){.author-bio-section,.comments-section,.related-stories-section,.story-article{padding:0 16px}.story-title{font-size:28px}.story-subtitle{font-size:18px}.story-sidebar{display:none}.story-hero{padding:40px 0 32px}.hero-content{padding:0 16px}.story-breadcrumb,.story-header-content{margin-bottom:32px}.story-title{font-size:clamp(24px, 6vw, 32px);line-height:1.2}.story-subtitle{font-size:clamp(16px, 4vw, 20px)}.story-meta-section{flex-direction:column;gap:20px}.author-card{gap:12px}.author-avatar{width:48px;height:48px}.author-primary{flex-direction:column;align-items:flex-start;gap:12px}.engagement-preview{justify-content:flex-start;gap:20px}.story-content-area{padding:32px 0}.story-column{padding:0 16px}.story-cover-figure{margin-bottom:32px}.story-cover{aspect-ratio:4/3;border-radius:12px}.story-content{font-size:18px;line-height:1.7}.story-content h1{font-size:32px;margin-top:48px}.story-content h2{font-size:28px;margin-top:40px}.story-content h3{font-size:24px;margin-top:36px}.story-content blockquote{font-size:20px;padding:20px 0 20px 24px;margin:32px 0}.footer-engagement{flex-direction:column;gap:20px}.engagement-actions{justify-content:center}.story-comments-area{padding:60px 0}.comments-section{padding:32px 20px;border-radius:12px}.comments-header{margin-bottom:32px;padding-bottom:20px}.comments-title{font-size:20px}.comment-compose{margin-bottom:40px}.compose-avatar{width:40px;height:40px}.compose-input{min-height:100px;padding:12px;font-size:16px}.comment-signin-prompt{padding:32px 16px}.author-bio-area{padding:60px 0}.author-bio-card{padding:32px 20px;border-radius:12px}.author-bio-content{gap:20px}.author-bio-avatar{width:72px;height:72px}.author-bio-name{font-size:22px}.related-stories-area{padding:60px 0}.related-title{font-size:28px;margin-bottom:40px}.related-stories-grid{grid-template-columns:1fr;gap:20px}.related-story-content{padding:20px}.related-story-title{font-size:18px}}.author-bio-area{background:#fff;padding:80px 0;border-top:1px solid #f3f4f6}.author-bio-card{background:#f9fafb;border-radius:16px;padding:40px;text-align:center}.author-bio-content{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:500px;margin:0 auto}.author-bio-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1)}.author-bio-avatar img{width:100%;height:100%;object-fit:cover}.author-bio-name{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.author-bio-description{font-size:16px;line-height:1.6;color:#6b7280;margin:0 0 24px;max-width:400px}.author-follow-btn{padding:12px 24px;background:#1a1a1a;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:8px}.author-follow-btn:hover{background:#374151;transform:translateY(-1px)}.author-follow-btn.following{background:#f3f4f6;color:#1a1a1a}.author-follow-btn.following:hover{background:#e5e7eb}.related-stories-area{background:#f9fafb;padding:80px 0;border-top:1px solid #f3f4f6}.related-stories-section{text-align:left}.related-title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center}.related-stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.related-story-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:.3s;box-shadow:0 4px 16px rgba(0,0,0,.04);border:1px solid #f3f4f6}.related-story-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.12)}.related-story-image{aspect-ratio:16/9;overflow:hidden;background:#f9fafb}.related-story-card:hover .related-story-image img{transform:scale(1.05)}.related-story-content{padding:24px}.related-story-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.3;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.related-story-excerpt{font-size:16px;line-height:1.5;color:#6b7280;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-story-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#9ca3af}.related-author{font-weight:500;color:#6b7280}.meta-divider{color:#d1d5db}.related-date{font-weight:400}@media print{.btn-follow,.btn-follow-large,.comments-section,.engagement-bar,.floating-actions,.reading-progress-bar,.related-stories-section{display:none!important}.story-article{margin:0;padding:0}.story-content{font-size:12pt;line-height:1.6}}.create-story-page{min-height:100vh;background:#fafafa}.editor-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.story-header{background:#fff;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between;align-items:center;top:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.04)}.header-left{display:flex;align-items:center;gap:16px}.btn-back{width:40px;height:40px;border:1px solid #e6e6e6;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.btn-back:hover{background:#f5f5f5;border-color:#333}.header-info{display:flex;flex-direction:column;gap:4px}.header-title{font-size:18px;font-weight:600;color:#333;margin:0}.auto-save-status{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.auto-save-status i{font-size:14px}.auto-save-status i.saving{color:#ffc107;animation:1.5s infinite pulse}.auto-save-status i.saved{color:#28a745}@keyframes pulse{0%,100%{transform:scale(1);opacity:.15}50%{transform:scale(1.1);opacity:.25}}.btn-draft,.btn-preview,.btn-publish{padding:10px 20px;border-radius:24px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;border:none}.btn-preview{background:#f5f5f5;color:#333}.btn-preview:hover{background:#e6e6e6}.btn-draft{background:#fff;color:#667eea;border:2px solid #667eea}.btn-draft:hover{background:#667eea;color:#fff}.btn-publish{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.btn-publish:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-publish:disabled{opacity:.6;cursor:not-allowed}.story-content-row{margin:0;min-height:calc(100vh - 73px)}.editor-column,.preview-column{padding:0}.editor-container{background:#fff;min-height:calc(100vh - 73px);padding:40px 80px;max-width:900px;margin:0 auto}.cover-upload-section{margin-bottom:40px}.cover-preview{position:relative}.cover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:opacity .3s}.cover-preview:hover .cover-overlay{opacity:1}.btn-change-cover,.btn-remove-cover{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;border:none}.btn-change-cover{background:#fff;color:#333}.btn-change-cover:hover{background:#f5f5f5}.btn-remove-cover{background:#dc3545;color:#fff}.btn-remove-cover:hover{background:#c82333}.cover-placeholder{border:2px dashed #ddd;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.cover-placeholder:hover{border-color:#667eea;background:#f0f4ff}.cover-placeholder i{color:#999}.cover-placeholder p{font-weight:600;color:#333}.cover-hint{font-size:13px;color:#999}.title-section{position:relative;margin-bottom:20px}.story-title-input{width:100%;border:none;outline:0;font-size:42px;font-weight:700;color:#333;font-family:Georgia,serif;line-height:1.2;padding:0;resize:none}.story-title-input::placeholder{color:#ccc}.title-char-count{position:absolute;bottom:-20px;right:0;font-size:12px;color:#999}.subtitle-section{margin-bottom:30px}.story-subtitle-input{width:100%;border:none;outline:0;font-size:24px;font-weight:400;color:#666;font-family:Georgia,serif;line-height:1.4;padding:0;font-style:italic}.story-subtitle-input::placeholder{color:#ddd}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:24px;position:sticky;top:89px;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.05)}.toolbar-group{display:flex;gap:4px}.toolbar-divider{width:1px;background:#ddd;margin:0 8px}.toolbar-btn{width:36px;height:36px;border:1px solid transparent;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;color:#333;font-size:16px}.toolbar-btn:hover{background:#e9ecef;border-color:#ddd}.toolbar-btn.active{background:#667eea;color:#fff;border-color:#667eea}.tiptap-editor{margin-bottom:40px}.story-editor-content{outline:0;font-size:18px;line-height:1.65;color:#333;font-family:Georgia,serif;min-height:400px}.story-editor-content p.is-editor-empty:first-child::before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.story-editor-content h1{font-size:36px;font-weight:700;margin:20px 0 12px;line-height:1.3}.story-editor-content h2{font-size:28px;font-weight:600;margin:18px 0 10px;line-height:1.4}.story-editor-content h3{font-size:22px;font-weight:600;margin:16px 0 8px;line-height:1.4}.story-editor-content p{margin:0 0 12px}.story-editor-content ol,.story-editor-content ul{padding-left:40px;margin:12px 0}.story-editor-content li{margin:4px 0}.story-editor-content blockquote{border-left:4px solid #667eea;padding-left:20px;margin:20px 0;color:#666;font-style:italic}.story-editor-content img{max-width:100%;height:auto;border-radius:8px;margin:20px 0;display:block}.story-editor-content a{color:#667eea;text-decoration:underline}.story-editor-content hr{border:none;border-top:2px solid #e6e6e6;margin:24px 0}.story-editor-content code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:"Courier New",monospace;font-size:.9em}.story-editor-content br{display:block;content:"";margin:0}.story-editor-content p+p{margin-top:12px}.editor-stats{display:flex;gap:24px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:40px}.stat-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;font-weight:500}.story-settings{background:#f8f9fa;padding:24px;border-radius:12px;margin-bottom:40px}.settings-title{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.form-text{color:#6b7280;display:flex;align-items:center;gap:4px}.form-text::before{content:"ℹ️";font-size:12px}.story-settings .form-group:has([name=publishedBy]){background:rgba(102,126,234,.05);padding:16px;border-radius:12px;border-left:4px solid #667eea}.story-settings .form-group:has([name=organizationId]){background:rgba(118,75,162,.05);padding:16px;border-radius:12px;border-left:4px solid #764ba2}.tags-input-container{display:flex;flex-direction:column;gap:12px}.tags-display{display:flex;flex-wrap:wrap;gap:8px}.tag-badge{font-weight:600;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.tag-remove{background:0 0;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;transition:background-color .2s}.tag-remove:hover{background:rgba(255,255,255,.2)}.tag-input-wrapper{display:flex;gap:8px}.tag-input{flex:1;border:2px solid #e6e6e6;border-radius:8px;padding:10px 16px;font-size:14px;outline:0}.tag-input:focus{border-color:#667eea}.btn-add-tag{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s}.btn-add-tag:hover:not(:disabled){background:#5568d3}.btn-add-tag:disabled{opacity:.5;cursor:not-allowed}.preview-column{background:#fff;border-left:1px solid #e6e6e6;overflow-y:auto;height:calc(100vh - 73px);position:sticky;top:73px}.preview-container{height:100%}.preview-header{padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.preview-header h3{font-size:16px;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:8px}.btn-close-preview{background:0 0;border:none;color:#666;cursor:pointer;font-size:18px;padding:4px;transition:color .2s}.btn-close-preview:hover{color:#333}.preview-content{padding:40px}.preview-cover{width:100%;height:300px;border-radius:8px;overflow:hidden;margin-bottom:30px}.preview-cover img{width:100%;height:100%;object-fit:cover}.preview-meta{margin-bottom:30px}.preview-author{display:flex;align-items:center;gap:12px}.author-avatar{overflow:hidden;background:#e6e6e6;display:flex;align-items:center;justify-content:center}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-avatar i{font-size:32px;color:#999}.author-name{margin-bottom:4px}.organization-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);margin-bottom:6px}.story-meta{display:flex;align-items:center;gap:6px;margin-top:4px}.preview-title{font-family:Georgia,serif;line-height:1.2}.preview-subtitle{font-size:20px;font-weight:400;color:#666;font-family:Georgia,serif;font-style:italic;line-height:1.4;margin-bottom:24px}.preview-body{font-size:18px;line-height:1.8;color:#333;font-family:Georgia,serif}.preview-body h1,.preview-body h2,.preview-body h3{font-weight:600;margin-top:24px;margin-bottom:12px}.preview-body img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.preview-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px;padding-top:30px;border-top:1px solid #e6e6e6}.preview-tag{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600}@media (max-width:992px){.editor-container{padding:30px 40px}.story-title-input{font-size:32px}.story-subtitle-input{font-size:20px}.story-editor-content{font-size:16px}.preview-column{position:static;height:auto}}@media (max-width:768px){.story-header{padding:12px 16px;flex-direction:column;gap:12px}.header-left{width:100%}.header-actions{width:100%;justify-content:flex-end}.btn-draft,.btn-preview,.btn-publish{padding:8px 16px;font-size:13px}.editor-container{padding:20px 16px}.story-title-input{font-size:28px}.story-subtitle-input{font-size:18px}.editor-toolbar{padding:12px;gap:6px}.toolbar-btn{width:32px;height:32px;font-size:14px}.cover-placeholder{height:200px}.cover-preview{height:300px}.preview-content{padding:20px 16px}.preview-title{font-size:28px}}@media (max-width:576px){.header-title{font-size:16px}.auto-save-status{font-size:11px}.btn-draft span,.btn-preview span,.btn-publish span{display:none}.toolbar-group{gap:2px}.toolbar-divider{display:none}.story-title-input{font-size:24px}.story-subtitle-input{font-size:16px}.story-editor-content{font-size:15px}}@media print{.btn-change-cover,.btn-remove-cover,.editor-stats,.editor-toolbar,.story-header,.story-settings{display:none!important}.editor-container{padding:0}.story-editor-content{font-size:12pt}}.card-img-top{height:150px;object-fit:cover}.card-text{font-size:.9rem;color:#555}.story-grid-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);min-height:100vh;padding:40px 0}.story-header{background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.85) 100%);backdrop-filter:blur(10px);border-radius:24px;padding:32px 40px;box-shadow:0 8px 32px rgba(0,0,0,.06),0 2px 8px rgba(102,126,234,.08),inset 0 1px 0 rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.6);position:relative;overflow:hidden}.story-header::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea 0,#764ba2 50%,#667eea 100%);background-size:200% 100%;animation:3s infinite gradientShift}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative}.story-grid-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#667eea 0,#764ba2 60%,#f093fb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.03em;line-height:1.1;position:relative;display:inline-block;text-shadow:0 0 30px rgba(102,126,234,.2)}.story-grid-title::after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.write-story-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;margin-left:0;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s cubic-bezier(.34, 1.56, .64, 1);box-shadow:0 4px 16px rgba(102,126,234,.25),0 2px 8px rgba(102,126,234,.15),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden}.write-story-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(102,126,234,.35),0 4px 12px rgba(102,126,234,.25),inset 0 1px 0 rgba(255,255,255,.3)}.write-story-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3),0 2px 6px rgba(102,126,234,.2)}.write-story-btn i{font-size:18px;transition:transform .3s}.write-story-btn:hover i{transform:rotate(90deg)}.write-story-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s}.write-story-btn:hover::before{left:100%}.filter-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(250,251,255,.95) 100%);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.06),0 1px 4px rgba(102,126,234,.08);border:1px solid rgba(255,255,255,.8);transition:.3s}.filter-bar:hover{box-shadow:0 6px 28px rgba(0,0,0,.08),0 2px 8px rgba(102,126,234,.12)}.filter-controls{display:flex;gap:16px;flex:1}.date-filter,.search-box{position:relative;display:flex;align-items:center;flex:1}.date-filter i,.search-box i{position:absolute;left:16px;color:#667eea;pointer-events:none;font-size:16px;z-index:1}.filter-input{font-weight:500;background:#fff;color:#333}.filter-input:focus{box-shadow:0 0 0 3px rgba(102,126,234,.1),0 4px 12px rgba(102,126,234,.15);transform:translateY(-1px)}.filter-input::placeholder{color:#999;font-weight:400}.clear-date-btn{position:absolute;right:8px;background:0 0;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center}.clear-date-btn:hover{color:#667eea}.view-toggle{display:flex;backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(102,126,234,.12),0 2px 8px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.8);border:1px solid rgba(102,126,234,.1)}.view-btn{position:relative;display:flex;align-items:center;justify-content:center}.view-btn:hover{color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.view-btn.active{box-shadow:0 4px 16px rgba(102,126,234,.35),0 2px 8px rgba(118,75,162,.25),inset 0 1px 0 rgba(255,255,255,.2);transform:translateY(-1px)}.story-masonry{columns:3;column-gap:30px;margin-bottom:40px}@media (max-width:1200px){.story-masonry{columns:2}}.masonry-card{break-inside:avoid;margin-bottom:30px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1);cursor:pointer;transition:.4s cubic-bezier(.25, .46, .45, .94);position:relative}.masonry-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15)}.masonry-image-container{position:relative;overflow:hidden;height:auto;min-height:200px}.masonry-image{width:100%;height:auto;display:block;transition:transform .4s}.masonry-card:hover .masonry-image{transform:scale(1.1)}.masonry-image-placeholder{width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;font-size:48px}.image-overlay{display:flex;align-items:flex-end;padding:20px}.masonry-card:hover .image-overlay{opacity:1}.story-stats{color:#fff;font-size:14px;font-weight:500}.read-time{display:flex;align-items:center;gap:6px}.masonry-content{padding:24px}.story-category{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#667eea;margin-bottom:12px}.masonry-title{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.3;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.masonry-description{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.masonry-meta{display:flex;justify-content:space-between;align-items:center}.author-info{display:flex;align-items:center;gap:10px}.author-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.author-details{display:flex;flex-direction:column}.author-name{font-size:13px;font-weight:600;color:#333}.publish-date{font-size:12px;color:#999}.story-actions{display:flex;gap:8px}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.action-btn:hover{transform:scale(1.1)}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-bottom:40px}.story-card{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer;display:flex;flex-direction:column}.story-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.15)}.story-image-container{width:100%;height:200px;overflow:hidden;background-color:#f0f0f0}.story-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e9ecef;color:#adb5bd;font-size:48px}.story-content{padding:24px;flex:1;display:flex;flex-direction:column}.story-title{line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.story-list{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.story-list-item{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer;transition:box-shadow .3s;display:flex;gap:24px}.story-list-item:hover{box-shadow:0 8px 20px rgba(0,0,0,.12)}.story-list-image-container{width:200px;height:150px;flex-shrink:0;overflow:hidden;border-radius:8px;background-color:#f0f0f0}.story-list-image{width:100%;height:100%;object-fit:cover}.story-list-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e9ecef;color:#adb5bd;font-size:40px}.story-list-content{flex:1;display:flex;flex-direction:column}.story-list-title{font-size:24px;font-weight:700;color:#333;margin-bottom:12px}.story-list-description{font-size:15px;color:#555;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-meta{display:flex;gap:16px;font-size:13px;color:#666}.story-author,.story-date{display:flex;align-items:center;gap:6px}.story-meta i{color:#999}.story-description{font-size:14px;color:#555;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.story-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.story-tag{font-size:12px;color:#667eea;background-color:#f0f3ff;padding:4px 12px;border-radius:16px;font-weight:500}.btn-load-more{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;padding:16px 40px;font-size:16px;font-weight:600;border-radius:50px;cursor:pointer;transition:.3s cubic-bezier(.25, .46, .45, .94);box-shadow:0 8px 24px rgba(102,126,234,.3);position:relative;overflow:hidden}.btn-load-more:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 32px rgba(102,126,234,.4)}.btn-load-more:active{transform:translateY(0) scale(1.02)}.results-summary{display:flex;justify-content:space-between;align-items:center;padding:0;margin-bottom:0;border-bottom:none;flex:1;min-width:200px}.results-text{font-size:14px;color:#666;font-weight:500}.clear-all-filters{display:flex;align-items:center;gap:6px;padding:6px 12px;background:0 0;border:1px solid #dc3545;color:#dc3545;border-radius:6px;font-size:13px;cursor:pointer;transition:.2s}.clear-all-filters:hover{background:#dc3545;color:#fff}.no-stories-found{text-align:center;padding:80px 20px;color:#666;background:#fff;border-radius:12px;margin:20px 0}.no-stories-found i{font-size:64px;color:#ccc;margin-bottom:20px}.no-stories-found h3{font-size:24px;margin-bottom:10px;color:#333}.no-stories-found p{font-size:16px;color:#999}.results-pagination-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:16px 0;border-top:1px solid #eee;flex-wrap:wrap}.pagination-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.pagination-top{margin-top:0;margin-bottom:0;padding:0;border-bottom:none}.pagination-bottom{margin-top:40px;margin-bottom:0}.pagination-btn{display:flex;align-items:center}.pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.pagination-btn:disabled{opacity:.4;border-color:#ccc;color:#ccc}.pagination-btn i{font-size:12px}.pagination-pages{display:flex;gap:6px;align-items:center}.pagination-number{min-width:40px;height:40px;background:#fff;font-weight:600}.pagination-number:hover{color:#667eea;transform:translateY(-2px)}.pagination-number.active{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);box-shadow:0 4px 12px rgba(102,126,234,.3)}@media (max-width:768px){.story-masonry{columns:1;column-gap:20px}.header-top{flex-wrap:wrap;gap:16px;align-items:flex-start}.story-grid-title{font-size:32px;flex:1;min-width:0}.write-story-btn{padding:12px 20px;font-size:14px;flex-shrink:0}.filter-bar{flex-direction:column;align-items:stretch}.filter-controls{flex-direction:column}.view-toggle{justify-content:center}.story-grid{grid-template-columns:1fr;gap:20px}.story-list-item{flex-direction:column}.story-list-image-container{width:100%;height:200px}.pagination-container{gap:8px}.pagination-btn{padding:8px 12px;font-size:13px}.pagination-btn span{display:none}.pagination-number{min-width:36px;height:36px;font-size:13px}.results-pagination-row{flex-direction:column;align-items:stretch;gap:16px}.results-summary{flex-direction:column;gap:12px;align-items:flex-start}.pagination-top{justify-content:center}}@media (max-width:480px){.story-grid-title{font-size:28px}.write-story-btn{padding:10px 16px;font-size:13px}.write-story-btn span{display:inline}.write-story-btn i{font-size:16px}.pagination-pages{gap:4px}.pagination-number{min-width:32px;height:32px;font-size:12px}.pagination-btn{padding:6px 10px}}.btn-secondary{border-color:#007bff;color:#007bff}.btn-secondary:hover{background-color:#007bff;color:#fff}.skeleton-base{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-story-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;margin-bottom:20px}.skeleton-author-name,.skeleton-avatar,.skeleton-category,.skeleton-date,.skeleton-description,.skeleton-description-short,.skeleton-story-image,.skeleton-title,.skeleton-title-short{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-story-image{width:100%;height:200px;border-radius:12px 12px 0 0}.skeleton-story-content{padding:20px}.skeleton-category{width:80px;height:20px;border-radius:10px;margin-bottom:12px}.skeleton-title-short{width:70%;height:24px;border-radius:4px;margin-bottom:16px}.skeleton-description{width:100%;height:16px;border-radius:4px;margin-bottom:8px}.skeleton-description-short{width:60%;height:16px;border-radius:4px;margin-bottom:20px}.skeleton-author-section{display:flex;align-items:center;gap:12px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-author-info{flex:1}.skeleton-author-name{width:120px;height:16px;border-radius:4px;margin-bottom:6px}.skeleton-date{width:80px;height:14px;border-radius:4px}.skeleton-story-list-item{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.1);padding:16px;margin-bottom:16px;display:flex;gap:16px}.skeleton-list-description,.skeleton-list-image,.skeleton-list-title,.skeleton-meta-item,.skeleton-tag{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-list-image{width:120px;height:80px;border-radius:8px;flex-shrink:0}.skeleton-list-content{flex:1;min-width:0}.skeleton-list-title{width:100%;height:20px;border-radius:4px;margin-bottom:12px}.skeleton-list-meta{display:flex;gap:20px;margin-bottom:12px}.skeleton-meta-item{width:100px;height:14px;border-radius:4px}.skeleton-list-description{width:100%;height:14px;border-radius:4px;margin-bottom:8px}.skeleton-tags{display:flex;gap:8px;margin-top:12px}.skeleton-tag{width:60px;height:20px;border-radius:10px}.skeleton-event-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.skeleton-event-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0}.skeleton-event-date{display:flex;flex-direction:column;align-items:center;gap:4px}.skeleton-date-day,.skeleton-date-month,.skeleton-event-category,.skeleton-event-organizer,.skeleton-event-status,.skeleton-event-title,.skeleton-event-title-short,.skeleton-event-type{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-date-day{width:30px;height:24px;border-radius:4px}.skeleton-date-month{width:40px;height:16px;border-radius:4px}.skeleton-event-category{width:40px;height:40px;border-radius:50%}.skeleton-event-content{padding:20px}.skeleton-event-title{width:100%;height:20px;border-radius:4px;margin-bottom:8px}.skeleton-event-title-short{width:70%;height:20px;border-radius:4px;margin-bottom:16px}.skeleton-event-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.skeleton-event-organizer{width:150px;height:16px;border-radius:4px}.skeleton-event-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #f0f0f0}.skeleton-event-type{width:80px;height:24px;border-radius:12px}.skeleton-event-status{width:20px;height:20px;border-radius:50%}.skeleton-event-list-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;margin-bottom:16px;display:flex;align-items:center;gap:20px}.skeleton-date-primary,.skeleton-date-secondary,.skeleton-detail-item,.skeleton-event-list-arrow,.skeleton-event-list-category,.skeleton-event-list-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-event-list-date{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.skeleton-date-primary{width:32px;height:28px;border-radius:4px}.skeleton-date-secondary{width:40px;height:16px;border-radius:4px}.skeleton-event-list-content{flex:1;min-width:0}.skeleton-event-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.skeleton-event-list-title{width:300px;height:22px;border-radius:4px}.skeleton-event-list-category{width:30px;height:30px;border-radius:50%}.skeleton-event-list-details{display:flex;flex-direction:column;gap:8px}.skeleton-detail-row{display:flex;gap:30px}.skeleton-detail-item{width:150px;height:14px;border-radius:4px}.skeleton-event-list-arrow{width:20px;height:20px;border-radius:4px;flex-shrink:0}.skeleton-org-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;position:relative}.skeleton-org-badges{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:1}.skeleton-badge,.skeleton-org-description,.skeleton-org-description-short,.skeleton-org-employee-count,.skeleton-org-logo,.skeleton-org-meta-item,.skeleton-org-name,.skeleton-org-tag,.skeleton-org-website{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-badge{width:70px;height:24px;border-radius:12px}.skeleton-org-logo{width:80px;height:80px;border-radius:50%;margin:24px auto 16px}.skeleton-org-content{padding:0 20px 20px}.skeleton-org-name{width:80%;height:20px;border-radius:4px;margin:0 auto 16px}.skeleton-org-tags{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.skeleton-org-tag{width:80px;height:20px;border-radius:10px}.skeleton-org-description{width:100%;height:14px;border-radius:4px;margin-bottom:8px}.skeleton-org-description-short{width:60%;height:14px;border-radius:4px;margin-bottom:16px}.skeleton-org-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.skeleton-org-meta-item{width:100%;height:14px;border-radius:4px}.skeleton-org-footer{display:flex;justify-content:space-between;align-items:center}.skeleton-org-website{width:100px;height:16px;border-radius:4px}.skeleton-org-employee-count{width:60px;height:16px;border-radius:4px}.skeleton-org-list-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;margin-bottom:16px;display:flex;gap:20px;position:relative}.skeleton-org-list-badges{position:absolute;top:12px;right:12px;display:flex;gap:8px}.skeleton-list-badge,.skeleton-list-footer-item,.skeleton-list-meta-item,.skeleton-org-list-description,.skeleton-org-list-logo,.skeleton-org-list-name,.skeleton-org-list-tag{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-list-badge{width:60px;height:20px;border-radius:10px}.skeleton-org-list-logo{width:60px;height:60px;border-radius:50%;flex-shrink:0}.skeleton-org-list-content{flex:1;min-width:0}.skeleton-org-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.skeleton-org-list-name{width:250px;height:20px;border-radius:4px}.skeleton-org-list-tags{display:flex;gap:8px}.skeleton-org-list-tag{width:70px;height:18px;border-radius:9px}.skeleton-org-list-description{width:100%;height:14px;border-radius:4px;margin-bottom:8px}.skeleton-org-list-meta{display:flex;gap:30px;margin-bottom:12px}.skeleton-list-meta-item{width:120px;height:14px;border-radius:4px}.skeleton-org-list-footer{display:flex;gap:20px}.skeleton-list-footer-item{width:100px;height:14px;border-radius:4px}.skeleton-grid{display:grid;grid-template-columns:repeat(var(--skeleton-columns,3),1fr);gap:20px;margin-top:20px}.skeleton-list{margin-top:20px}.error-state{text-align:center;padding:60px 20px;color:#6b7280}.error-icon{font-size:4rem;color:#f59e0b;margin-bottom:1rem}.error-title{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:.5rem}.error-message{font-size:1rem;max-width:400px}.error-retry-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s}.error-retry-btn:hover{background:#2563eb}@media (max-width:768px){.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:16px}.skeleton-event-list-item,.skeleton-org-list-item,.skeleton-story-list-item{flex-direction:column;text-align:center}.skeleton-event-list-date,.skeleton-list-image,.skeleton-org-list-logo{align-self:center}}@media (max-width:480px){.skeleton-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:0s!important}.skeleton-author-name,.skeleton-avatar,.skeleton-badge,.skeleton-category,.skeleton-date,.skeleton-date-day,.skeleton-date-month,.skeleton-date-primary,.skeleton-date-secondary,.skeleton-description,.skeleton-description-short,.skeleton-detail-item,.skeleton-event-category,.skeleton-event-list-arrow,.skeleton-event-list-category,.skeleton-event-list-title,.skeleton-event-organizer,.skeleton-event-status,.skeleton-event-title,.skeleton-event-title-short,.skeleton-event-type,.skeleton-list-badge,.skeleton-list-description,.skeleton-list-footer-item,.skeleton-list-image,.skeleton-list-meta-item,.skeleton-list-title,.skeleton-meta-item,.skeleton-org-description,.skeleton-org-description-short,.skeleton-org-employee-count,.skeleton-org-list-description,.skeleton-org-list-logo,.skeleton-org-list-name,.skeleton-org-list-tag,.skeleton-org-logo,.skeleton-org-meta-item,.skeleton-org-name,.skeleton-org-tag,.skeleton-org-website,.skeleton-story-image,.skeleton-tag,.skeleton-title,.skeleton-title-short{background:#f0f0f0!important}}.books-container{max-width:1400px;padding:0 1rem}.books-header{text-align:center;padding:2rem 0;border-bottom:2px solid #f0f0f0}.books-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.books-subtitle{font-size:1.1rem;color:#6c757d}.add-book-btn{padding:.75rem 1.5rem;font-weight:600;border-radius:8px;transition:.3s}.add-book-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(13,110,253,.3)}.search-box{width:100%}.search-input:focus{box-shadow:0 0 0 .2rem rgba(13,110,253,.1)}.filter-select,.sort-select{border-radius:8px;border:1px solid #dee2e6;padding:.5rem 1rem;transition:.3s}.filter-select:focus,.sort-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgba(13,110,253,.1)}.results-count{padding:.5rem 1rem;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;height:100%}.books-list{margin-bottom:2rem}.book-card{border:1px solid #e0e0e0;border-radius:12px;transition:.3s;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);animation:.4s ease-out fadeIn}.book-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.12);border-color:#0d6efd}.book-cover-wrapper{position:relative;height:300px;overflow:hidden;background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.book-cover{width:100%;height:100%;object-fit:cover;transition:transform .3s}.book-card:hover .book-cover{transform:scale(1.05)}.book-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:1rem;text-align:center}.book-cover-placeholder i{font-size:4rem;margin-bottom:1rem;opacity:.8}.book-cover-placeholder p{font-size:1rem;font-weight:600;margin:0;opacity:.9}.book-rating{position:absolute;top:10px;right:10px;background:rgba(255,193,7,.95);color:#fff;padding:.3rem .6rem;border-radius:20px;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.3rem;box-shadow:0 2px 6px rgba(0,0,0,.2)}.book-rating i{font-size:.75rem}.book-card .card-body{padding:1.25rem}.book-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;min-height:2.8em}.book-author{font-size:.9rem;font-weight:500;color:#6c757d;display:flex;align-items:center}.book-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.book-meta .badge{font-size:.75rem;padding:.35rem .6rem}.book-description{font-size:.85rem;color:#6c757d;line-height:1.5;margin-bottom:.75rem}.book-pages{display:flex;align-items:center;font-size:.85rem;margin-top:.5rem}.pagination-container{margin:2rem 0}.pagination{gap:.25rem}.pagination .page-link{border-radius:8px;border:1px solid #dee2e6;color:#0d6efd;padding:.5rem .85rem;margin:0 .15rem;transition:.2s}.pagination .page-link:hover{background-color:#0d6efd;color:#fff;border-color:#0d6efd}.pagination .page-item.active .page-link{background-color:#0d6efd;border-color:#0d6efd;font-weight:600}.pagination .page-item.disabled .page-link{color:#6c757d;background-color:#f8f9fa}.pagination-info{padding:.5rem}.text-center.py-5{padding:3rem 1rem}@media (max-width:992px){.books-title{font-size:2rem}.book-cover-wrapper{height:250px}}@media (max-width:768px){.books-header{padding:1.5rem 0}.books-title{font-size:1.75rem}.books-subtitle{font-size:1rem}.results-count{margin-top:.5rem}.book-cover-wrapper{height:280px}.pagination .page-link{padding:.4rem .65rem;font-size:.9rem}}@media (max-width:576px){.books-container{padding:0 .5rem}.books-title{font-size:1.5rem}.book-card{margin-bottom:1rem}.book-cover-wrapper{height:250px}.book-title{font-size:1rem}.pagination{font-size:.85rem}.pagination .page-link{padding:.35rem .55rem}}.spinner-border{width:3rem;height:3rem;border-width:.3em}.book-card:first-child{animation-delay:50ms}.book-card:nth-child(2){animation-delay:.1s}.book-card:nth-child(3){animation-delay:.15s}.book-card:nth-child(4){animation-delay:.2s}.book-card:nth-child(5){animation-delay:.25s}.book-card:nth-child(6){animation-delay:.3s}.book-card:nth-child(7){animation-delay:.35s}.book-card:nth-child(8){animation-delay:.4s}.book-detail-page{background:#f8f9fa;min-height:100vh}.book-detail-container{max-width:1400px}.back-button{color:#6c757d;text-decoration:none;font-weight:500;padding:.5rem 0}.back-button:hover{color:#0d6efd}.book-cover-section{top:100px}.book-cover-container{border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15);background:#fff}.book-cover-large{width:100%;height:auto;display:block}.book-cover-placeholder-large{width:100%;aspect-ratio:2/3;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:2rem;text-align:center}.book-cover-placeholder-large i{font-size:5rem;margin-bottom:1rem;opacity:.8}.book-cover-placeholder-large p{font-size:1.2rem;font-weight:600;margin:0}.book-actions{display:flex;flex-direction:column;gap:.5rem}.book-actions .btn{border-radius:8px;font-weight:500;padding:.75rem}.book-stats-sidebar{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}.stat-item{display:flex;align-items:center;border-bottom:1px solid #f0f0f0}.stat-item:last-child{border-bottom:none}.stat-item i{width:30px}.stat-label{flex:1;margin-left:.5rem}.book-header{margin-bottom:2rem}.book-title-large{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1rem;line-height:1.2}.book-author-large{font-size:1.5rem;font-weight:500;color:#6c757d;margin-bottom:1rem}.book-meta-tags .badge{font-size:.9rem;padding:.5rem 1rem;font-weight:500}.description-card,.details-card,.rating-card,.related-books-card,.reviews-card{border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);animation:.5s ease-out fadeIn}.star-rating{display:flex;align-items:center;gap:.5rem}.star-icon{transition:transform .2s}.star-icon:hover{transform:scale(1.2)}.book-description-text{font-size:1.05rem;line-height:1.8;color:#495057;text-align:justify}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px}.detail-item-column{flex-direction:column;align-items:flex-start;gap:.35rem}.detail-value{font-weight:500}.detail-note{color:#495057;font-size:.95rem;line-height:1.5}.download-url{background:#f8f9fa;border-radius:8px;padding:.75rem;color:#2c3e50;word-break:break-all}.review-form textarea{border-radius:8px;border:1px solid #dee2e6;resize:vertical}.review-form textarea:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgba(13,110,253,.1)}.reviews-list{display:flex;flex-direction:column;gap:1rem}.review-item{border-left:3px solid #0d6efd}.review-header{margin-bottom:.5rem;display:flex;align-items:center}.review-text{margin:0;color:#495057;line-height:1.6}.related-book-item{cursor:pointer;transition:transform .3s;text-align:center}.related-book-item:hover{transform:translateY(-5px)}.related-book-cover{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:.5rem}.related-book-title{font-size:.9rem;font-weight:600;color:#2c3e50;margin:.5rem 0 .25rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.related-book-author{font-size:.8rem;color:#6c757d;margin:0}.reading-progress-bar{border-radius:0}.reading-progress-bar .progress-bar{background:linear-gradient(90deg,#667eea 0,#764ba2 100%)}@media (max-width:992px){.book-cover-section{position:static!important;margin-bottom:2rem}.book-title-large{font-size:2rem}.book-author-large{font-size:1.25rem}.detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.book-title-large{font-size:1.75rem}.book-author-large,.section-title{font-size:1.1rem}.book-description-text{font-size:1rem}.star-rating{flex-direction:column;align-items:flex-start}}@media (max-width:576px){.book-detail-container{padding:0 .5rem}.book-title-large{font-size:1.5rem}.book-author-large{font-size:1rem}.book-meta-tags .badge{font-size:.8rem;padding:.35rem .7rem}.book-stats-sidebar{padding:1rem}.stat-item{padding:.5rem 0}}.description-card{animation-delay:.1s}.details-card{animation-delay:.2s}.reviews-card{animation-delay:.3s}.related-books-card{animation-delay:.4s}.book-form-page{background:#f8f9fa;min-height:100vh;padding-top:2rem}.book-form-container{max-width:1400px}.form-header{border-bottom:2px solid #e9ecef}.cover-upload-card,.form-section-card{border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:1.5rem;animation:.5s ease-out fadeIn}.cover-upload-card{top:100px}.cover-preview-container{position:relative;border-radius:8px;overflow:hidden;margin-bottom:1rem}.cover-preview-image{width:100%;height:auto;display:block;border-radius:8px}.remove-cover-btn{position:absolute;top:10px;right:10px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.2)}.cover-upload-placeholder{border:2px dashed #dee2e6;border-radius:8px;padding:3rem 2rem;text-align:center;background:#f8f9fa;margin-bottom:1rem}.cover-upload-placeholder i{font-size:3rem;color:#adb5bd;margin-bottom:1rem;display:block}.cover-upload-placeholder p{color:#6c757d;margin:0;font-size:1rem}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(13,110,253,.1)}.form-control.is-invalid:focus,.form-select.is-invalid:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.1)}textarea.form-control{resize:vertical;min-height:120px}.text-danger{color:#dc3545}.form-text{font-size:.875rem;margin-top:.25rem}.form-actions{margin-top:2rem;padding-top:2rem;border-top:2px solid #e9ecef}.form-actions .btn{padding:.75rem 2rem;font-weight:600;border-radius:8px;transition:.3s}.submit-btn{min-width:150px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(13,110,253,.3)}.spinner-border-sm{width:1rem;height:1rem;border-width:.15em}@media (min-width:992px){.sticky-top{position:sticky;top:100px;z-index:10}}@media (max-width:992px){.form-title{font-size:2rem}.cover-upload-card{position:static!important;margin-bottom:2rem}.cover-upload-placeholder{padding:2rem 1rem}.cover-upload-placeholder i{font-size:2.5rem}}@media (max-width:768px){.form-header{padding:1.5rem 0}.form-title{font-size:1.75rem}.form-subtitle{font-size:1rem}.section-title{font-size:1.1rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media (max-width:576px){.book-form-container{padding:0 .5rem}.form-title{font-size:1.5rem}.cover-upload-placeholder{padding:1.5rem 1rem}.cover-upload-placeholder i{font-size:2rem}.form-control,.form-select{padding:.6rem;font-size:.95rem}}.form-section-card:first-child{animation-delay:.1s}.form-section-card:nth-child(2){animation-delay:.2s}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.form-control[type=file]{padding:.5rem}.form-control[type=file]::-webkit-file-upload-button{padding:.5rem 1rem;margin-right:1rem;border:none;border-radius:6px;background:#0d6efd;color:#fff;cursor:pointer;transition:background .3s}.form-control[type=file]::-webkit-file-upload-button:hover{background:#0b5ed7}.form-label .text-danger{font-weight:700;margin-left:2px}.card-body{padding:2rem}@media (max-width:768px){.card-body{padding:1.5rem}}@media (max-width:576px){.card-body{padding:1rem}}.was-validated .form-control:valid,.was-validated .form-select:valid{border-color:#198754}.was-validated .form-control:valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .2rem rgba(25,135,84,.1)}.modern-event-form-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:2rem 0}.form-header{text-align:center;margin-bottom:3rem;padding:2rem}.header-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 10px 30px rgba(102,126,234,.3);animation:3s ease-in-out infinite float}.header-icon i{font-size:2rem;color:#fff}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.form-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem;line-height:1.2}.form-subtitle{font-size:1.1rem;color:#64748b;margin:0 auto;max-width:500px}.progress-container{margin-bottom:3rem;display:flex;justify-content:center;align-items:center;width:100%;padding:0 1rem}.progress-bar{display:flex;justify-content:space-between;flex-direction:row;align-items:center;position:relative;max-width:600px;width:100%;margin:0 auto;padding:0 2rem}.progress-bar::before{content:"";position:absolute;top:50%;left:2rem;right:2rem;height:4px;background:#e2e8f0;border-radius:2px;transform:translateY(-50%);z-index:1;transition:.3s}.progress-bar::after{content:"";position:absolute;top:50%;left:2rem;height:4px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:2px;transform:translateY(-50%);z-index:1;transition:.6s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 8px rgba(102,126,234,.3)}.progress-bar[data-step="1"]::after{width:0%}.progress-bar[data-step="2"]::after{width:calc(33.33% - 1rem)}.progress-bar[data-step="3"]::after{width:calc(66.66% - 1rem)}.progress-bar[data-step="4"]::after{width:calc(100% - 4rem)}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;padding:0 .5rem;transition:.4s cubic-bezier(.4, 0, .2, 1);cursor:pointer}.progress-step:hover:not(.active){transform:translateY(-2px)}.step-icon{width:56px;height:56px;border-radius:50%;background:#f1f5f9;border:3px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;transition:.4s cubic-bezier(.4, 0, .2, 1);color:#64748b;font-size:1.3rem;position:relative;overflow:hidden}.step-icon::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(102,126,234,.1);transform:translate(-50%,-50%);transition:.6s;z-index:-1}.progress-step.active .step-icon::before{width:120%;height:120%}.progress-step.active .step-icon{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-color:#667eea;color:#fff;box-shadow:0 8px 25px rgba(102,126,234,.4),0 0 0 4px rgba(102,126,234,.1);transform:scale(1.05);animation:2s infinite pulse-active}.progress-step.completed .step-icon{background:linear-gradient(135deg,#10b981 0,#059669 100%);border-color:#10b981;color:#fff;box-shadow:0 4px 15px rgba(16,185,129,.3)}.progress-step.completed .step-icon::after{content:"✓";position:absolute;font-size:1.1rem;font-weight:700;animation:.5s checkmark-appear}.step-label{transition:.3s;white-space:nowrap}.progress-step.active .step-label{color:#667eea;font-weight:700;transform:scale(1.05)}.progress-step.completed .step-label{color:#10b981;font-weight:700}@keyframes pulse-active{0%,100%{box-shadow:0 8px 25px rgba(102,126,234,.4),0 0 0 4px rgba(102,126,234,.1)}50%{box-shadow:0 8px 25px rgba(102,126,234,.6),0 0 0 8px rgba(102,126,234,.15)}}@keyframes checkmark-appear{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}.step-number{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0)}.progress-step.active .step-number{opacity:1;transform:scale(1)}.modern-form-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.1);padding:3rem;margin-bottom:2rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.modern-form{display:flex;flex-direction:column;gap:3rem}.form-step{opacity:1;transform:translateX(0);transition:.5s cubic-bezier(.4, 0, .2, 1);display:block}.step-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:16px;border-left:4px solid #667eea}.step-icon-large{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 15px rgba(102,126,234,.3);flex-shrink:0}.step-content{flex:1}.step-description{margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:start}.form-group-modern{display:flex;flex-direction:column;gap:.75rem}.form-group-modern.full-width{grid-column:1/-1}.modern-label{font-size:.9rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.modern-label i{color:#667eea;font-size:1rem}.input-wrapper{position:relative;display:flex;align-items:center}.modern-input,.modern-textarea{width:100%;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#fff;transition:.3s cubic-bezier(.4, 0, .2, 1);color:#1f2937;font-family:inherit}.modern-input:focus,.modern-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);transform:translateY(-1px)}.modern-input::placeholder,.modern-textarea::placeholder{color:#9ca3af;transition:.3s}.modern-input:focus::placeholder,.modern-textarea:focus::placeholder{opacity:.7}.modern-select{appearance:none;background-image:none;cursor:pointer;padding-right:3rem}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;transition:.3s}.modern-input:focus+.input-border+.select-arrow{color:#667eea}.input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.modern-input:focus+.input-border+.input-icon{color:#667eea}.input-border{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:.3s cubic-bezier(.4, 0, .2, 1);transform:translateX(-50%)}.modern-input:focus+.input-border,.modern-textarea:focus+.input-border{width:100%}.modern-textarea{resize:vertical;min-height:120px;line-height:1.6}.character-count{font-size:.8rem;color:#6b7280;text-align:right;margin-top:.5rem}.file-upload-area{position:relative;border:2px dashed #d1d5db;border-radius:16px;padding:3rem 2rem;text-align:center;background:#f9fafb;transition:.3s;cursor:pointer}.file-upload-area:hover{border-color:#667eea;background:rgba(102,126,234,.02)}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;margin:0}.upload-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-bottom:1rem}.upload-text{display:flex;flex-direction:column;gap:.5rem}.upload-subtitle{font-size:.9rem;color:#6b7280}.uploaded-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;margin-top:2rem}.image-preview-modern{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#f3f4f6;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:.3s}.image-preview-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.image-preview-modern img{width:100%;height:100%;object-fit:cover}.image-overlay{left:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s}.image-preview-modern:hover .image-overlay{opacity:1}.btn-remove-image-modern{background:#ef4444;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;font-size:1.1rem}.btn-remove-image-modern:hover{background:#dc2626;transform:scale(1.1)}.form-actions-modern{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 0;border-top:1px solid #e5e7eb;margin-top:3rem}.btn-modern{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);text-decoration:none;position:relative;overflow:hidden}.btn-modern::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-modern:hover::before{left:100%}.btn-primary-modern{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.btn-modern:active{transform:translateY(0)}.btn-modern:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-modern:disabled::before{display:none}.btn-secondary-modern{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.btn-secondary-modern:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.btn-modern i{font-size:1.1rem}@media (max-width:768px){.modern-event-form-container{padding:1rem 0}.form-header{padding:1rem;margin-bottom:2rem}.form-title{font-size:2rem}.header-icon{width:60px;height:60px}.header-icon i{font-size:1.5rem}.progress-container{padding:0 .5rem;margin-bottom:2rem}.progress-bar{padding:0 1rem;max-width:100%}.progress-bar::before{left:1rem;right:1rem}.progress-bar::after{left:1rem}.step-icon{width:48px;height:48px;font-size:1.1rem;border-width:2px}.step-number{width:20px;height:20px;font-size:.7rem;top:-6px;right:-6px}.step-label{font-size:.8rem}.modern-form-card{padding:2rem 1.5rem;border-radius:16px}.step-header{flex-direction:column;text-align:center;gap:1rem}.step-icon-large{width:50px;height:50px;font-size:1.25rem}.step-title{font-size:1.25rem}.form-grid{grid-template-columns:1fr;gap:1.5rem}.form-actions-modern{flex-direction:column-reverse;gap:1rem}.btn-modern{width:100%;justify-content:center}.file-upload-area{padding:2rem 1rem}.uploaded-images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}}@media (max-width:480px){.form-title{font-size:1.75rem}.modern-form-card{padding:1.5rem 1rem}.modern-input,.modern-textarea{padding:.875rem 1rem}.uploaded-images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.progress-container{padding:0 .25rem;margin-bottom:1.5rem}.progress-bar{padding:0 .5rem;max-width:100%}.progress-bar::before{left:.5rem;right:.5rem}.progress-bar::after{left:.5rem}.progress-step{padding:0 .25rem;min-width:fit-content}.step-icon{width:40px;height:40px;font-size:.95rem;border-width:2px}.step-number{width:18px;height:18px;font-size:.65rem;top:-5px;right:-5px}.step-label{font-size:.7rem;white-space:nowrap}}.btn-modern:focus,.modern-input:focus,.modern-textarea:focus{outline:#667eea solid 2px;outline-offset:2px}.community-event-section{margin-top:2rem;padding-top:2rem}.section-divider{display:flex;align-items:center;margin:2rem 0 1.5rem;position:relative}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent)}.divider-text{padding:0 1rem;background:#f8f9fa;color:#667eea;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;border-radius:20px;border:1px solid #e2e8f0;white-space:nowrap}.divider-text i{font-size:.8rem}.birth-event-fields{background:linear-gradient(135deg,#fef9e7 0,#f0f8ff 100%);border-radius:12px;padding:1.5rem;margin-top:1rem;border:1px solid gold;box-shadow:0 4px 15px rgba(255,215,0,.1)}.birth-event-fields::before{content:"🎂";font-size:1.5rem;display:block;text-align:center;margin-bottom:1rem}.anniversary-event-fields{background:linear-gradient(135deg,#fdf2f8 0,#fef7f7 100%);border-radius:12px;padding:1.5rem;margin-top:1rem;border:1px solid #f472b6;box-shadow:0 4px 15px rgba(244,114,182,.1)}.anniversary-event-fields::before{content:"💕";font-size:1.5rem;display:block;text-align:center;margin-bottom:1rem}.death-event-fields{background:linear-gradient(135deg,#f7fafc 0,#edf2f7 100%);border-radius:12px;padding:1.5rem;margin-top:1rem;border:1px solid #a0aec0;box-shadow:0 4px 15px rgba(160,174,192,.1)}.death-event-fields::before{content:"🕊️";font-size:1.5rem;display:block;text-align:center;margin-bottom:1rem}.community-event-section .modern-input,.community-event-section .modern-select,.community-event-section .modern-textarea{background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}.community-event-section .modern-label{color:#4a5568;font-weight:600}.community-event-section .modern-label i{color:#667eea}.form-group-modern select[name=relationshipToPublisher]{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}textarea[name=celebrationDetails],textarea[name=memorialMessage]{min-height:120px;resize:vertical;font-size:.95rem;line-height:1.6}input[name=anniversaryYear],input[name=personAge]{text-align:center;font-weight:600;font-size:1.1rem}input[type=date]{color:#4a5568;font-weight:500}input[type=date]::-webkit-calendar-picker-indicator{color:#667eea;cursor:pointer}.community-event-section .modern-input:invalid{border-color:#f56565;box-shadow:0 0 0 3px rgba(245,101,101,.1)}.community-event-section .modern-input:valid{border-color:#48bb78;box-shadow:0 0 0 3px rgba(72,187,120,.1)}@media (max-width:768px){.community-event-section{margin-top:1.5rem;padding-top:1.5rem}.section-divider{margin:1.5rem 0 1rem}.divider-text{font-size:.8rem;padding:0 .75rem}.anniversary-event-fields,.birth-event-fields,.death-event-fields{padding:1rem;margin-top:.75rem}.anniversary-event-fields::before,.birth-event-fields::before,.death-event-fields::before{font-size:1.2rem;margin-bottom:.75rem}}.modern-events-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);padding:1rem 0}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem 0;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:20px;color:#fff;box-shadow:0 10px 30px rgba(102,126,234,.3)}.header-content{flex:1;padding-left:2rem}.events-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center}.events-subtitle{font-size:1.1rem;opacity:.9;margin-bottom:0}.events-stats{padding-right:2rem;display:flex;align-items:center;gap:1rem}.btn-create-event{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:.3s;box-shadow:0 4px 15px rgba(40,167,69,.3);cursor:pointer;white-space:nowrap}.btn-create-event:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(40,167,69,.4);background:linear-gradient(135deg,#218838,#1e7e34)}.btn-create-event:active{transform:translateY(0)}.stat-item{display:flex;flex-direction:column;align-items:center;backdrop-filter:blur(10px)}.stat-label{opacity:.8}.events-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1)}.controls-left{display:flex;gap:2rem;align-items:center}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-label{font-size:.9rem;font-weight:600;color:#2c3e50;margin-bottom:0;display:flex;align-items:center}.control-select{border:2px solid #e9ecef;border-radius:10px;padding:.5rem 1rem;font-size:.9rem;background:#fff;transition:.3s;min-width:150px}.control-select:focus{border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.view-toggle{display:flex}.view-btn.active{box-shadow:0 2px 10px rgba(102,126,234,.3)}.view-btn:hover:not(.active){background:#e9ecef;color:#495057}.events-content{margin-top:2rem}.empty-state{box-shadow:0 5px 20px rgba(0,0,0,.1)}.empty-title{color:#2c3e50;margin-bottom:1rem}.empty-description{color:#6c757d;margin-bottom:2rem}.empty-state-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.event-card-modern{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1);transition:.3s;cursor:pointer;border:1px solid #f1f3f4}.event-card-modern:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%)}.event-date-modern{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;width:60px;height:60px;border-radius:15px;justify-content:center;font-weight:700;box-shadow:0 4px 15px rgba(255,107,107,.3)}.date-month{text-transform:uppercase;letter-spacing:.5px}.event-category{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.event-title-modern{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:1rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-item i{width:16px}.event-organizer-modern{display:flex;align-items:center;gap:.5rem;color:#495057;font-size:.9rem;font-weight:500}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.event-type-badge{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.event-status i{color:#28a745;font-size:1.2rem}.events-list{display:flex;flex-direction:column;gap:1rem}.event-list-item{background:#fff;border-radius:15px;display:flex;align-items:center;padding:1.5rem;box-shadow:0 3px 15px rgba(0,0,0,.1);transition:.3s;cursor:pointer;border:1px solid #f1f3f4}.event-list-item:hover{transform:translateX(5px);box-shadow:0 5px 25px rgba(0,0,0,.15)}.list-item-left{margin-right:1.5rem}.event-date-list{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:70px;height:70px;border-radius:15px;justify-content:center;font-weight:700}.date-primary{font-size:1.8rem;line-height:1}.date-secondary{font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.list-item-content{flex:1}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.event-title-list{font-size:1.4rem;font-weight:600;color:#2c3e50;margin-bottom:0;flex:1;margin-right:1rem}.event-category-small{width:35px;height:35px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.content-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;gap:2rem;align-items:center}.detail-item{display:flex;align-items:center;gap:.5rem}.event-type-tag{background:#e9ecef;color:#495057;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.list-item-right{display:flex;flex-direction:column;align-items:center;gap:1rem}.event-status-list i{color:#28a745;font-size:1.5rem}.event-arrow{color:#6c757d;font-size:1.2rem}.pagination-section{margin-top:3rem;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.pagination-info{text-align:center}.pagination-text{color:#6c757d;font-size:.95rem;margin:0;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.pagination-btn{display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px rgba(102,126,234,.25)}.pagination-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(102,126,234,.35)}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{background:linear-gradient(135deg,#ccc,#999);box-shadow:none}.pagination-pages{display:flex;gap:.5rem}.pagination-page{background:#fff;width:45px;display:flex;align-items:center;justify-content:center}.pagination-page:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.1)}.pagination-page.active{box-shadow:0 4px 15px rgba(102,126,234,.4)}@media (max-width:1200px){.events-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media (max-width:768px){.events-header{flex-direction:column;text-align:center;gap:1rem}.header-content{padding-left:0}.events-stats{padding-right:0;flex-direction:column;gap:1rem}.btn-create-event{padding:.6rem 1.2rem;font-size:.9rem}.events-title{font-size:2rem}.events-controls{flex-direction:column;gap:1rem;align-items:stretch}.controls-left{justify-content:center;flex-wrap:wrap}.events-grid{grid-template-columns:1fr;gap:1rem}.event-list-item{flex-direction:column;text-align:center;gap:1rem}.list-item-left{margin-right:0}.content-header{flex-direction:column;align-items:center;gap:.5rem}.detail-row{flex-direction:column;gap:.5rem}.pagination-controls{gap:.5rem}.pagination-btn{padding:.6rem 1rem;font-size:.85rem}.pagination-pages{gap:.35rem}.pagination-page{width:40px;height:40px;font-size:.85rem}}@media (max-width:576px){.modern-events-container{padding:.5rem 0}.events-title{font-size:1.5rem}.event-date-list,.event-date-modern{width:50px;height:50px}.date-day,.date-primary{font-size:1.2rem}.date-month,.date-secondary{font-size:.7rem}.card-content,.event-list-item{padding:1rem}.pagination-btn span{display:none}.pagination-btn i{margin:0}.pagination-page{width:35px;height:35px;font-size:.8rem}.pagination-pages{gap:.25rem}}.community-event-card{border:2px solid transparent;background:linear-gradient(white,#fff) padding-box,linear-gradient(135deg,gold,#ff69b4,#87ceeb) border-box;position:relative;overflow:hidden}.community-event-card::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,rgba(255,215,0,.05) 0,rgba(255,105,180,.05) 50%,rgba(135,206,235,.05) 100%);animation:3s ease-in-out infinite shimmer;z-index:0}@keyframes shimmer{100%{background-position:200% 0;background-position:calc(200px + 100%) 0}0%,100%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(0) translateY(0) rotate(45deg)}0%{background-position:-200px 0}}.community-event-card .card-content{position:relative;z-index:1}.community-event-title{margin-bottom:.5rem}.relationship-tag{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-top:.5rem;text-transform:uppercase;letter-spacing:.5px}.relationship-tag-small{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.2rem .6rem;border-radius:15px;font-size:.7rem;font-weight:600;margin-left:.5rem;text-transform:uppercase;letter-spacing:.3px}.category-emoji{font-size:1.2rem;line-height:1}.category-emoji-small{font-size:1rem;line-height:1}.community-event-list{border-left:4px solid transparent;border-image:linear-gradient(135deg,#ffd700,#ff69b4,#87ceeb) 1;background:linear-gradient(90deg,rgba(255,215,0,.03) 0,rgba(255,105,180,.03) 50%,rgba(135,206,235,.03) 100%)}.event-card-modern[class*=Birth] .event-category{background:linear-gradient(135deg,gold,#ffed4e)!important;animation:2s ease-in-out infinite pulse-birth}.event-card-modern[class*=Anniversary] .event-category{background:linear-gradient(135deg,#ff69b4,#ff1493)!important;animation:2s ease-in-out infinite pulse-love}.event-card-modern[class*=Death] .event-category{background:linear-gradient(135deg,#87ceeb,#4682b4)!important;animation:2s ease-in-out infinite pulse-memory}@keyframes pulse-birth{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,215,0,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(255,215,0,0)}}@keyframes pulse-love{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,105,180,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(255,105,180,0)}}@keyframes pulse-memory{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(135,206,235,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(135,206,235,0)}}.community-event-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15)}.community-event-list:hover{background:linear-gradient(90deg,rgba(255,215,0,.08) 0,rgba(255,105,180,.08) 50%,rgba(135,206,235,.08) 100%)}@media (max-width:768px){.community-event-card::before{animation-duration:4s}.relationship-tag{font-size:.7rem;padding:.2rem .6rem}.relationship-tag-small{font-size:.65rem;padding:.15rem .5rem}.category-emoji{font-size:1rem}.category-emoji-small{font-size:.9rem}}@media (prefers-contrast:high){.community-event-card{border:2px solid #000}.relationship-tag,.relationship-tag-small{background:#000;color:#fff}}.create-event-dropdown{display:flex;flex-direction:column;gap:1rem;align-items:center}.main-create-btn{margin-bottom:0}.community-events-section{background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-radius:12px;padding:1rem;border:1px solid #dee2e6;box-shadow:0 2px 8px rgba(0,0,0,.05)}.community-header{display:flex;align-items:center;justify-content:center;color:#667eea;font-weight:600;font-size:.9rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.community-buttons{display:flex;gap:.5rem;justify-content:center}.btn-community-event{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border:2px solid transparent;border-radius:10px;background:#fff;cursor:pointer;transition:.3s;min-width:70px;text-decoration:none;color:inherit}.btn-community-event:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.btn-community-event .emoji{font-size:1.5rem;margin-bottom:.25rem}.btn-community-event .text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.birth-btn{border-color:gold;background:linear-gradient(135deg,#fff9e6,#fff)}.birth-btn:hover{border-color:#ffed4e;background:linear-gradient(135deg,#fff9e6,#fef7e6);color:#b8860b}.anniversary-btn{border-color:#ff69b4;background:linear-gradient(135deg,#fdf2f8,#fff)}.anniversary-btn:hover{border-color:#ff1493;background:linear-gradient(135deg,#fdf2f8,#fce7f3);color:#be185d}.memorial-btn{border-color:#87ceeb;background:linear-gradient(135deg,#f0f8ff,#fff)}.memorial-btn:hover{border-color:#4682b4;background:linear-gradient(135deg,#f0f8ff,#e0f2fe);color:#0369a1}@media (max-width:768px){.create-event-dropdown{width:100%}.community-events-section{width:100%;padding:.75rem}.community-buttons{flex-wrap:wrap;gap:.75rem}.btn-community-event{flex:1;min-width:80px;padding:1rem .75rem}.btn-community-event .emoji{font-size:1.3rem}.btn-community-event .text{font-size:.7rem}}@media (max-width:480px){.community-buttons{flex-direction:column;gap:.5rem}.btn-community-event{flex-direction:row;padding:.75rem 1rem;text-align:left}.btn-community-event .emoji{font-size:1.2rem;margin-bottom:0;margin-right:.75rem}.btn-community-event .text{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.btn-community-event:hover,.community-event-card::before,.community-event-card:hover,.event-category{animation:none;transform:none}}.event-details-container{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;padding:40px 0;min-height:100vh}.event-image-gallery{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1)}.main-image-container{position:relative;width:100%;height:400px;overflow:hidden}.event-main-image{width:100%;height:100%;object-fit:cover;transition:transform .3s,opacity .3s;position:relative;z-index:1}.event-main-image:hover{transform:scale(1.02)}.image-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#f8f9fa;display:flex;align-items:center;justify-content:center;z-index:2}.image-spinner{display:flex;align-items:center;justify-content:center}.image-zoom-hint{position:absolute;bottom:15px;left:15px;background:rgba(0,0,0,.7);color:#fff;padding:8px 12px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .3s;pointer-events:none}.main-image-container:hover .image-zoom-hint{opacity:1}.image-counter{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.7);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);width:45px;height:45px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15)}.nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.2)}.nav-btn-left{left:15px}.nav-btn-right{right:15px}.thumbnail-gallery{display:flex;gap:8px;padding:15px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ddd transparent}.thumbnail-gallery::-webkit-scrollbar{height:6px}.thumbnail-gallery::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.thumbnail-gallery::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.thumbnail-gallery::-webkit-scrollbar-thumb:hover{background:#bbb}.thumbnail{flex-shrink:0;width:80px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);border:3px solid transparent;position:relative}.thumbnail::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);opacity:0;transition:opacity .3s}.thumbnail:hover{transform:scale(1.05);border-color:#007bff}.thumbnail:hover::after{opacity:1}.thumbnail.active{border-color:#007bff;box-shadow:0 4px 12px rgba(0,123,255,.3);transform:scale(1.02)}.thumbnail.active::after{opacity:0}.thumbnail-image{width:100%;height:100%;object-fit:cover}.event-placeholder-image{width:100%;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);color:#666}.event-placeholder-image i{font-size:80px;margin-bottom:15px;color:#999}.event-placeholder-image p{margin:0 0 8px;font-size:16px;color:#777;font-weight:600}.no-images-text{font-size:14px;color:#999;font-style:italic}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1050;animation:.3s fadeIn}.image-modal-content{position:relative;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;animation:.3s zoomIn}@keyframes zoomIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close-btn{position:absolute;top:-45px;right:0;background:rgba(255,255,255,.9);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#333;cursor:pointer;transition:.3s;z-index:10}.modal-close-btn:hover{background:#fff;transform:scale(1.1)}.modal-image-container{position:relative;display:flex;align-items:center;justify-content:center}.modal-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.3)}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#333;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(0,0,0,.2)}.modal-nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.modal-nav-left{left:-70px}.modal-nav-right{right:-70px}.modal-image-info{text-align:center;color:#fff;padding:15px 0;font-size:16px}.modal-image-counter{font-size:14px;opacity:.8}.modal-thumbnail-strip{display:flex;gap:8px;justify-content:center;padding:15px 0;max-width:100%;overflow-x:auto}.modal-thumbnail{flex-shrink:0;width:60px;height:45px;border-radius:4px;overflow:hidden;cursor:pointer;transition:.3s;border:2px solid transparent;opacity:.6}.modal-thumbnail:hover{opacity:.8;transform:scale(1.1)}.modal-thumbnail.active{border-color:#fff;opacity:1}.modal-thumbnail-image{width:100%;height:100%;object-fit:cover}.event-details-content{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.event-detail-title{font-size:28px;font-weight:700;color:#333;margin-bottom:20px}.event-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.event-detail-info{flex:1}.event-detail-info p{font-size:16px;color:#555;margin-bottom:10px;display:flex;align-items:center}.event-detail-info i{margin-right:10px;color:#007bff;font-size:20px}.event-quick-actions{display:flex;flex-direction:column;gap:8px;align-items:center}.event-quick-actions .btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;font-size:18px;transition:.3s;box-shadow:0 2px 8px rgba(0,0,0,.1)}.event-quick-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.event-quick-actions .btn-outline-primary{border:2px solid #007bff;color:#007bff;background:#fff}.event-quick-actions .btn-outline-primary:hover{background:#007bff;color:#fff}.event-detail-description{margin-bottom:20px}.event-detail-description h5{font-size:18px;font-weight:700;color:#333;margin-bottom:10px}.event-detail-description p{font-size:16px;color:#555;line-height:1.6}.event-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-primary,.btn-success,.btn-warning{font-size:16px;padding:10px 20px;border-radius:6px;transition:.3s;border:none;font-weight:500;display:flex;align-items:center;gap:8px}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 4px 12px rgba(40,167,69,.3)}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,193,7,.3)}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,123,255,.3)}.btn i{font-size:16px}@media (max-width:768px){.event-details-container{padding:20px 0}.event-details-content{padding:20px;margin-top:20px}.event-detail-title{font-size:24px}.event-detail-header{flex-direction:column;gap:15px}.event-quick-actions{flex-direction:row;justify-content:center;width:100%}.event-detail-actions{flex-direction:column;align-items:stretch}.event-detail-actions .btn{margin-bottom:10px;justify-content:center}.event-placeholder-image,.main-image-container{height:250px}.thumbnail-gallery{padding:10px}.thumbnail{width:60px;height:45px}.nav-btn{width:40px;height:40px;font-size:16px}.nav-btn-left{left:10px}.nav-btn-right{right:10px}.modal-nav-left{left:-60px}.modal-nav-right{right:-60px}.modal-image{max-height:60vh}}@media (max-width:576px){.event-detail-info p{font-size:14px;flex-wrap:wrap}.event-detail-info i{font-size:18px;margin-right:8px}.event-detail-actions .btn{font-size:14px;padding:8px 16px}.main-image-container{height:200px}.modal-nav-left,.modal-nav-right{position:relative;left:auto;right:auto;margin:10px}.modal-image-container{flex-direction:column}.modal-nav-btn{position:relative;transform:none}.modal-image{max-height:50vh}.image-counter{top:10px;right:10px;padding:4px 8px;font-size:11px}}.delete-confirm-modal{background:#fff;border-radius:12px;max-width:500px;width:90%;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:.3s slideDown;overflow:hidden}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-header{background:linear-gradient(135deg,#dc3545 0,#c82333 100%);color:#fff;padding:24px 32px;display:flex;align-items:center;gap:16px}.delete-confirm-header i{font-size:36px;animation:2s infinite pulse}.delete-confirm-header h3{margin:0;font-size:24px;font-weight:600}.delete-confirm-body{padding:32px}.delete-confirm-body p{margin-bottom:16px;font-size:16px;line-height:1.6}.delete-confirm-body p:last-child{margin-bottom:0}.delete-confirm-body strong{color:#dc3545;font-weight:600}.delete-confirm-actions{padding:24px 32px;background:#f8f9fa;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #dee2e6}.delete-confirm-actions .btn{min-width:120px;padding:10px 24px;font-weight:500;border-radius:6px;transition:.2s}.delete-confirm-actions .btn-secondary{background:#6c757d;border-color:#6c757d}.delete-confirm-actions .btn-secondary:hover:not(:disabled){background:#5a6268;border-color:#545b62;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.delete-confirm-actions .btn-danger{background:#dc3545;border-color:#dc3545}.delete-confirm-actions .btn-danger:hover:not(:disabled){background:#c82333;border-color:#bd2130;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,53,69,.4)}.delete-confirm-actions .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:576px){.delete-confirm-modal{width:95%;max-width:none}.delete-confirm-header{padding:20px 24px}.delete-confirm-header i{font-size:28px}.delete-confirm-header h3{font-size:20px}.delete-confirm-body{padding:24px}.delete-confirm-body p{font-size:14px}.delete-confirm-actions{padding:16px 24px;flex-direction:column-reverse}.delete-confirm-actions .btn{width:100%;min-width:auto}}.event-home{position:relative;padding:20px}.add-event-link{position:absolute;top:20px;right:20px}.video-grid-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);padding-bottom:60px}.featured-video-section{position:relative;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:80px 0;margin-bottom:60px;overflow:hidden}.featured-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"><path fill=\"rgba%28255,255,255,0.1%29\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,165.3C1248,171,1344,149,1392,138.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>") bottom/cover no-repeat;opacity:.3}.featured-content{position:relative;z-index:1}.featured-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;color:#fff;font-weight:600;font-size:14px;margin-bottom:20px}.featured-title{font-size:48px;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.3)}.featured-description{font-size:18px;color:rgba(255,255,255,.9);margin-bottom:24px;line-height:1.6}.featured-meta{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap}.featured-meta .meta-item{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);font-size:15px;font-weight:500}.featured-meta .meta-item i{font-size:18px;color:#fff}.btn-watch-now{background:#fff;color:#667eea;border:none;padding:14px 32px;font-size:16px;font-weight:700;border-radius:50px;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.btn-watch-now:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.featured-video-wrapper{position:relative;padding-bottom:56.25%;height:0;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4)}.featured-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{align-items:center;gap:12px;margin:0}.section-subtitle{margin:4px 0 0}.header-actions{display:flex;align-items:center}.btn-refresh-all{background:linear-gradient(135deg,#48bb78 0,#38a169 100%);color:#fff;border:none;padding:12px 24px;font-size:15px;font-weight:600;border-radius:50px;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(72,187,120,.4)}.btn-refresh-all:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(72,187,120,.6)}.btn-refresh-all:disabled{opacity:.6;cursor:not-allowed}.btn-refresh-all .spin{animation:1s linear infinite spin}.btn-toggle-unapproved{background:#fff;color:#667eea;border:2px solid #667eea;padding:12px 24px;font-size:15px;font-weight:600;border-radius:50px;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:8px}.btn-toggle-unapproved:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-toggle-unapproved.active{background:#667eea;color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-add-video{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;padding:12px 24px;font-size:15px;font-weight:600;border-radius:50px;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-add-video:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.6)}.filters-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:40px;gap:20px;flex-wrap:wrap}.filters-left{display:flex;gap:16px;flex:1;flex-wrap:wrap}.search-container{position:relative;flex:1;min-width:250px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:18px}.search-input{width:100%;padding:12px 48px;border:2px solid #e2e8f0;border-radius:50px;font-size:15px;transition:.3s;background:#f7fafc}.search-input:focus{outline:0;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.clear-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#a0aec0;cursor:pointer;font-size:18px;padding:0;display:flex;align-items:center;justify-content:center}.clear-btn:hover{color:#e53e3e}.search-loading-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#667eea;font-size:16px}.filter-dropdown{display:flex;align-items:center;gap:8px;background:#f7fafc;padding:8px 16px;border-radius:50px;border:2px solid #e2e8f0}.filter-dropdown i{color:#667eea;font-size:16px}.filter-select{border:none;background:0 0;font-size:14px;font-weight:600;color:#2d3748;cursor:pointer;outline:0;padding-right:8px}.view-toggle{display:flex}.toggle-btn{background:0 0;border:none;padding:10px 16px;border-radius:50px;cursor:pointer;color:#718096;font-size:18px;transition:.2s;display:flex;align-items:center;justify-content:center}.toggle-btn.active{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;box-shadow:0 4px 10px rgba(102,126,234,.3)}.toggle-btn:hover:not(.active){background:#e2e8f0;color:#2d3748}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;margin-bottom:50px}.video-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(0,0,0,.08)}.video-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.video-thumbnail-container{position:relative;width:100%;height:200px;background:#000;overflow:hidden}.video-thumbnail{width:100%;height:100%;object-fit:cover}.video-duration-badge{backdrop-filter:blur(10px);display:flex;align-items:center}.admin-delete-overlay-btn{position:absolute;top:12px;right:12px;background:rgba(220,53,69,.9);backdrop-filter:blur(10px);color:#fff;border:none;padding:8px;border-radius:50%;font-size:14px;cursor:pointer;transition:.3s;z-index:10;opacity:0;transform:scale(.8);box-shadow:0 4px 12px rgba(220,53,69,.4)}.video-card:hover .admin-delete-overlay-btn,.video-list-card:hover .admin-delete-overlay-btn{opacity:1;transform:scale(1)}.admin-delete-overlay-btn:hover{background:#dc3545;transform:scale(1.1);box-shadow:0 6px 16px rgba(220,53,69,.6)}.admin-delete-overlay-btn:active{transform:scale(.95)}.admin-mode-badge{position:absolute;top:12px;left:12px;background:rgba(25,135,84,.9);backdrop-filter:blur(10px);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;z-index:5;opacity:0;transform:translateX(-10px);transition:.3s}.video-card:hover .admin-mode-badge,.video-list-card:hover .admin-mode-badge{opacity:1;transform:translateX(0)}.video-details{padding:16px}.video-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge-unapproved{display:inline-flex;align-items:center;gap:4px;background:orange;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;margin-left:8px;vertical-align:middle}.admin-approval-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.admin-approval-actions.list-view{margin-top:16px}.admin-approval-actions .btn-approve,.admin-approval-actions .btn-reject{flex:1;padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:6px}.admin-approval-actions .btn-approve{background:linear-gradient(135deg,#48bb78 0,#38a169 100%);color:#fff}.admin-approval-actions .btn-approve:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(72,187,120,.4)}.admin-approval-actions .btn-reject{background:linear-gradient(135deg,#f56565 0,#e53e3e 100%);color:#fff}.admin-approval-actions .btn-reject:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(229,62,62,.4)}.video-channel{display:flex;gap:12px;align-items:flex-start}.channel-avatar{font-size:32px;color:#667eea;flex-shrink:0}.channel-info{flex:1}.video-stats{font-size:13px;color:#a0aec0;display:flex;align-items:center;gap:6px}.dot{font-size:8px}.videos-list{display:flex;flex-direction:column;gap:24px;margin-bottom:50px}.video-list-card{background:#fff;border-radius:16px;padding:20px;display:flex;gap:20px;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(0,0,0,.08)}.video-list-card:hover{transform:translateX(8px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.list-thumbnail-container{position:relative;width:320px;height:180px;flex-shrink:0;border-radius:12px;overflow:hidden;background:#000}.list-thumbnail{width:100%;height:100%;object-fit:cover}.list-video-details{flex:1;display:flex;flex-direction:column}.list-video-title{font-size:20px;font-weight:700;color:#2d3748;margin-bottom:12px;line-height:1.3}.list-video-meta{display:flex;gap:12px;align-items:center;font-size:14px;color:#718096;margin-bottom:12px;flex-wrap:wrap}.list-video-description{font-size:15px;color:#4a5568;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-video-footer{display:flex;gap:16px;align-items:center;margin-top:auto}.genre-badge{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.likes-count{display:flex;align-items:center;gap:6px;color:#718096;font-size:14px;font-weight:600}.likes-count i{color:#667eea}.no-videos{text-align:center;padding:80px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.no-videos i{font-size:80px;color:#cbd5e0;margin-bottom:20px}.no-videos h3{font-size:24px;font-weight:700;color:#2d3748;margin-bottom:8px}.no-videos p{font-size:16px;color:#718096}.pagination-container{display:flex;justify-content:center;align-items:center;gap:12px;padding:30px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.pagination-numbers{display:flex;gap:8px;align-items:center}.pagination-btn{min-width:40px;height:40px;background:#fff;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(.active){border-color:#667eea;color:#667eea;background:#f7fafc;transform:translateY(-2px)}.pagination-btn.active{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(102,126,234,.4)}.pagination-ellipsis{color:#a0aec0;font-weight:600;padding:0 8px}.pagination-nav-btn{padding:10px 20px;border:2px solid #667eea;background:#fff;color:#667eea;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:8px}.pagination-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.4)}.pagination-nav-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#cbd5e0;color:#a0aec0}.pagination-info-bottom{text-align:center;margin-top:20px;margin-bottom:30px}.pagination-info-bottom p{font-size:14px;color:#718096;font-weight:500;margin:0}.video-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.video-loading-container p{font-size:18px;color:#718096;font-weight:600}@media (max-width:1200px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:992px){.featured-title{font-size:36px}.filters-bar{flex-direction:column;align-items:stretch}.filters-left{width:100%}.search-container{min-width:100%}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (max-width:768px){.featured-video-section{padding:60px 0}.featured-title{font-size:28px}.featured-description{font-size:16px}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.section-title{font-size:24px}.video-list-card{flex-direction:column}.list-thumbnail-container{width:100%;height:200px}.videos-grid{grid-template-columns:1fr}.pagination-container{flex-wrap:wrap;gap:8px;padding:20px 15px}.pagination-nav-btn{font-size:13px;padding:8px 16px}.pagination-btn{min-width:36px;height:36px;font-size:13px}.pagination-numbers{order:3;width:100%;justify-content:center;margin-top:10px}}@media (max-width:576px){.featured-meta{flex-direction:column;gap:12px}.filter-dropdown,.filter-select{width:100%}.pagination-btn{min-width:32px;height:32px;padding:6px 10px;font-size:12px}.pagination-nav-btn{flex:1}}.add-video-page{min-height:100vh;background-color:#f5f7fa;padding:40px 0 80px}.add-video-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.header-content-video{flex:1}.page-title-video{font-size:28px;font-weight:700;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:12px}.page-title-video i{color:red;font-size:32px}.page-subtitle-video{font-size:15px;color:#666;margin:0}.btn-cancel-header-video{padding:10px 20px;background:#fff;color:#dc3545;border:2px solid #dc3545;border-radius:10px;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px}.btn-cancel-header-video:hover{background:#dc3545;color:#fff}.step-indicator-video{background:#fff;padding:30px;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:30px}.steps-video{display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.steps-video::before{content:"";position:absolute;top:24px;left:60px;right:60px;height:2px;background:#e0e0e0;z-index:0}.step-video{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.step-number-video{width:48px;height:48px;border-radius:50%;background:#e9ecef;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;transition:.3s;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.step-video.active .step-number-video{background:red;color:#fff;transform:scale(1.1)}.step-video.completed .step-number-video{background:#28a745;color:#fff}.step-label-video{font-size:13px;font-weight:600;color:#999;text-align:center}.step-video.active .step-label-video{color:red}.step-video.completed .step-label-video{color:#28a745}.step-progress-video{height:6px;background:#e9ecef;border-radius:10px;overflow:hidden}.step-progress-bar-video{height:100%;background:linear-gradient(90deg,red 0,#c00 100%);transition:width .3s}.add-video-form{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden}.form-content-video{padding:40px}.form-step-video{animation:.3s ease-in fadeIn}.step-header-video{text-align:center;margin-bottom:40px}.step-icon-video{font-size:48px;color:red;margin-bottom:16px}.step-title-video{font-size:24px;font-weight:700;color:#333;margin-bottom:8px}.step-description-video{font-size:15px;color:#666;margin:0}.url-input-card{border:none;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:24px}.input-label-video{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;display:block}.url-input-wrapper{position:relative;display:flex;align-items:center}.url-icon{position:absolute;left:16px;color:#999;font-size:20px;pointer-events:none}.url-input{width:100%;padding:14px 16px 14px 50px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:.2s}.url-input:focus{border-color:red;box-shadow:0 0 0 4px rgba(255,0,0,.1);outline:0}.url-input.is-invalid{border-color:#dc3545}.url-input.is-invalid:focus{box-shadow:0 0 0 4px rgba(220,53,69,.1)}.fetching-details{display:flex;align-items:center;justify-content:center;padding:16px;background:#f0f4ff;border-radius:8px;margin-bottom:20px;color:#667eea;font-weight:600}.video-preview-section{margin-top:24px;padding-top:24px;border-top:2px solid #f0f0f0}.preview-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px;display:flex;align-items:center;gap:8px}.video-preview-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;background:#000;box-shadow:0 8px 24px rgba(0,0,0,.15)}.video-preview-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.preview-success{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background:#d4edda;color:#155724;border-radius:8px;font-weight:600}.preview-success i{font-size:20px}.url-examples{background:#f8f9fa;padding:20px;border-radius:12px;border-left:4px solid red}.url-examples h6{font-size:14px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.url-examples ul{list-style:none;padding:0;margin:0}.url-examples li{padding:8px 0;color:#666;font-size:13px;font-family:"Courier New",monospace;border-bottom:1px solid #e0e0e0}.url-examples li:last-child{border-bottom:none}.details-card,.thumbnail-card{border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.form-control:focus,.form-select:focus{box-shadow:0 0 0 4px rgba(255,0,0,.1)}.char-count{text-align:right;font-size:12px;color:#999;margin-top:4px}.tags-display-video{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:32px}.tag-badge-video{padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,red 0,#c00 100%)}.tag-remove-video{background:0 0;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;transition:background-color .2s}.tag-remove-video:hover{background:rgba(255,255,255,.2)}.tag-input-wrapper-video{display:flex;gap:8px}.tag-input-video{flex:1;border:2px solid #e0e0e0;border-radius:8px;padding:10px 16px;font-size:14px;outline:0}.tag-input-video:focus{border-color:red}.btn-add-tag-video{padding:10px 20px;background:red;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s}.btn-add-tag-video:hover:not(:disabled){background:#c00}.btn-add-tag-video:disabled{opacity:.5;cursor:not-allowed}.visibility-options{display:flex;flex-direction:column;gap:12px}.visibility-options .form-check{padding:12px;border:2px solid #e0e0e0;border-radius:8px;transition:.2s}.visibility-options .form-check:hover{border-color:red;background:#fff5f5}.visibility-options .form-check-input:checked~.form-check-label{color:red;font-weight:600}.visibility-options .form-check-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:0}.visibility-options .form-check-label i{font-size:18px}.admin-options{margin-top:24px;padding:20px;background:#f8f9fa;border-radius:12px;border-left:4px solid #667eea}.admin-options h6{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.admin-options .form-check{margin-bottom:8px}.thumbnail-title{font-size:14px;font-weight:600;color:#333;margin-bottom:16px;display:flex;align-items:center;gap:8px}.thumbnail-preview{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.thumbnail-preview img{width:100%;height:auto;display:block}.thumbnail-placeholder{width:100%;aspect-ratio:16/9;background:#f0f0f0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.thumbnail-placeholder i{font-size:48px;margin-bottom:8px}.thumbnail-placeholder p{margin:0;font-size:14px}.review-step .review-card{border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:20px}.review-card .card-header{display:flex;justify-content:space-between;align-items:center}.review-card .card-header h5{display:flex;align-items:center}.btn-edit-section{display:flex;align-items:center}.review-video-preview{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;background:#000}.review-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.review-label{flex-shrink:0}.review-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.uploader-info{display:flex;align-items:center;gap:12px}.uploader-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.uploader-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,red 0,#c00 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.uploader-details h6{margin:0;font-size:14px;font-weight:600;color:#333}.uploader-details p{margin:4px 0 0;font-size:12px}.form-navigation-video{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;background:#f8f9fa;border-top:2px solid #e9ecef}.nav-left-video,.nav-right-video{display:flex;gap:12px}.btn-cancel-video,.btn-next-video,.btn-previous-video,.btn-submit-video{padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;border:none}.btn-previous-video{background:#fff;color:#666;border:2px solid #e0e0e0}.btn-previous-video:hover{border-color:red;color:red}.btn-cancel-video{background:#fff;color:#666;border:2px solid #e0e0e0}.btn-cancel-video:hover{border-color:#dc3545;color:#dc3545}.btn-next-video{background:linear-gradient(135deg,red 0,#c00 100%);color:#fff}.btn-next-video:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,0,0,.3)}.btn-submit-video{background:linear-gradient(135deg,#28a745 0,#20c997 100%);color:#fff}.btn-submit-video:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,.3)}.btn-submit-video:disabled{opacity:.6;cursor:not-allowed}@media (max-width:992px){.add-video-header{flex-direction:column;gap:16px}.btn-cancel-header-video{width:100%;justify-content:center}.form-content-video{padding:30px 20px}.form-navigation-video{padding:20px;flex-direction:column;gap:12px}.nav-left-video,.nav-right-video{width:100%;flex-direction:column}.btn-cancel-video,.btn-next-video,.btn-previous-video,.btn-submit-video{width:100%;justify-content:center}}@media (max-width:768px){.page-title-video{font-size:22px}.steps-video::before{left:40px;right:40px}.step-number-video{width:40px;height:40px;font-size:16px}.step-label-video{font-size:11px}.step-title-video{font-size:20px}.step-icon-video{font-size:36px}.review-item{flex-direction:column;gap:8px}.review-label{width:100%}.review-value{text-align:left}.review-tags{justify-content:flex-start}}@media (max-width:576px){.add-video-page{padding:20px 0 60px}.add-video-header{padding:16px}.form-content-video,.step-indicator-video{padding:20px 16px}.step-label-video{display:none}.url-input{padding-left:16px}.url-icon{display:none}}@media print{.add-video-header,.btn-edit-section,.form-navigation-video,.step-indicator-video{display:none!important}.add-video-page{background:#fff}.form-content-video{padding:0}}.video-viewer-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);padding:20px 0}.video-not-found,.video-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.video-viewer-loading .spinner-border{width:3rem;height:3rem;margin-bottom:1rem}.video-not-found i{font-size:4rem;color:#dc3545;margin-bottom:1rem}.main-video-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden;margin-bottom:20px}.video-player-container{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000}.main-video-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-info-section{padding:20px}.video-title{font-size:1.5rem;font-weight:600;color:#212529;margin-bottom:15px;line-height:1.3}.video-stats-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e9ecef;margin-bottom:20px;flex-wrap:wrap;gap:15px}.video-stats{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.video-stats span{display:flex;align-items:center;gap:5px;color:#6c757d;font-size:.9rem}.video-stats i{color:#dc3545}.category-badge{font-size:.8rem}.video-actions{display:flex;gap:10px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;font-weight:500}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.action-btn i{font-size:1rem}.admin-delete-btn{border-color:#dc3545!important;color:#dc3545!important;position:relative;overflow:hidden}.admin-delete-btn:hover{background-color:#dc3545!important;color:#fff!important;border-color:#dc3545!important;box-shadow:0 4px 12px rgba(220,53,69,.4)!important}.admin-delete-btn:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)!important}.admin-delete-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.admin-delete-btn:hover::before{left:100%}.channel-info-section{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #e9ecef;margin-bottom:20px}.channel-details{display:flex;align-items:center;gap:15px}.channel-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:linear-gradient(45deg,#dc3545,#fd7e14);display:flex;align-items:center;justify-content:center}.channel-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem}.channel-name{font-size:1.1rem;font-weight:600;color:#212529;margin:0}.channel-subs{color:#6c757d;font-size:.9rem;margin:0}.subscribe-btn{border-radius:20px;padding:8px 20px;font-weight:600;display:flex;align-items:center;gap:8px;transition:.3s}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.video-description-section{margin-bottom:30px}.description-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;flex-wrap:wrap;gap:15px}.description-header h4{font-size:1.1rem;font-weight:600;color:#212529;margin:0;display:flex;align-items:center;gap:8px}.video-tags{display:flex;gap:8px;flex-wrap:wrap}.tag-badge{font-size:.8rem;padding:4px 8px;border-radius:12px}.description-content{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #dc3545}.description-text{margin:0;line-height:1.6;color:#495057}.description-text.truncated{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.show-more-btn{padding:0;font-size:.9rem;text-decoration:none}.no-description{color:#6c757d;font-style:italic;margin:0}.comments-section{border-top:1px solid #e9ecef;padding-top:30px}.comments-header h4{font-size:1.2rem;font-weight:600;color:#212529;margin-bottom:20px;display:flex;align-items:center;gap:8px}.add-comment-form{margin-bottom:30px}.comment-input-section{display:flex;gap:15px;align-items:flex-start}.user-avatar{overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar .avatar-placeholder{color:#fff;font-weight:600;font-size:1rem}.comment-input-wrapper{flex:1}.comment-input{border:2px solid #e9ecef;border-radius:8px;padding:12px;font-size:.95rem;resize:vertical;min-height:80px;transition:border-color .3s}.comment-input:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.1)}.comment-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.signin-prompt{text-align:center;padding:20px;background:#f8f9fa;border-radius:8px;margin-bottom:20px}.signin-prompt p{margin:0;color:#6c757d}.comments-list{display:flex;flex-direction:column;gap:20px}.comment-item{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #f1f3f4}.comment-item:last-child{border-bottom:none}.comment-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:linear-gradient(45deg,#6c757d,#adb5bd);display:flex;align-items:center;justify-content:center;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-avatar .avatar-placeholder{color:#fff;font-weight:600;font-size:.9rem}.comment-content{flex:1}.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:5px}.comment-author{font-weight:600;color:#212529;font-size:.9rem}.comment-date{color:#6c757d;font-size:.8rem}.comment-text{color:#495057;line-height:1.5;margin-bottom:10px;font-size:.95rem}.comment-actions{display:flex;gap:15px}.comment-action{padding:0;font-size:.8rem;color:#6c757d;text-decoration:none;display:flex;align-items:center;gap:5px;transition:color .3s}.comment-action:hover{color:#dc3545}.no-comments{text-align:center;padding:40px 20px;color:#6c757d}.no-comments i{font-size:3rem;margin-bottom:15px;opacity:.5}.sidebar-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden;height:fit-content;position:sticky;top:20px}.related-videos-section{padding:20px}.sidebar-title{font-size:1.1rem;font-weight:600;color:#212529;margin-bottom:20px;display:flex;align-items:center;gap:8px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.related-videos-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.related-video-item{display:flex;gap:12px;cursor:pointer;padding:10px;border-radius:8px}.related-video-item:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.related-thumbnail{position:relative;width:120px;height:68px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#000}.related-iframe{width:100%;height:100%;border:none;pointer-events:none}.duration-badge{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:3px;font-size:.7rem;font-weight:500}.related-info{flex:1;min-width:0}.related-title{font-size:.9rem;font-weight:600;color:#212529;margin:0 0 5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-channel{color:#6c757d;font-size:.8rem;margin:0 0 5px}.related-stats{display:flex;align-items:center;gap:5px;color:#6c757d;font-size:.8rem}.no-related{text-align:center;padding:30px 20px;color:#6c757d}.no-related i{font-size:2.5rem;margin-bottom:10px;opacity:.5}.sidebar-actions{padding-top:20px;border-top:1px solid #e9ecef}.back-to-videos-btn{width:100%;border-radius:8px;padding:10px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:.3s}.back-to-videos-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(13,110,253,.2)}@media (max-width:992px){.video-stats-bar{flex-direction:column;align-items:flex-start;gap:15px}.video-actions{width:100%;justify-content:center}.channel-info-section{flex-direction:column;align-items:flex-start;gap:15px}.subscribe-btn{align-self:flex-start}.description-header{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.video-viewer-page{padding:10px 0}.main-video-section{margin:0 -15px 20px;border-radius:0}.video-info-section{padding:15px}.video-title{font-size:1.2rem}.video-stats{flex-direction:column;align-items:flex-start;gap:10px}.video-actions{flex-wrap:wrap;gap:8px}.action-btn{padding:6px 12px;font-size:.8rem}.channel-avatar{width:40px;height:40px}.comment-input-section{gap:10px}.user-avatar{width:32px;height:32px}.related-thumbnail{width:100px;height:56px}.related-title{font-size:.85rem}}@media (max-width:576px){.video-actions{justify-content:flex-start}.action-btn span{display:none}.action-btn{padding:8px;border-radius:50%;width:40px;height:40px;justify-content:center}.subscribe-btn span{display:inline}.subscribe-btn{border-radius:20px;width:auto;padding:8px 16px}}.main-video-section,.sidebar-section{animation:.6s ease-out fadeIn}.comment-item{animation:.4s ease-out fadeIn}.related-video-item{transition:.3s cubic-bezier(.4, 0, .2, 1)}.related-videos-list::-webkit-scrollbar{width:6px}.related-videos-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.related-videos-list::-webkit-scrollbar-thumb{background:#dc3545;border-radius:3px}.related-videos-list::-webkit-scrollbar-thumb:hover{background:#c82333}.home-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:80vh;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%)}.loading-container .spinner-border{width:3rem;height:3rem;border-color:#667eea transparent #667eea #667eea}.hero-section{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:120px 0;text-align:center;position:relative;overflow:hidden}.hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"25\" cy=\"25\" r=\"2\" fill=\"rgba%28255,255,255,0.1%29\"/><circle cx=\"75\" cy=\"75\" r=\"3\" fill=\"rgba%28255,255,255,0.1%29\"/><circle cx=\"50\" cy=\"10\" r=\"1\" fill=\"rgba%28255,255,255,0.1%29\"/></svg>");animation:20s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content{max-width:900px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 4px 15px rgba(0,0,0,.2);animation:.8s ease-out slideInUp}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:1.3rem;margin-bottom:3rem;opacity:.95;font-weight:300;animation:.8s ease-out .2s backwards slideInUp}.hero-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;animation:.8s ease-out .4s backwards slideInUp}.btn-hero-primary,.btn-hero-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;text-decoration:none}.btn-hero-primary::before,.btn-hero-secondary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-hero-primary:hover::before,.btn-hero-secondary:hover::before{left:100%}.btn-hero-primary{background:#fff;color:#667eea;box-shadow:0 4px 15px rgba(255,255,255,.3)}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,255,255,.4)}.btn-hero-secondary{background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.btn-hero-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}.content-section{padding:5rem 0;position:relative}.alt-bg{background:rgba(255,255,255,.7);backdrop-filter:blur(10px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:0 1rem}.section-title{position:relative;display:inline-block}.section-title::after{content:"";position:absolute;left:0;bottom:-8px;width:60px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.btn-view-all{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:25px;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-view-all:hover{gap:.75rem;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:0 1rem}.content-card{background:#fff;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.1);cursor:pointer;transition:.4s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative}.content-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s}.content-card:hover{transform:translateY(-12px);box-shadow:0 20px 60px rgba(0,0,0,.15)}.content-card:hover::before{opacity:1}.card-image-container{width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#f0f2f5,#e8ebef);position:relative}.card-image{object-fit:cover;transition:.5s cubic-bezier(.4, 0, .2, 1)}.content-card:hover .card-image{transform:scale(1.08)}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:4rem;background:linear-gradient(135deg,#667eea,#764ba2)}.card-content{padding:1.5rem;background:#fff}.card-title{font-size:1.25rem;font-weight:700;color:#2c3e50;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.card-author,.card-date,.card-location,.card-stats,.card-type{font-size:.9rem;color:#64748b;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500}.card-author i,.card-date i,.card-location i,.card-stats i,.card-type i{color:#667eea;font-size:1rem}.video-container{background-color:#000}.video-iframe{width:100%;height:100%}.video-duration{position:absolute;bottom:8px;right:8px;background-color:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.event-card{position:relative;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05))}.event-date-badge{position:absolute;top:1rem;left:1rem;z-index:2;box-shadow:0 4px 15px rgba(102,126,234,.3);backdrop-filter:blur(10px)}.event-day{display:block;font-size:1.75rem;line-height:1;font-weight:800}.event-month{display:block;font-size:.75rem;text-transform:uppercase;margin-top:.25rem;opacity:.9;font-weight:600}.cta-section{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:6rem 0;text-align:center;position:relative;overflow:hidden}.cta-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"80\" r=\"2\" fill=\"rgba%28255,255,255,0.1%29\"/><circle cx=\"80\" cy=\"20\" r=\"3\" fill=\"rgba%28255,255,255,0.1%29\"/><circle cx=\"60\" cy=\"60\" r=\"1\" fill=\"rgba%28255,255,255,0.1%29\"/></svg>");animation:15s ease-in-out infinite reverse float}.cta-content{max-width:700px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.cta-title{font-size:2.75rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 4px 15px rgba(0,0,0,.2)}.cta-subtitle{font-size:1.25rem;margin-bottom:2.5rem;opacity:.95;font-weight:300;line-height:1.6}.btn-cta{background:#fff;color:#667eea;padding:1rem 3rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(255,255,255,.3)}.btn-cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s}.btn-cta:hover::before{left:100%}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,255,255,.4)}@media (max-width:768px){.hero-section{padding:4rem 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-actions{flex-direction:column;align-items:center;gap:1rem}.btn-hero-primary,.btn-hero-secondary{width:100%;max-width:280px;justify-content:center}.content-section{padding:3rem 0}.section-title{font-size:2rem}.content-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:0 .5rem}.btn-view-all{align-self:stretch;justify-content:center}.card-image-container{height:200px}.cta-title{font-size:2.25rem}.cta-subtitle{font-size:1.1rem}.btn-cta{width:100%;max-width:280px}}@media (max-width:480px){.hero-section{padding:3rem 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.75rem}.content-grid{grid-template-columns:1fr;gap:1rem;padding:0 .25rem}.card-content{padding:1rem}.cta-title{font-size:1.75rem}.event-date-badge{top:.5rem;left:.5rem;padding:.75rem}.event-day{font-size:1.5rem}}.skeleton-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2);cursor:default;pointer-events:none}.skeleton-image{width:100%;height:220px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:1.5s infinite shimmer;position:relative}.skeleton-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,255,255,.3);border-radius:50%;backdrop-filter:blur(5px)}.skeleton-play-button::after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);width:0;height:0;border-left:15px solid rgba(255,255,255,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.skeleton-event-badge{position:relative}.skeleton-date-badge{position:absolute;top:1rem;left:1rem;width:60px;height:70px;background:linear-gradient(90deg,#e0e0e0 25%,#d0d0d0 50%,#e0e0e0 75%);background-size:200px 100%;animation:1.5s infinite shimmer;border-radius:16px;z-index:2}.skeleton-day{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:30px;height:20px;background:rgba(255,255,255,.5);border-radius:4px}.skeleton-month{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:35px;height:12px;background:rgba(255,255,255,.3);border-radius:2px}.skeleton-title{height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:1.5s infinite shimmer;border-radius:4px;margin-bottom:1rem;width:85%}.skeleton-subtitle{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:1.5s infinite shimmer;border-radius:4px;margin-bottom:.5rem;width:70%}.skeleton-meta{height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:1.5s infinite shimmer;border-radius:4px;width:50%}.error-message{text-align:center;padding:3rem 2rem;color:#64748b;background:rgba(255,255,255,.8);border-radius:16px;border:2px dashed #e2e8f0;margin:1rem 0}.error-message i{font-size:2.5rem;margin-bottom:1rem;display:block}.error-message p{font-size:1.1rem;margin-bottom:1rem;font-weight:500}.error-message .btn{transition:.3s}.error-message .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.content-card{animation:.6s ease-out fadeInUp;contain:layout style paint;will-change:transform}.content-card:nth-child(2){animation-delay:.1s}.content-card:nth-child(3){animation-delay:.2s}.btn-cta:focus,.btn-hero-primary:focus,.btn-hero-secondary:focus,.btn-view-all:focus{outline:#667eea solid 2px;outline-offset:2px}.content-card:focus{outline:#667eea solid 2px;outline-offset:4px}.optimized-image-container{position:relative;width:100%;height:100%;overflow:hidden}.optimized-image-container img.loading{opacity:0}.optimized-image-container img.loaded{opacity:1;transition:opacity .3s ease-in-out}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:4rem;position:absolute;top:0;left:0;z-index:1}.card-image,.video-iframe{will-change:transform}.content-section{contain:layout}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.cta-section::before,.hero-section::before,.shimmer{animation:none}}.organization-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:900px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);font-family:Arial,sans-serif}.grid-title{text-align:center;font-size:1.8rem;margin-bottom:20px;color:#333}.organization-table{width:100%;border-collapse:collapse;margin-bottom:20px}.organization-table td,.organization-table th{border:1px solid #ddd;padding:10px;text-align:left}.organization-table th{background-color:#f4f4f4;font-weight:700}.organization-row:hover{background-color:#f1f1f1;cursor:pointer}.pagination{text-align:center}.pagination-button{margin:0 5px;padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.pagination-button:hover{background-color:#0056b3}.pagination-button.active{background-color:#0056b3;font-weight:700}.organization-card{position:relative;background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;align-items:center;text-align:center}.organization-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.organization-badge{position:absolute;top:12px;right:12px;background-color:#28a745;color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px;box-shadow:0 2px 8px rgba(40,167,69,.3);z-index:10;text-transform:uppercase;letter-spacing:.5px;animation:.3s ease-in fadeIn}.organization-badge i{font-size:13px}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.organization-logo{width:80px;height:80px;border-radius:12px;object-fit:cover;border:3px solid #667eea}.organization-placeholder{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.organization-logo-placeholder{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px}.organization-name{font-size:18px;font-weight:700;color:#333;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.organization-mission{font-size:14px;color:#666;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-outline-primary{border-color:#007bff;color:#007bff}.btn-outline-primary:hover{background-color:#007bff;color:#fff}.organization-grid-container{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;padding:40px 0;min-height:100vh}.organization-header{margin-bottom:30px}.organization-grid-title{font-size:32px;font-weight:700;color:#333;margin-bottom:24px}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;background-color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:30px}.search-box{display:flex;align-items:center;flex:1}.search-box i{top:50%;transform:translateY(-50%);pointer-events:none;position:absolute;left:12px;color:#999;pointer-events:none}.filter-input{width:100%;padding:10px 12px 10px 38px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.filter-input:focus{outline:0;border-color:#667eea}.view-toggle{display:flex;gap:8px}.view-btn{font-size:18px}.organization-logo-section{margin-bottom:16px}.organization-content{flex:1;width:100%}.organization-footer{padding-top:12px;border-top:1px solid #f0f0f0;font-size:13px;color:#999}.organization-members{display:inline-flex;align-items:center;gap:4px}.organization-list{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.organization-list-item{position:relative;background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer;transition:box-shadow .3s;display:flex;gap:24px}.organization-list-item:hover{box-shadow:0 8px 20px rgba(0,0,0,.12)}.organization-list-logo-section{flex-shrink:0}.organization-list-logo{width:100px;height:100px;border-radius:12px;object-fit:cover;border:3px solid #667eea}.organization-list-logo-placeholder{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:28px}.organization-list-content{flex:1}.organization-list-name{font-size:22px;font-weight:600;color:#333;margin-bottom:8px}.organization-list-mission{font-size:15px;color:#666;margin-bottom:8px}.organization-list-vision{font-size:14px;color:#999;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.organization-list-meta{display:flex;gap:20px;font-size:13px;color:#999}.organization-list-meta span{display:flex;align-items:center;gap:4px}.pagination-container{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px}.pagination-btn,.pagination-number{background-color:#fff;border:1px solid #ddd;color:#333;padding:8px 12px;border-radius:8px;cursor:pointer;transition:.2s;font-size:14px}.pagination-btn:hover:not(:disabled),.pagination-number:hover{background-color:#f5f5f5;border-color:#667eea}.pagination-number.active{background-color:#667eea;color:#fff;border-color:#667eea}.org-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-item{box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;align-items:center}.stat-item i{font-size:32px;color:#667eea}.stat-value{margin-bottom:4px;display:block}.stat-label{display:block}.card-badges{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:10}.badge{font-weight:600;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.5px}.badge-approved{background:#28a745;color:#fff}.badge-verified{background:#667eea;color:#fff}.org-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.org-tag{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px}.type-tag{background:#e7f3ff;color:#667eea}.industry-tag{background:#fff3cd;color:#856404}.org-meta{display:flex;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.meta-item{font-size:12px;color:#666;display:flex;align-items:center}.meta-item i{color:#667eea;font-size:14px}.org-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.org-website{font-size:12px;color:#667eea;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:4px}.org-website:hover{text-decoration:underline}.employee-count{font-size:11px;color:#999;display:flex;align-items:center;gap:4px}.list-badges{position:absolute;top:16px;right:16px;display:flex;gap:6px;z-index:10}.list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.list-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.list-meta .meta-item a{color:#667eea;text-decoration:none}.list-meta .meta-item a:hover{text-decoration:underline}.list-footer{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.footer-item{font-size:12px;color:#666;display:flex;align-items:center;gap:4px}.footer-item i{color:#667eea}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center}.clear-search:hover{color:#667eea}.btn-add-org{padding:10px 20px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s}.btn-add-org:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.view-controls{display:flex;align-items:center;gap:16px}.empty-state{box-shadow:0 2px 8px rgba(0,0,0,.05)}.btn-clear-filters{background:#667eea}@media (max-width:768px){.filter-bar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.view-toggle{justify-content:center}.organization-grid{grid-template-columns:1fr}.organization-list-item{flex-direction:column;text-align:center}.organization-list-logo-section{margin:0 auto}.organization-badge{top:8px;right:8px;padding:4px 10px;font-size:10px}.organization-badge i{font-size:11px}}.org-details-page{min-height:100vh;background-color:#f5f7fa;padding-bottom:60px}.org-details-error,.org-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.org-details-error i{font-size:64px;color:#dc3545}.org-details-error h3{font-size:24px;color:#333}.org-header{position:relative;margin-bottom:30px}.org-cover{height:280px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:0 0 24px 24px;overflow:hidden;position:relative}.org-cover img{width:100%;height:100%;object-fit:cover}.org-cover-gradient{width:100%;height:100%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.org-info-section{position:relative;background:#fff;margin:-80px 20px 0;padding:30px;border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.08);display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end}.org-logo-container{flex-shrink:0}.org-logo-wrapper{position:relative;width:150px;height:150px}.org-logo,.org-logo-placeholder{width:150px;height:150px;border-radius:20px;border:5px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.1)}.org-logo-placeholder{display:flex;align-items:center;justify-content:center}.verified-badge{position:absolute;bottom:-8px;right:-8px;width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#667eea;font-size:32px}.org-main-info{flex:1;min-width:300px}.org-name{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.org-meta{display:flex;gap:12px;align-items:center;margin-bottom:12px}.org-type{display:flex;align-items:center;gap:6px;font-size:14px;color:#666;background:#f0f0f0;padding:4px 12px;border-radius:16px}.approved-badge{display:flex;align-items:center;gap:4px}.org-tagline{font-size:16px;color:#666;line-height:1.6;margin-bottom:16px}.org-quick-info{display:flex;flex-wrap:wrap;gap:20px}.quick-info-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.quick-info-item i{color:#667eea;font-size:16px}.quick-info-item a{color:#667eea;text-decoration:none}.quick-info-item a:hover{text-decoration:underline}.org-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-edit,.btn-more,.btn-share,.btn-subscribe,.btn-unsubscribe{padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;border:none}.btn-subscribe{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.btn-subscribe:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-unsubscribe{background:#fff;color:#28a745;border:2px solid #28a745}.btn-unsubscribe:hover{background:#28a745;color:#fff}.btn-edit{background:#fff;color:#667eea;border:2px solid #667eea}.btn-edit:hover{background:#667eea;color:#fff}.btn-more,.btn-share{background:#fff;color:#666;border:2px solid #e0e0e0}.btn-more:hover,.btn-share:hover{border-color:#667eea;color:#667eea}.org-content{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;margin:0 20px}.org-tabs{border-bottom:2px solid #f0f0f0;padding:0 20px}.org-tabs .nav-link{color:#666;font-weight:600;padding:16px 24px;border:none;border-bottom:3px solid transparent;transition:.2s;display:flex;align-items:center;gap:8px}.org-tabs .nav-link:hover{color:#667eea;background-color:#f8f9fa}.org-tabs .nav-link.active{color:#667eea;border-bottom-color:#667eea;background-color:transparent}.org-tab-content{padding:30px 20px}.content-card{border:none;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.content-card .card-body{padding:24px}.section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.section-title i{color:#667eea;font-size:20px}.org-description{font-size:15px;line-height:1.8;color:#666}.vision-mission{display:flex;flex-direction:column;gap:20px}.vm-item h6{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:8px}.vm-item p{font-size:14px;line-height:1.7;color:#666;margin:0}.org-stats{display:flex;flex-direction:column;gap:16px}.stat-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px}.contact-info{display:flex;flex-direction:column;gap:14px}.contact-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#666;padding:12px;background:#f8f9fa;border-radius:8px;transition:background-color .2s}.contact-item:hover{background:#e9ecef}.contact-item i{color:#667eea;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.contact-item a{color:#667eea;text-decoration:none}.contact-item a:hover{text-decoration:underline}.social-links{display:flex;gap:12px;flex-wrap:wrap}.social-link{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;transition:transform .2s}.social-link:hover{transform:translateY(-4px)}.social-link.facebook{background:#1877f2}.social-link.twitter{background:#1da1f2}.social-link.linkedin{background:#0077b5}.social-link.instagram{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.event-card-small{display:flex;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px;transition:transform .2s}.event-card-small:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.event-date-badge{flex-shrink:0;width:70px}.event-info h6{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.event-location,.event-time{font-size:13px;color:#666;display:flex;align-items:center;gap:6px;margin-bottom:4px}.stories-list{display:flex;flex-direction:column;gap:16px}.story-card-small{display:flex;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px;transition:transform .2s}.story-card-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.story-thumbnail{width:120px;height:120px;border-radius:8px;overflow:hidden;flex-shrink:0}.story-thumbnail img{width:100%;height:100%;object-fit:cover}.story-content-small h6{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.story-content-small p{font-size:14px;color:#666;line-height:1.6;margin-bottom:8px}.story-meta-small{display:flex;gap:16px;font-size:12px;color:#999}.story-author,.story-date{display:flex;align-items:center;gap:4px}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.member-card{text-align:center;padding:16px;background:#f8f9fa;border-radius:12px;transition:transform .2s}.member-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.member-avatar,.member-avatar-placeholder{width:80px;height:80px;border-radius:50%;margin:0 auto 12px}.member-avatar{object-fit:cover;border:3px solid #fff}.member-avatar-placeholder{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:24px;border:3px solid #fff}.member-name{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.member-role{font-size:12px;color:#999;margin:0}.about-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.detail-row:last-child{margin-bottom:0}.detail-label{font-weight:600;color:#666;font-size:14px}.detail-value{color:#333;font-size:14px;text-align:right}.detail-value a{color:#667eea;text-decoration:none;word-break:break-all}.detail-value a:hover{text-decoration:underline}.stories-preview{display:flex;flex-direction:column;gap:16px}.story-preview-item{padding:16px;background:#f8f9fa;border-radius:12px}.story-preview-item h6{font-size:15px;font-weight:600;color:#333;margin-bottom:8px}.story-preview-item p{font-size:14px;color:#666;margin-bottom:8px}.story-date{font-size:12px;color:#999}.org-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px;transition:transform .2s}.info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.info-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.info-content{display:flex;flex-direction:column;gap:4px}.info-content label{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0}.info-content span{font-size:15px;font-weight:600;color:#333}.org-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.org-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.section-subtitle{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-subtitle i{color:#667eea;font-size:18px}@media (max-width:768px){.org-info-section{flex-direction:column;align-items:center;text-align:center}.org-main-info{text-align:center}.org-name{font-size:24px}.org-quick-info{justify-content:center}.org-actions{width:100%;flex-direction:column}.btn-edit,.btn-more,.btn-share,.btn-subscribe,.btn-unsubscribe{width:100%;justify-content:center}.events-grid{grid-template-columns:1fr}.members-grid{grid-template-columns:repeat(3,1fr)}.org-info-grid{grid-template-columns:1fr}.detail-row{flex-direction:column;align-items:flex-start;gap:8px}.detail-value{text-align:left}}@media (max-width:576px){.org-cover{height:200px}.org-logo,.org-logo-placeholder,.org-logo-wrapper{width:120px;height:120px}.members-grid{grid-template-columns:repeat(2,1fr)}}.btn-transfer-admin{padding:12px 24px;background:linear-gradient(135deg,#ff6b6b 0,#ff8e53 100%);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s;box-shadow:0 4px 12px rgba(255,107,107,.3)}.btn-transfer-admin:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,107,.4)}.btn-transfer-admin i{font-size:18px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:.3s modalSlideIn}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.modal-header h5{margin:0;font-size:20px;font-weight:700;color:#333;display:flex;align-items:center;gap:10px}.modal-header i{color:#ff6b6b;font-size:24px}.modal-close{background:0 0;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px 8px;border-radius:8px;transition:.2s}.modal-close:hover:not(:disabled){background:#f5f5f5;color:#333}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:24px;overflow-y:auto;flex:1}.transfer-warning{background:linear-gradient(135deg,#fff3cd 0,#ffe8a8 100%);border-left:4px solid #ff6b6b;padding:16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#856404}.transfer-warning i{font-size:20px;color:#ff6b6b;margin-top:2px}.select-member-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.transfer-members-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.transfer-member-item{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:.3s;background:#fff}.transfer-member-item:hover{border-color:#667eea;background:#f8f9ff;transform:translateX(4px)}.transfer-member-item.selected{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff 0,#e8eaff 100%);box-shadow:0 4px 12px rgba(102,126,234,.2)}.transfer-member-avatar,.transfer-member-avatar-placeholder{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.transfer-member-avatar-placeholder{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.transfer-member-info{flex:1}.transfer-member-info h6{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.transfer-member-info p{margin:0;font-size:14px;color:#666}.selected-icon{font-size:24px;color:#667eea;flex-shrink:0}.modal-footer{padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end}.modal-footer .btn{padding:12px 24px;border-radius:10px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s}.modal-footer .btn-secondary{background:#6c757d;color:#fff}.modal-footer .btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,117,125,.3)}.modal-footer .btn-danger{background:linear-gradient(135deg,#ff6b6b 0,#ff8e53 100%);color:#fff;box-shadow:0 4px 12px rgba(255,107,107,.3)}.modal-footer .btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,107,.4)}.modal-footer .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width:576px){.modal-content{max-height:95vh}.modal-body,.modal-header{padding:16px}.modal-footer{padding:16px;flex-direction:column-reverse}.modal-footer .btn{width:100%;justify-content:center}.transfer-member-avatar,.transfer-member-avatar-placeholder{width:48px;height:48px}}.edit-org-page{min-height:100vh;background-color:#f5f7fa;padding:40px 0 80px}.edit-org-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.edit-org-error i{font-size:64px;color:#dc3545}.edit-org-error h3{font-size:24px;color:#333}.btn-back{padding:10px 24px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-back:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.edit-org-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.page-title{display:flex;align-items:center}.page-title i{color:#667eea}.btn-cancel-header{padding:10px 20px;background:#fff;color:#dc3545;border:2px solid #dc3545;border-radius:10px;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px}.btn-cancel-header:hover{background:#dc3545;color:#fff}.step-indicator{background:#fff;padding:30px;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:30px}.step-progress{margin-bottom:30px}.custom-progress{height:8px;border-radius:10px;background-color:#e9ecef}.custom-progress .progress-bar{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:10px;transition:width .3s}.steps{display:flex;justify-content:space-between;gap:16px}.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.step-number{width:48px;height:48px;border-radius:50%;background:#e9ecef;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;transition:.3s;border:3px solid #e9ecef}.step.active .step-number{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.3);transform:scale(1.1)}.step.completed .step-number{background:#28a745;color:#fff;border-color:#28a745}.step-label{font-size:13px;font-weight:600;color:#999;text-align:center}.step.active .step-label{color:#667eea}.step.completed .step-label{color:#28a745}.edit-org-form{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden}.form-content{padding:40px}.form-step{animation:.3s ease-in fadeIn}.step-title{font-size:24px;font-weight:700;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:12px}.step-title i{color:#667eea;font-size:28px}.step-description{font-size:15px;color:#666;margin-bottom:30px}.form-group label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;display:block}.required{color:#dc3545;margin-left:4px}.form-control,.form-select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;transition:.2s}.form-control:focus,.form-select:focus{border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);outline:0}.form-control.is-invalid,.form-select.is-invalid{border-color:#dc3545}.form-control.is-invalid:focus,.form-select.is-invalid:focus{box-shadow:0 0 0 4px rgba(220,53,69,.1)}.invalid-feedback{font-size:13px;color:#dc3545;margin-top:6px}.input-with-icon{position:relative}.input-with-icon i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#999;font-size:16px;pointer-events:none}.input-with-icon .form-control{padding-left:46px}.social-card,.upload-card{border:2px dashed #e0e0e0;border-radius:16px;background:#f8f9fa;transition:border-color .2s}.social-card:hover,.upload-card:hover{border-color:#667eea}.upload-title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:10px}.upload-title i{color:#667eea;font-size:20px}.upload-description{font-size:13px;color:#666;margin-bottom:20px}.logo-upload-section{display:flex;gap:24px;align-items:center}.logo-preview{width:150px;height:150px;border-radius:16px;overflow:hidden;background:#fff;border:3px solid #e0e0e0;flex-shrink:0}.logo-preview img{width:100%;height:100%;object-fit:cover}.logo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;background:#f0f0f0}.logo-placeholder i{font-size:48px;margin-bottom:8px}.logo-placeholder p{font-size:12px;margin:0}.cover-upload-section{display:flex;flex-direction:column;gap:16px}.cover-preview{width:100%;height:200px;border-radius:12px;overflow:hidden;background:#fff;border:3px solid #e0e0e0}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;background:#f0f0f0}.cover-placeholder i{font-size:64px;margin-bottom:12px}.cover-placeholder p{font-size:14px;margin:0}.upload-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-remove,.btn-upload{padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;border:none}.btn-upload{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.btn-upload:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-upload:disabled{opacity:.6;cursor:not-allowed}.btn-remove{background:#fff;color:#dc3545;border:2px solid #dc3545}.btn-remove:hover{background:#dc3545;color:#fff}.review-step{max-width:100%}.review-card{border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden}.review-card .card-header{background:#f8f9fa;padding:16px 20px;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.review-card .card-header h5{margin:0;font-size:18px;font-weight:600;color:#333;display:flex;align-items:center;gap:10px}.review-card .card-header i{color:#667eea}.btn-edit-section{padding:6px 16px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:6px}.btn-edit-section:hover{background:#667eea;color:#fff}.review-card .card-body{padding:20px}.review-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.review-item:last-child{margin-bottom:0}.review-label{font-weight:600;color:#666;font-size:14px;flex-shrink:0;width:150px}.review-value{color:#333;font-size:14px;text-align:right;flex:1}.review-images{display:flex;gap:20px;margin-bottom:16px}.review-image-item{flex:1;display:flex;flex-direction:column;gap:8px}.review-image-item label{font-weight:600;color:#666;font-size:13px}.review-logo{width:120px;height:120px;border-radius:12px;object-fit:cover;border:2px solid #e0e0e0}.review-cover{width:100%;height:120px;border-radius:12px;object-fit:cover;border:2px solid #e0e0e0}.no-image{font-size:13px;color:#999;font-style:italic}.social-links-review{display:flex;flex-wrap:wrap;gap:8px}.social-link-badge{padding:6px 12px;background:#667eea;color:#fff;border-radius:16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.form-navigation{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;background:#f8f9fa;border-top:2px solid #e9ecef}.nav-left,.nav-right{display:flex;gap:12px}.btn-cancel,.btn-next,.btn-previous,.btn-submit{padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;border:none}.btn-previous{background:#fff;color:#667eea;border:2px solid #e0e0e0}.btn-previous:hover{border-color:#667eea}.btn-cancel{background:#fff;color:#666;border:2px solid #e0e0e0}.btn-cancel:hover{border-color:#dc3545;color:#dc3545}.btn-next{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.btn-next:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-submit{background:linear-gradient(135deg,#28a745 0,#20c997 100%);color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,.3)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width:992px){.edit-org-header{flex-direction:column;gap:16px}.btn-cancel-header{width:100%;justify-content:center}.form-content{padding:30px 20px}.form-navigation{padding:20px;flex-direction:column;gap:12px}.nav-left,.nav-right{width:100%;flex-direction:column}.btn-cancel,.btn-next,.btn-previous,.btn-submit{width:100%;justify-content:center}}@media (max-width:768px){.page-title{font-size:22px}.steps{gap:8px}.step-number{width:40px;height:40px;font-size:16px}.step-label{font-size:11px}.step-title{font-size:20px}.logo-upload-section{flex-direction:column}.logo-preview{width:100%;max-width:200px;height:200px;margin:0 auto}.review-images{flex-direction:column}.review-item{flex-direction:column;gap:8px}.review-label{width:100%}.review-value{text-align:left}}@media (max-width:576px){.edit-org-page{padding:20px 0 60px}.edit-org-header{padding:16px}.form-content,.step-indicator{padding:20px 16px}.step-label{display:none}.cover-preview{height:150px}}@media print{.btn-edit-section,.edit-org-header,.form-navigation,.step-indicator{display:none!important}.edit-org-page{background:#fff}.form-content{padding:0}}.organization-home{position:relative;padding:20px}.add-organization-link{position:absolute;top:20px;right:20px}.add-link{text-decoration:none;color:#007bff;font-size:1rem;font-weight:700;transition:color .3s}.add-link:hover{color:#0056b3}.signup-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;padding:20px}.signup-card{background-color:#fff;border-radius:12px;padding:40px;width:100%;max-width:700px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.signup-title{font-size:28px;font-weight:700;color:#333;text-align:center;margin-bottom:10px}.signup-subtitle{font-size:14px;color:#666;text-align:center;margin-bottom:30px}.social-signup{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.social-signup [role=button]{width:100%!important;justify-content:center!important;margin-bottom:10px}.social-signup iframe{width:100%!important;border-radius:8px!important}.btn-social{display:flex;align-items:center;justify-content:center;padding:12px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-social i{margin-right:10px;font-size:18px}.btn-google{background-color:#4285f4;color:#fff}.btn-google:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(66,133,244,.4)}.btn-facebook{background-color:#1877f2;color:#fff}.btn-facebook:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(24,119,242,.4)}.divider{position:relative;text-align:center;margin:20px 0}.divider::before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#ddd}.divider span{position:relative;background-color:#fff;padding:0 10px;color:#999;font-size:14px}.form-group,.signup-form{margin-bottom:20px}.form-label{font-size:14px;font-weight:600;color:#555;margin-bottom:5px;display:block}.form-control{width:100%;padding:12px;font-size:14px;border:1px solid #ddd;border-radius:8px;transition:border-color .2s}.form-control:focus{border-color:#667eea;outline:0}.password-strength{display:block;margin-top:5px;font-size:12px;font-weight:600}.password-strength.weak{color:#dc3545}.password-strength.medium{color:#ffc107}.password-strength.strong{color:#28a745}.btn-signup{width:100%;padding:12px;font-size:16px;font-weight:600;color:#fff;background-color:#667eea;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.btn-signup:hover{background-color:#5568d3}.signin-link{text-align:center;font-size:14px;color:#666}.link-primary{color:#667eea;text-decoration:none;font-weight:600}.link-primary:hover{text-decoration:underline}.user-list-page{min-height:100vh;background-color:#f5f7fa;padding:40px 0}.user-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.page-header{display:flex;justify-content:space-between;align-items:flex-start}.header-content{flex:1}.page-title{display:flex;align-items:center;gap:12px}.page-subtitle{margin:0}.header-actions{display:flex;gap:12px}.btn-add-user,.btn-refresh{padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;border:none}.btn-refresh{background-color:#fff;color:#667eea;border:2px solid #e0e0e0}.btn-refresh:hover{border-color:#667eea;transform:translateY(-2px)}.btn-add-user{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.btn-add-user:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.stat-card-ul{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;align-items:center;gap:16px;transition:transform .2s}.stat-card-ul:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.stat-icon{display:flex;align-items:center;justify-content:center}.stat-value{font-size:32px;font-weight:700;color:#333;line-height:1}.stat-label{color:#666;margin-top:4px}.toolbar{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.toolbar-left{display:flex;gap:12px;flex:1;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:16px}.search-box{max-width:400px;flex:1;position:relative}.search-box .input-group-text{background:#fff;border-right:none;color:#999}.search-box .form-control{border-left:none;padding-right:40px}.search-box .form-control:focus{box-shadow:none;border-color:#ced4da}.clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#999;cursor:pointer;z-index:10;padding:4px}.clear-search-btn:hover{color:#667eea}.filter-dropdown .dropdown-toggle,.sort-dropdown .dropdown-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px}.view-toggle{display:flex;gap:4px;background:#f0f0f0;padding:4px;border-radius:8px}.view-btn{background:0 0;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;color:#666;transition:.2s}.view-btn:hover{background:#e0e0e0}.view-btn.active{background:#fff;color:#667eea;box-shadow:0 2px 4px rgba(0,0,0,.1)}.results-count{font-size:14px;color:#666;font-weight:500}.bulk-actions{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:16px 20px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.selected-count{font-weight:600;font-size:14px}.bulk-action-buttons{display:flex;gap:8px}.btn-bulk-action{background:rgba(255,255,255,.2);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s}.btn-bulk-action:hover{background:rgba(255,255,255,.3)}.btn-bulk-action.danger{background:rgba(220,53,69,.9)}.btn-bulk-action.danger:hover{background:rgba(200,35,51,.9)}.btn-clear-selection{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.btn-clear-selection:hover{background:rgba(255,255,255,.3)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:40px}.user-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.3s;border:2px solid transparent}.user-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.user-card.selected{border-color:#667eea;background:#f8f9ff}.card-header-user{padding:16px;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ecef}.card-body-user{padding:24px;text-align:center;cursor:pointer}.user-avatar-section{position:relative;display:inline-block;margin-bottom:16px}.user-card-avatar,.user-card-avatar-placeholder{width:80px;height:80px;border-radius:50%;margin:0 auto}.user-card-avatar{object-fit:cover;border:3px solid #e0e0e0}.user-card-avatar-placeholder{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:28px;border:3px solid #e0e0e0}.online-dot{position:absolute;bottom:4px;right:4px;width:16px;height:16px;background:#28a745;border:3px solid #fff;border-radius:50%}.user-card-name{font-size:18px;font-weight:600;color:#333;margin-bottom:4px}.user-card-email{font-size:13px;color:#999;margin-bottom:8px}.user-card-phone{font-size:12px;color:#666;display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:12px}.user-card-meta{display:flex;justify-content:center;gap:12px;font-size:12px;color:#999;margin-top:12px}.meta-item{display:flex;align-items:center;gap:4px}.card-footer-user{padding:16px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:8px}.btn-card-action{flex:1;padding:10px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:600;color:#667eea;cursor:pointer;transition:.2s}.btn-card-action:hover{border-color:#667eea;background:#f8f9ff}.btn-card-action.btn-delete{flex:0;width:44px;padding:0;border-color:#dc3545;color:#dc3545}.btn-card-action.btn-delete:hover{background:#dc3545;color:#fff;border-color:#dc3545}.user-type-badge{text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 10px}.users-table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f8f9fa}.users-table th{padding:16px;text-align:left;font-weight:600;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef}.users-table td{padding:16px;border-bottom:1px solid #f5f5f5;vertical-align:middle}.users-table tr:hover{background:#f8f9fa}.users-table tr.selected{background:#f8f9ff}.table-user-info{display:flex;align-items:center;gap:12px}.table-user-avatar,.table-user-avatar-placeholder{width:40px;height:40px;border-radius:50%;flex-shrink:0}.table-user-avatar{object-fit:cover;border:2px solid #e0e0e0}.table-user-avatar-placeholder{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.table-user-name{font-weight:600;color:#333;font-size:14px}.online-status{color:#28a745;font-size:11px;display:flex;align-items:center;gap:4px;margin-top:2px}.online-status i{font-size:8px}.btn-table-action{background:#f0f0f0;border:none;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#667eea;transition:.2s;margin-right:8px}.btn-table-action:hover{background:#667eea;color:#fff}.btn-table-action.btn-delete{color:#dc3545}.btn-table-action.btn-delete:hover{background:#dc3545;color:#fff}.empty-state{background:#fff;border-radius:16px}.empty-state p{margin-bottom:24px}.btn-clear-filters{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-clear-filters:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}@media (max-width:992px){.page-header{flex-direction:column;gap:16px}.header-actions{width:100%}.btn-add-user,.btn-refresh{flex:1}.toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{width:100%}.search-box{max-width:100%}.users-table-container{overflow-x:auto}}@media (max-width:768px){.users-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.bulk-actions{flex-direction:column;align-items:stretch}.bulk-action-buttons{flex-direction:column}}@media (max-width:576px){.stats-grid{grid-template-columns:1fr}.page-title{font-size:24px}.results-count{font-size:12px}}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);flex-wrap:wrap}.pagination-btn{padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;border:2px solid #e0e0e0;background-color:#fff;color:#667eea}.pagination-btn:hover:not(:disabled){border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pagination-page{min-width:40px;height:40px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;border:2px solid #e0e0e0;background-color:#fff;color:#333}.pagination-page:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.pagination-page.active{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.3)}.pagination-info{font-size:14px;color:#666;font-weight:500;white-space:nowrap}@media (max-width:768px){.pagination-controls{gap:8px;padding:16px}.pagination-btn{padding:8px 12px;font-size:12px}.pagination-page{min-width:36px;height:36px;font-size:13px}.pagination-info{width:100%;text-align:center;font-size:12px}}.alert{margin:0;padding:10px;font-size:16px}.app-footer{background:linear-gradient(135deg,#2c3e50 0,#34495e 100%);color:#ecf0f1;margin-top:auto;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.footer-main{padding:60px 0 40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-column{margin-bottom:30px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo{height:40px;width:auto;filter:brightness(0) invert(1)}.footer-brand-name{font-size:24px;font-weight:700;color:#fff;margin:0}.footer-description{font-size:14px;line-height:1.8;color:#bdc3c7;margin-bottom:20px}.footer-social{display:flex;gap:12px;flex-wrap:wrap}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(255,255,255,.1);border-radius:50%;color:#ecf0f1;font-size:18px;transition:.3s}.footer-social a:hover{background-color:#667eea;color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.footer-heading{font-size:16px;font-weight:600;color:#fff;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#bdc3c7;text-decoration:none;font-size:14px;transition:.2s;display:inline-block}.footer-links a:hover{color:#fff;padding-left:5px}.newsletter-text{font-size:14px;color:#bdc3c7;margin-bottom:15px;line-height:1.6}.newsletter-form{display:flex;margin-bottom:20px}.newsletter-input{flex:1;padding:12px 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px 0 0 8px;background-color:rgba(255,255,255,.1);color:#fff;font-size:14px;outline:0;transition:.3s}.newsletter-input::placeholder{color:#95a5a6}.newsletter-input:focus{background-color:rgba(255,255,255,.15);border-color:#667eea}.newsletter-btn{padding:12px 20px;background-color:#667eea;border:none;border-radius:0 8px 8px 0;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s}.newsletter-btn:hover{background-color:#5568d3}.footer-app-links{display:flex;flex-direction:column;gap:10px}.app-link{display:flex;align-items:center;gap:8px;padding:10px 15px;background-color:rgba(255,255,255,.1);border-radius:8px;color:#ecf0f1;text-decoration:none;font-size:13px;font-weight:600;transition:.3s}.app-link:hover{background-color:rgba(255,255,255,.2);color:#fff;transform:translateX(5px)}.app-link i{font-size:18px}.footer-bottom{padding:25px 0;background-color:rgba(0,0,0,.2)}.footer-copyright{margin:0;font-size:14px;color:#bdc3c7}.footer-bottom-links{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.footer-bottom-links a{color:#bdc3c7;text-decoration:none;font-size:14px;transition:color .2s}.footer-bottom-links a:hover{color:#fff}.footer-bottom-links .separator{color:#7f8c8d;margin:0 5px}@media (max-width:992px){.footer-main{padding:40px 0 30px}.footer-column{margin-bottom:40px}}@media (max-width:768px){.footer-brand{justify-content:center;text-align:center}.footer-description{text-align:center}.footer-social{justify-content:center}.footer-heading,.footer-links{text-align:center}.footer-bottom-links{justify-content:center;margin-top:15px}.footer-copyright{margin-bottom:15px}}@media (max-width:576px){.footer-main{padding:30px 0 20px}.footer-brand-name{font-size:20px}.footer-logo{height:32px}.newsletter-form{flex-direction:column}.newsletter-input{border-radius:8px;margin-bottom:10px}.newsletter-btn{border-radius:8px}}.admin-approval-page{min-height:100vh;background-color:#f5f7fa;padding:40px 0 0}.admin-approval-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.admin-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:40px;border-radius:16px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.admin-title{font-size:32px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:12px}.admin-subtitle{font-size:16px;opacity:.9;margin:0}.admin-stats{display:flex;gap:20px}.stat-card{padding:20px 30px;text-align:center;backdrop-filter:blur(10px)}.stat-number{font-size:36px;font-weight:700;margin-bottom:4px}.stat-label{font-size:14px;opacity:.9}.approval-tabs{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.approval-tabs .nav-link{color:#666;font-weight:600;padding:12px 24px;border:none;border-radius:8px;transition:.2s}.approval-tabs .nav-link:hover{background-color:#f5f7fa;color:#667eea}.approval-tabs .nav-link.active{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.approval-content{padding:30px 0}.approval-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.approval-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}.approval-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.card-header-approval{padding:16px 20px;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ecef}.badge-pending{background-color:#ffc107;color:#333;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.card-date{font-size:13px;color:#999}.card-image{width:100%;height:200px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-body-approval{padding:20px}.card-title-approval{font-size:20px;font-weight:600;color:#333;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-author,.card-type{font-size:14px;color:#666;margin-bottom:12px;display:flex;align-items:center;gap:6px}.card-description{font-size:14px;color:#666;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{background-color:#e7f3ff;color:#667eea;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.org-logo{object-fit:cover;width:80px;height:80px;margin:0 auto 16px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.org-logo img{width:100%;height:100%;object-fit:cover}.org-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;font-size:32px;font-weight:700}.event-details,.org-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-item{display:flex;align-items:center;gap:8px}.detail-item i{width:16px}.event-date-badge{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:8px 12px;border-radius:8px;text-align:center;font-weight:700}.date-day{display:block;font-size:20px;line-height:1}.date-month{text-transform:uppercase;display:block;font-size:11px;text-transform:uppercase;margin-top:2px}.card-actions{padding:16px 20px;background:#f8f9fa;display:flex;gap:12px;border-top:1px solid #e9ecef}.btn-approve,.btn-reject{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:.2s}.btn-approve{background-color:#28a745;color:#fff}.btn-approve:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,.3)}.btn-reject{background-color:#dc3545;color:#fff}.btn-reject:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.empty-state{color:#999}.empty-state i{font-size:64px;color:#28a745;margin-bottom:16px}.empty-state h3{font-size:24px}.empty-state p{font-size:16px;color:#666}.video-thumbnail-wrapper{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:8px;overflow:hidden}.video-thumbnail-approval{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-duration-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.video-stats-approval{display:flex;gap:16px;margin:12px 0;font-size:14px;color:#666}.video-stats-approval span{display:flex;align-items:center;gap:4px}.video-stats-approval i{color:#667eea}@media (max-width:768px){.admin-header{flex-direction:column;text-align:center;gap:20px}.admin-title{font-size:24px}.approval-grid{grid-template-columns:1fr}}.admin-chat-page{background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);min-height:100vh;padding:20px 0}.admin-chat-header{margin-bottom:30px}.page-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:8px}.page-subtitle{color:#718096;font-size:1.1rem;margin-bottom:0}.stats-row{margin-top:20px}.stat-card{border:none;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:.3s;background:#fff;overflow:hidden;margin-bottom:20px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.stat-content{display:flex;align-items:center;gap:16px;padding:8px}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.stat-icon.active{background:linear-gradient(135deg,#48bb78,#38a169)}.stat-icon.pending{background:linear-gradient(135deg,#ed8936,#dd6b20)}.stat-icon.resolved{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.response{background:linear-gradient(135deg,#4299e1,#3182ce)}.stat-icon.satisfaction{background:linear-gradient(135deg,#f6ad55,#ed8936)}.stat-info h3{font-size:1.8rem;font-weight:700;color:#2d3748;margin-bottom:4px}.stat-info p{color:#718096;font-size:.9rem;margin-bottom:0;font-weight:500}.chat-interface{margin-top:20px}.sessions-sidebar{padding-right:15px}.sessions-card{border:none;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);background:#fff;height:calc(100vh - 220px);display:flex;flex-direction:column}.sessions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sessions-header h5{margin:0;font-weight:600;color:#2d3748}.sessions-controls{display:flex;flex-direction:column;gap:8px}.sessions-body{flex:1;overflow:hidden;padding:0}.sessions-list{height:100%;overflow-y:auto}.sessions-list::-webkit-scrollbar{width:4px}.sessions-list::-webkit-scrollbar-track{background:#f1f5f9}.sessions-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.session-item{border:none;padding:16px;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:.2s;background:#fff}.session-item:hover{background:#f7fafc}.session-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.session-content{width:100%}.session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.session-user{display:flex;align-items:center;gap:12px;flex:1}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.session-item.active .user-avatar{background:rgba(255,255,255,.2)}.user-info h6{margin:0;font-weight:600;font-size:14px}.user-info small{font-size:11px;opacity:.8}.session-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.unread-badge{font-size:10px;min-width:18px;height:18px}.session-preview{display:flex;justify-content:space-between;align-items:center}.session-preview p{margin:0 8px 0 0;font-size:13px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.session-preview small{font-size:11px;opacity:.6;flex-shrink:0}.chat-card{border:none;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);background:#fff;height:calc(100vh - 220px);display:flex;flex-direction:column}.chat-header-content{display:flex;justify-content:space-between;align-items:center}.chat-user-info{display:flex;align-items:center;gap:12px}.chat-user-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.chat-user-details h5{margin:0;font-weight:600;color:#2d3748}.chat-user-details small{color:#718096;font-size:12px}.chat-actions{display:flex;gap:8px}.chat-messages-body{flex:1;overflow:hidden;padding:0}.messages-container{height:100%;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-track{background:#f1f5f9}.messages-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.messages-container .message{display:flex;margin-bottom:16px}.messages-container .user-message{justify-content:flex-start}.messages-container .admin-message{justify-content:flex-end}.messages-container .message-content{max-width:70%;padding:12px 16px;border-radius:16px;position:relative}.messages-container .user-message .message-content{background:#e2e8f0;color:#2d3748;border-bottom-left-radius:4px}.messages-container .admin-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.messages-container .message-header{margin-bottom:4px;font-size:11px;opacity:.8}.messages-container .message-text{font-size:14px;line-height:1.4}.no-selection-card{border:none;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);background:#fff;height:calc(100vh - 220px);display:flex;align-items:center;justify-content:center}.no-selection-card .card-body{padding:60px 40px}.no-selection-card h4{color:#2d3748;font-weight:600}.no-selection-card .display-1{font-size:4rem;margin-bottom:20px}.loading-container{display:flex;align-items:center;justify-content:center}.chat-card .card-footer{background:#f8f9fa;border-top:1px solid #e2e8f0;padding:16px}.chat-card .input-group .form-control{border-radius:20px 0 0 20px;border:1px solid #e2e8f0;padding:10px 16px}.chat-card .input-group .form-control:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.chat-card .input-group .btn{border-radius:0 20px 20px 0;background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:10px 20px}.chat-card .input-group .btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1)}.badge{font-size:.75rem;padding:4px 8px;border-radius:6px}@media (max-width:992px){.sessions-sidebar{padding-right:15px;margin-bottom:20px}.chat-card,.no-selection-card,.sessions-card{height:500px}.stats-row{margin-bottom:20px}}@media (max-width:768px){.admin-chat-page{padding:10px 0}.page-title{font-size:1.5rem}.page-subtitle{font-size:1rem}.stat-content{padding:4px;gap:12px}.stat-icon{width:50px;height:50px;font-size:20px}.stat-info h3{font-size:1.5rem}.chat-card,.no-selection-card,.sessions-card{height:400px}.session-item{padding:12px}.user-avatar{width:35px;height:35px;font-size:12px}.chat-user-avatar{width:40px;height:40px;font-size:14px}.messages-container{padding:15px}.messages-container .message-content{max-width:85%;padding:10px 12px}}@media (max-width:576px){.chat-header-content{flex-direction:column;align-items:flex-start;gap:12px}.chat-actions{width:100%;justify-content:flex-end}.session-header{flex-direction:column;align-items:flex-start;gap:8px}.session-meta{align-items:flex-start}.no-selection-card .display-1{font-size:3rem}.no-selection-card .card-body{padding:40px 20px}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-card,.session-item,.stat-card{animation:.3s ease-out fadeIn}@media (prefers-color-scheme:dark){.admin-chat-page{background:linear-gradient(135deg,#1a202c 0,#2d3748 100%)}.chat-card,.no-selection-card,.sessions-card,.stat-card{background:#2d3748;color:#e2e8f0}.page-title{color:#e2e8f0}.page-subtitle{color:#a0aec0}.session-item{background:#2d3748;border-bottom-color:#4a5568}.session-item:hover{background:#374151}.messages-container .user-message .message-content{background:#4a5568;color:#e2e8f0}}.live-chat{position:fixed;bottom:100px;right:30px;width:380px;height:600px;background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.05);z-index:9999;display:flex;flex-direction:column;overflow:hidden;transition:.3s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(10px)}.live-chat.minimized{height:60px;cursor:pointer}.chat-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0;position:relative}.chat-header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:16px 16px 0 0}.chat-header-info{display:flex;flex-direction:column;position:relative;z-index:1}.chat-title{font-weight:600;font-size:16px;margin-bottom:4px;display:flex;align-items:center}.chat-status{display:flex;align-items:center;font-size:12px;opacity:.9}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:6px;animation:2s infinite pulse}.status-dot.online{background:#28a745}.status-dot.away{background:#ffc107}@keyframes pulse{50%{opacity:.7;opacity:.5}0%,100%{opacity:1}}.chat-controls{display:flex;gap:8px;position:relative;z-index:1}.chat-control-btn{background:0 0;border:none;color:#fff;padding:4px 8px;border-radius:6px;transition:background-color .2s;font-size:14px}.chat-control-btn:hover{background:rgba(255,255,255,.1);color:#fff}.chat-messages{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-welcome{display:flex;align-items:center;justify-content:center;padding:40px 20px;height:100%}.welcome-content{text-align:center;max-width:280px}.welcome-icon{font-size:48px;color:#667eea;margin-bottom:16px}.welcome-content h5{font-weight:600;color:#2d3748;margin-bottom:12px}.welcome-content p{color:#718096;font-size:14px;line-height:1.5;margin-bottom:20px}.auth-prompt{background:#f7fafc;padding:16px;border-radius:12px;margin-top:16px}.auth-prompt p{margin-bottom:12px;font-size:13px}.messages-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.messages-list::-webkit-scrollbar{width:4px}.messages-list::-webkit-scrollbar-track{background:#f1f5f9}.messages-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.message{display:flex;margin-bottom:12px}.user-message{justify-content:flex-end}.admin-message{justify-content:flex-start}.system-message{justify-content:center}.message-content{max-width:80%;background:#f8f9fa;padding:12px 14px;border-radius:16px;position:relative}.user-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.admin-message .message-content{background:#e2e8f0;color:#2d3748;border-bottom-left-radius:4px}.system-message .message-content{background:#fed7d7;color:#742a2a;text-align:center;font-size:12px;max-width:90%}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;opacity:.8}.sender-name{font-weight:600}.message-time{font-size:10px}.message-text{font-size:14px;line-height:1.4;word-wrap:break-word}.typing-indicator{display:flex;align-items:center;gap:8px}.typing-dots{display:flex;gap:2px}.typing-dots span{width:6px;height:6px;border-radius:50%;background:#667eea;animation:1.4s infinite typing}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,100%,60%{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.typing-text{font-size:12px;color:#718096;font-style:italic}.chat-input{padding:16px;border-top:1px solid #e2e8f0;background:#f8f9fa}.input-group{display:flex;align-items:stretch}.message-input{border-radius:20px 0 0 20px;border:1px solid #e2e8f0;padding:8px 16px;font-size:14px;outline:0;transition:border-color .2s}.message-input:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0 20px 20px 0;padding:8px 16px;color:#fff;transition:.2s;display:flex;align-items:center;justify-content:center}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px)}.send-button:disabled{opacity:.5;cursor:not-allowed}.chat-actions{display:flex;justify-content:space-between;margin-top:8px}.action-btn{background:0 0;border:none;color:#718096;font-size:12px;padding:4px 8px;border-radius:6px;transition:.2s}.action-btn:hover{background:#e2e8f0;color:#4a5568}.chat-footer{padding:12px 16px;background:#f8f9fa;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 16px 16px}.footer-info{display:flex;align-items:center;font-size:11px;color:#718096}.footer-actions{display:flex;gap:8px}.footer-btn{background:0 0;border:none;color:#718096;font-size:11px;padding:4px 8px;border-radius:4px;transition:.2s}.footer-btn:hover{background:#e2e8f0;color:#4a5568}.chat-wrapper{position:relative}.chat-btn{background:0 0;border:none;padding:.75rem;border-radius:12px;color:#64748b;font-size:1.2rem;cursor:pointer;transition:.3s;position:relative}.chat-btn:hover{background:rgba(102,126,234,.1);color:#667eea;transform:translateY(-2px)}.chat-badge{position:absolute;top:4px;right:4px;font-size:.7rem;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;animation:2s infinite chatPulse}@keyframes chatPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.live-chat{width:calc(100vw - 40px);right:20px;left:20px;height:calc(100vh - 120px);bottom:80px}.live-chat.minimized{width:300px;left:auto;height:60px;bottom:80px}.message-content{max-width:85%}.welcome-content{max-width:250px}.chat-input{padding:12px}}@media (max-width:480px){.live-chat{width:calc(100vw - 20px);right:10px;left:10px;bottom:75px;height:calc(100vh - 95px);border-radius:12px}.live-chat.minimized{width:280px;left:auto;right:10px;bottom:75px}.chat-header{padding:12px 16px;border-radius:12px 12px 0 0}.chat-title{font-size:15px}.messages-list{padding:12px}.message-content{max-width:90%;padding:10px 12px}}.live-chat{animation:.3s ease-out slideInUp}.loading-container{display:flex;align-items:center;justify-content:center;padding:20px;color:#718096;font-size:14px}.floating-chat-button{position:fixed;bottom:30px;right:30px;z-index:9998;transition:.3s cubic-bezier(.4, 0, .2, 1)}.floating-chat-button.chat-open{transform:rotate(45deg)}.chat-fab{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(102,126,234,.4);transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;z-index:3}.chat-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 35px rgba(102,126,234,.5);background:linear-gradient(135deg,#5a67d8 0,#6b46c1 100%)}.chat-fab:active{transform:translateY(0) scale(.95)}.chat-fab:focus{outline:0;box-shadow:0 0 0 3px rgba(102,126,234,.3)}.chat-notification-badge{position:absolute;top:-5px;right:-5px;font-size:10px;min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid #fff;animation:.5s ease-out bounceIn}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.chat-pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:2px solid rgba(102,126,234,.6);border-radius:50%;animation:2s ease-out infinite chatPulse;z-index:1}.chat-pulse-ring-2{animation-delay:1s;border-color:rgba(118,75,162,.4)}@keyframes chatPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}.floating-chat-button.chat-open .chat-pulse-ring{display:none}.chat-fab::before{content:attr(title);position:absolute;right:100%;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.8);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:.3s;margin-right:10px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;z-index:4}.chat-fab::after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:rgba(0,0,0,.8);opacity:0;visibility:hidden;transition:.3s;margin-right:5px;z-index:4}.chat-fab:hover::after,.chat-fab:hover::before{opacity:1;visibility:visible}.floating-chat-button.chat-open .chat-fab::after,.floating-chat-button.chat-open .chat-fab::before{display:none}@media (max-width:768px){.floating-chat-button{bottom:20px;right:20px}.chat-fab{width:56px;height:56px;font-size:22px}.chat-pulse-ring{width:56px;height:56px}.chat-notification-badge{top:-3px;right:-3px;min-width:18px;height:18px;font-size:9px}}@media (max-width:480px){.floating-chat-button{bottom:15px;right:15px}.chat-fab{width:52px;height:52px;font-size:20px}.chat-pulse-ring{width:52px;height:52px}.chat-fab::after,.chat-fab::before{display:none}}@media (prefers-reduced-motion:reduce){.chat-fab,.chat-notification-badge,.chat-pulse-ring,.floating-chat-button{animation:none;transition:none}}@media (prefers-contrast:high){.chat-fab,.chat-notification-badge{border:2px solid #000}}@media (prefers-color-scheme:dark){.chat-fab::before{background:rgba(255,255,255,.9);color:#000}.chat-fab::after{border-left-color:rgba(255,255,255,.9)}}.chat-fab:focus-visible{outline:#fff solid 2px;outline-offset:2px}@keyframes slideInUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.floating-chat-button{animation:.5s ease-out slideInUp}.chat-fab i{transition:.3s}.floating-chat-button.chat-open .chat-fab i{transform:rotate(-45deg)}.notification-settings-container{max-width:800px;padding-bottom:3rem}.settings-header{margin-bottom:2rem}.settings-header h2{color:#1a1a1a;font-weight:600;display:flex;align-items:center;margin-bottom:.5rem}.settings-header h2 i{color:#667eea}.settings-card{border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.3s}.settings-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.settings-section{padding:.5rem 0}.settings-section-header h5{color:#1a1a1a;font-weight:600;margin-bottom:.25rem;display:flex;align-items:center}.settings-section-header h5 i{color:#667eea}.settings-section-header p{font-size:.875rem;margin-bottom:1rem}.settings-switch{padding:1rem 0;border-bottom:1px solid #f0f0f0}.settings-switch:last-child{border-bottom:none}.settings-switch .form-check-label{font-size:.9375rem;color:#333;cursor:pointer;user-select:none}.settings-switch .form-check-input{cursor:pointer;width:3rem;height:1.5rem;margin-top:0}.settings-switch .form-check-input:checked{background-color:#667eea;border-color:#667eea}.push-status{padding:1rem;background:#f8f9fa;border-radius:8px}.push-status .badge{font-size:.75rem;padding:.375rem .75rem}.save-button{padding:.75rem 2.5rem;font-size:1rem;font-weight:500;border-radius:10px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border:none;transition:.3s}.save-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.save-button:active{transform:translateY(0)}@media (max-width:768px){.notification-settings-container{padding-left:1rem;padding-right:1rem}.settings-header h2{font-size:1.5rem}.settings-section-header h5{font-size:1.125rem}.push-status{padding:.75rem}.push-status .d-flex{flex-direction:column;gap:1rem;align-items:flex-start!important}.save-button{width:100%}}.odia-calendar-container{font-family:"Noto Sans Oriya",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:1400px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);min-height:calc(100vh - 160px)}.calendar-header{text-align:center;margin-bottom:30px;background:rgba(255,255,255,.95);padding:25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.calendar-title{font-size:2.5rem;color:#333;margin:0 0 15px;font-weight:700;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-toggle-btn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(102,126,234,.4);font-weight:600}.view-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.6)}.single-month-view{background:rgba(255,255,255,.95);border-radius:15px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.month-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:0 20px;gap:20px;flex-wrap:nowrap}.current-month-info{text-align:center;flex:1;min-width:250px;order:2;order:2}.current-month-info h2{font-size:2rem;color:#333;margin:0;font-weight:700}.odia-month-name{font-size:1.5rem;color:#667eea;margin:5px 0 0;font-weight:600}.odia-traditional-month{font-size:1.1rem;color:#764ba2;margin:3px 0 0;font-weight:500}.nav-btn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;padding:12px 25px;border-radius:25px;font-size:1rem;cursor:pointer;transition:.3s;font-weight:600;box-shadow:0 4px 15px rgba(102,126,234,.4);flex-shrink:0}.nav-btn.prev-btn{order:1}.nav-btn.next-btn{order:3}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.6)}.calendar-table-wrapper{margin:25px 0;overflow-x:auto;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.calendar-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.calendar-table thead{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.calendar-table th{padding:15px 10px;text-align:center;font-weight:600;font-size:1rem}.day-header{display:flex;flex-direction:column;gap:3px}.english-day{font-size:1rem;font-weight:700}.odia-day{font-size:.85rem;opacity:.9;font-weight:500}.calendar-table td{border:1px solid #e0e0e0;padding:0;height:100px;vertical-align:top;position:relative;transition:.3s}.calendar-day{background:#fff}.calendar-day.empty-day{background:#f8f9fa}.calendar-day.sunday{background:#fff5f5}.calendar-day.festival-day{background:linear-gradient(135deg,#fff9e6 0,#ffe6f0 100%);font-weight:600}.calendar-day.today{background:linear-gradient(135deg,#e8eaff 0,#f0e8ff 100%);box-shadow:inset 0 0 0 2px #667eea}.calendar-day:hover:not(.empty-day){background:#f0f4ff;transform:scale(1.02);z-index:10;box-shadow:0 4px 12px rgba(102,126,234,.3)}.day-content{padding:10px;height:100%;display:flex;flex-direction:column;position:relative}.festival-tooltip{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:10px 15px;border-radius:8px;font-size:.85rem;font-weight:600;opacity:0;visibility:hidden;transition:.3s;pointer-events:none;z-index:1000;box-shadow:0 4px 15px rgba(0,0,0,.3);max-width:250px;white-space:normal;text-align:center;line-height:1.4}.festival-tooltip::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #667eea}.calendar-day:hover .festival-tooltip{opacity:1;visibility:visible;bottom:-60px}.day-number{font-size:2rem;font-weight:800;color:#333;margin-bottom:8px;padding:8px 12px;background:linear-gradient(135deg,rgba(102,126,234,.1) 0,rgba(118,75,162,.1) 100%);border-radius:8px;display:inline-block;text-align:center;min-width:50px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:2px solid rgba(102,126,234,.2)}.festival-name{font-size:.75rem;color:#764ba2;font-weight:600;line-height:1.3;margin-top:auto;padding:5px;background:rgba(255,255,255,.8);border-radius:5px;text-align:center}.festivals-list{margin:30px 0;padding:25px;background:linear-gradient(135deg,rgba(102,126,234,.05) 0,rgba(118,75,162,.05) 100%);border-radius:10px;border-left:4px solid #667eea}.festivals-list h3{color:#333;margin:0 0 20px;font-size:1.5rem;font-weight:700}.festival-items{display:flex;flex-direction:column;gap:12px}.festival-item{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.3s}.festival-item:hover{transform:translateX(5px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.festival-date{font-weight:600;color:#667eea;min-width:150px}.festival-divider{color:#ccc;font-weight:700}.festival-title{color:#333;font-weight:600;font-size:1.1rem}.no-festivals{color:#999;font-style:italic;text-align:center;padding:20px}.month-selector{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:25px;padding:20px;background:rgba(102,126,234,.05);border-radius:10px}.month-btn{background:#fff;color:#667eea;border:2px solid #667eea;padding:10px 20px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:.3s;font-weight:600;min-width:70px}.month-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.month-btn.active{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-color:transparent;box-shadow:0 4px 15px rgba(102,126,234,.5)}.grid-view{background:0 0}.months-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;padding:10px}.month-card{background:rgba(255,255,255,.95);border-radius:15px;overflow:hidden;cursor:pointer;transition:.3s;box-shadow:0 5px 20px rgba(0,0,0,.1)}.month-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.2)}.month-card-header{padding:15px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;text-align:center}.month-card-header h3{margin:0;font-size:1.5rem;font-weight:700}.odia-month-small{margin:5px 0 0;font-size:1.1rem;font-weight:500;opacity:.95}.traditional-month{margin:3px 0 0;font-size:.9rem;opacity:.85}.month-card-preview{padding:20px;background:#fff}.mini-calendar{margin-bottom:15px}.mini-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:5px}.mini-weekday{text-align:center;font-weight:600;font-size:.75rem;color:#667eea;padding:5px 0}.mini-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mini-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;background:#f8f9fa;border-radius:4px;font-weight:500}.mini-day.empty{background:0 0}.mini-day.has-festival{background:linear-gradient(135deg,#fff9e6 0,#ffe6f0 100%);font-weight:700;color:#764ba2}.festivals-preview{padding-top:15px;border-top:1px solid #e0e0e0}.festivals-preview strong{display:block;margin-bottom:10px;color:#667eea;font-size:1rem}.festivals-preview ul{list-style:none;padding:0;margin:0}.festivals-preview li{padding:5px 0;font-size:.85rem;color:#555}.festivals-preview .more-festivals{color:#764ba2;font-weight:600;font-style:italic}.festivals-preview .no-fest{color:#999;font-style:italic}.calendar-info{text-align:center;margin-top:30px;padding:20px;background:rgba(255,255,255,.9);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.calendar-info p{margin:8px 0;color:#555;font-size:1rem;font-weight:500}@media (max-width:768px){.calendar-title{font-size:1.8rem}.month-navigation{flex-direction:column;gap:15px}.current-month-info h2{font-size:1.5rem}.odia-month-name{font-size:1.2rem}.nav-btn{width:100%;max-width:200px}.calendar-table td{height:80px}.day-number{font-size:1.1rem}.festival-name{font-size:.65rem}.months-grid{grid-template-columns:1fr}.month-selector{gap:8px}.month-btn{padding:8px 15px;font-size:.85rem;min-width:60px}.festival-item{flex-direction:column;align-items:flex-start;gap:5px}.festival-date{min-width:auto}.festival-divider{display:none}}@media (max-width:480px){.odia-calendar-container{padding:10px}.single-month-view{padding:15px}.calendar-title{font-size:1.4rem}.view-toggle-btn{padding:10px 20px;font-size:.9rem}.calendar-table td{height:60px}.day-number{font-size:1rem}.festival-name{font-size:.6rem;padding:3px}.month-selector{gap:6px;padding:10px}.month-btn{padding:6px 12px;font-size:.8rem;min-width:50px}.english-day{font-size:.85rem}.odia-day{font-size:.7rem}}@media print{.calendar-header,.calendar-info,.month-navigation,.month-selector,.view-toggle-btn{display:none}.calendar-table-wrapper{box-shadow:none}.odia-calendar-container{background:#fff}.single-month-view{box-shadow:none}}.purnima-day{background:linear-gradient(135deg,#fff9c4 0,#ffeb3b 100%)!important;border:2px solid #fbc02d!important;box-shadow:0 0 15px rgba(251,192,45,.5)!important}.amavasya-day{background:linear-gradient(135deg,#e0e0e0 0,#9e9e9e 100%)!important;border:2px solid #616161!important;box-shadow:0 0 15px rgba(97,97,97,.5)!important}.moon-symbol{font-size:1.2em;margin-right:5px;display:inline-block;vertical-align:middle}.dpCalendarWrapper{font-family:"Noto Sans Oriya","Noto Sans",Arial,sans-serif;background:linear-gradient(to bottom,#fef9f3 0,#fff5e6 100%);min-height:100vh;padding:20px}.dpContainer{max-width:1200px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.dpCalendarHeader{background:linear-gradient(135deg,#ff6b35 0,#f7931e 100%);padding:30px 20px;text-align:center;border-bottom:3px solid #e65100}.dpMainTitle{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.2);letter-spacing:2px}.dpSubTitle{color:#fff3e0;font-size:1.2rem;font-weight:400;margin:0;letter-spacing:1px}.dpMonthNavigation{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;background:#fff8f0;border-bottom:2px solid #ffe0b2}.dpNavButton{background:linear-gradient(135deg,#ff6b35 0,#f7931e 100%);border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;box-shadow:0 2px 6px rgba(255,107,53,.3)}.dpNavButton:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(255,107,53,.5)}.dpNavButton:active{transform:scale(.95)}.dpNavArrow{color:#fff;font-size:2rem;font-weight:700;line-height:1}.dpMonthYearDisplay{text-align:center;flex:1}.dpMonthName{font-size:2rem;font-weight:700;color:#e65100;margin-bottom:5px;letter-spacing:1px}.dpYearName{font-size:1.5rem;font-weight:600;color:#ff6b35;margin-bottom:5px}.dpEnglishDate{font-size:1rem;color:#757575;font-weight:500}.dpCalendarTableWrapper{padding:20px;overflow-x:auto}.dpCalendarTable{width:100%;border-collapse:separate;border-spacing:8px}.dpWeekDaysRow{background:linear-gradient(135deg,#ff6b35 0,#f7931e 100%)}.dpWeekDayHeader{padding:15px;text-align:center;font-weight:700;color:#fff;font-size:1.1rem;border-radius:6px;text-transform:uppercase;letter-spacing:1px}.dpCalendarWeek{transition:.2s}.dpCalendarDay{padding:0;vertical-align:top;background:#fff;border:2px solid #ffe0b2;border-radius:8px;transition:.3s;min-height:120px;position:relative}.dpCalendarDay:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,107,53,.2);border-color:#ff6b35}.dpEmptyDay{background:0 0;border:none}.dpEmptyDay:hover{transform:none;box-shadow:none}.dpToday{background:linear-gradient(135deg,#fff3e0 0,#ffe0b2 100%);border:3px solid #ff6b35;box-shadow:0 4px 12px rgba(255,107,53,.3)}.dpSunday{background:#fff8f0}.dpDayContent{padding:12px;height:100%;display:flex;flex-direction:column}.dpDayNumber{font-size:1.8rem;font-weight:700;color:#e65100;margin-bottom:8px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.dpPanchangInfo{flex:1;display:flex;flex-direction:column;gap:6px;font-size:.85rem}.dpNakshatra,.dpTithi{background:linear-gradient(135deg,#fff3e0 0,#ffe0b2 100%);padding:6px 8px;border-radius:4px;text-align:center;font-weight:600;color:#e65100;border-left:3px solid #ff6b35}.dpNakshatra{background:linear-gradient(135deg,#e3f2fd 0,#bbdefb 100%);border-left-color:#1976d2;color:#0d47a1}.dpPanchangDetails{background:linear-gradient(135deg,#fff8f0 0,#ffe0b2 100%);padding:30px;border-top:3px solid #ff6b35;border-bottom:3px solid #ff6b35}.dpDetailsTitle{font-size:1.8rem;font-weight:700;color:#e65100;margin:0 0 20px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.dpDetailsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.dpDetailItem{background:#fff;padding:15px 20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid #ff6b35;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:.3s}.dpDetailItem:hover{transform:translateX(5px);box-shadow:0 4px 12px rgba(255,107,53,.2)}.dpDetailLabel{font-weight:700;color:#e65100;font-size:1.1rem}.dpDetailValue{font-weight:600;color:#424242;font-size:1.1rem}.dpFestivalSection{padding:30px;background:#fff}.dpFestivalTitle{font-size:1.8rem;font-weight:700;color:#e65100;margin:0 0 20px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.dpFestivalList{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.dpFestivalItem{background:linear-gradient(135deg,#fff8f0 0,#ffe0b2 100%);padding:15px 20px;border-radius:8px;display:flex;align-items:center;gap:15px;border:2px solid #ff6b35;transition:.3s;box-shadow:0 2px 6px rgba(0,0,0,.1)}.dpFestivalItem:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(255,107,53,.3)}.dpFestivalDate{background:linear-gradient(135deg,#ff6b35 0,#f7931e 100%);color:#fff;font-weight:700;font-size:1.5rem;padding:10px 15px;border-radius:8px;min-width:50px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}.dpFestivalName{flex:1;font-weight:600;color:#e65100;font-size:1.1rem}@media (max-width:768px){.dpCalendarWrapper{padding:10px}.dpMainTitle{font-size:1.8rem}.dpSubTitle{font-size:1rem}.dpMonthNavigation{padding:15px}.dpNavButton{width:40px;height:40px}.dpMonthName,.dpNavArrow{font-size:1.5rem}.dpYearName{font-size:1.2rem}.dpCalendarTableWrapper{padding:10px}.dpCalendarTable{border-spacing:4px}.dpWeekDayHeader{padding:10px 5px;font-size:.9rem}.dpCalendarDay{min-height:90px}.dpDayContent{padding:8px}.dpDayNumber{font-size:1.3rem}.dpPanchangInfo{font-size:.75rem}.dpDetailsGrid,.dpFestivalList{grid-template-columns:1fr}}@media (max-width:480px){.dpMainTitle{font-size:1.5rem}.dpMonthName{font-size:1.2rem}.dpYearName{font-size:1rem}.dpCalendarDay{min-height:70px}.dpDayNumber{font-size:1.1rem}.dpPanchangInfo{font-size:.65rem}.dpNakshatra,.dpTithi{padding:4px 6px}}@media print{.dpCalendarWrapper{background:#fff;padding:0}.dpNavButton{display:none}.dpCalendarDay:hover{transform:none;box-shadow:none}}.my-stories-container{padding-top:100px;padding-bottom:3rem;min-height:100vh}.stats-bar{display:flex}.stories-grid{margin-top:2rem}.story-card{border:1px solid #e9ecef;border-radius:12px;overflow:hidden;transition:.3s;height:100%;display:flex;flex-direction:column}.story-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-4px)}.story-image-wrapper{position:relative;overflow:hidden;height:200px}.story-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.story-card:hover .story-image{transform:scale(1.05)}.story-card .card-body{display:flex;flex-direction:column;flex:1}.story-header{margin-bottom:.75rem}.story-title{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-excerpt{color:#666;font-size:.9rem;line-height:1.6;margin-bottom:1rem;flex:1}.story-meta{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:1rem}.story-meta small{display:flex;align-items:center;gap:.25rem}.story-actions{display:flex;gap:.5rem;flex-wrap:wrap}.story-actions .btn{flex:1;min-width:80px;border-radius:6px;font-size:.875rem;padding:.5rem .75rem;transition:.2s}.story-actions .btn-outline-primary:hover{background:#667eea;border-color:#667eea;color:#fff}.story-actions .btn-outline-secondary:hover{background:#6c757d;border-color:#6c757d;color:#fff}.story-actions .btn-outline-danger:hover{background:#dc3545;border-color:#dc3545;color:#fff}@media (max-width:768px){.my-stories-container{padding-top:80px;padding-left:1rem;padding-right:1rem}.page-header{flex-direction:column;align-items:flex-start}.create-btn{width:100%}.stats-bar{flex-direction:column;gap:1rem}.stat-item{flex-direction:row;align-items:center;gap:.75rem}.story-actions{flex-direction:column}.story-actions .btn{width:100%}}@media (max-width:480px){.header-content h1{font-size:1.5rem}.story-title{font-size:1rem}.story-excerpt{font-size:.85rem}}.my-events-container{padding-top:100px;padding-bottom:3rem;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.header-content h1{color:#1a1a1a;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center}.header-content h1 i{color:#667eea}.create-btn{border-radius:10px;padding:.75rem 1.5rem;font-weight:500;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border:none;transition:.3s;white-space:nowrap}.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.stats-bar{display:flex;gap:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-item strong{font-size:1.5rem;color:#667eea;font-weight:600}.stat-item span{font-size:.875rem;color:#666}.events-grid{margin-top:2rem}.event-card{border:1px solid #e9ecef;border-radius:12px;overflow:hidden;transition:.3s;height:100%;display:flex;flex-direction:column}.event-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-4px)}.event-image-wrapper{position:relative;overflow:hidden;height:200px}.event-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.event-card:hover .event-image{transform:scale(1.05)}.image-overlay{position:absolute;top:10px;right:10px}.event-card .card-body{display:flex;flex-direction:column;flex:1}.event-header{margin-bottom:.75rem}.event-title{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-description{color:#666;font-size:.9rem;line-height:1.6;margin-bottom:1rem;flex:1}.event-details{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:1rem}.detail-item{display:flex;align-items:center;font-size:.875rem;color:#666}.detail-item i{color:#667eea;flex-shrink:0}.location-text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.event-actions{display:flex;gap:.5rem;flex-wrap:wrap}.event-actions .btn{flex:1;min-width:80px;border-radius:6px;font-size:.875rem;padding:.5rem .75rem;transition:.2s}.event-actions .btn-outline-primary:hover{background:#667eea;border-color:#667eea;color:#fff}.event-actions .btn-outline-secondary:hover{background:#6c757d;border-color:#6c757d;color:#fff}.event-actions .btn-outline-danger:hover{background:#dc3545;border-color:#dc3545;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center}.empty-icon{font-size:5rem;color:#e0e0e0;margin-bottom:1.5rem}.empty-state h3{color:#666;margin-bottom:.75rem}@media (max-width:768px){.my-events-container{padding-top:80px;padding-left:1rem;padding-right:1rem}.page-header{flex-direction:column;align-items:flex-start}.create-btn{width:100%}.stats-bar{gap:1rem}.stat-item{flex:1;min-width:120px}.event-actions{flex-direction:column}.event-actions .btn{width:100%}}@media (max-width:480px){.header-content h1{font-size:1.5rem}.event-title{font-size:1rem}.event-description{font-size:.85rem}.detail-item{font-size:.8rem}.stats-bar{padding:1rem}.stat-item{min-width:auto}}
/*# sourceMappingURL=app.1174994d9749d36c9c54.css.map*/