:root{--color-primary-dark:#000223;--color-primary-brown:#7c521b;--color-primary-gold:#ffa000;--color-primary-light:#fffafe;--color-background:var(--color-primary-light);--color-surface:#fff;--color-text:var(--color-primary-dark);--color-text-secondary:var(--color-primary-brown);--color-accent:var(--color-primary-gold);--color-border:var(--color-primary-gold);--color-button-primary-bg:var(--color-primary-gold);--color-button-primary-text:var(--color-primary-dark);--color-button-primary-hover:var(--color-primary-brown);--color-button-secondary-bg:var(--color-primary-light);--color-button-secondary-text:var(--color-primary-dark);--color-button-secondary-border:var(--color-primary-gold);--color-notification-bg:var(--color-primary-dark);--color-notification-border:var(--color-primary-gold);--color-notification-text:var(--color-primary-light);--color-success:#dcfce7;--color-success-text:#166534;--color-error:#fee2e2;--color-error-text:#991b1b;--color-warning:#fef3c7;--color-warning-text:#92400e;--shadow-sm:0 2px 8px #0002231a;--shadow-md:0 4px 16px #00022326;--shadow-lg:0 8px 24px #00022333;--shadow-gold:0 4px 16px #ffa0004d;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease}[data-theme=dark]{--color-background:#111827;--color-surface:#1f2937;--color-text:var(--color-primary-light);--color-text-secondary:#d1d5db}body{background-color:#fffafe;background-color:var(--color-background);color:#000223;color:var(--color-text);transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition-base),color var(--transition-base)}:root{--vh-bg:#0a0c1b;--vh-ink:#0f172a;--vh-muted:#64748b;--vh-subtle:#64748b;--vh-surface:#f6f7fb;--vh-card:#fff;--vh-accent:#f59e0b;--vh-accent-600:#d97706;--vh-accent-700:#b45309;--vh-purple:#7c7ae6;--vh-ring:#7c7ae659;--vikra-navy:#000223;--vikra-orange:#ffa000;--vikra-text-light:#64748b;--vikra-border:#e2e8f0;--vikra-light-gray:#f1f5f9}.light-theme,:root,[data-theme=light],body.light-theme,body[data-theme=light]{--body-bg:#fffafe;--body-text:#000223;--text-primary:#000223;--text-secondary:#6c757d}.light-theme,:root,[data-theme=light],body.light-theme,body[data-theme=light]{--background-color:#fffafe}.dark-theme,[data-theme=dark],body.dark-theme,body[data-theme=dark]{--body-bg:#000223;--body-text:#fffafe;--text-primary:#fffafe;--text-secondary:#a0a0a0;--background-color:#000223}html{background-color:#fffafe!important;background-color:var(--body-bg)!important;transition:background-color .3s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fffafe!important;color:#000223!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.icon{color:#7c521b!important;font-size:1rem;margin-right:.5rem;vertical-align:middle}.dark-navy .icon,.hero .icon,.hero-btn .icon,.hero-buttons .icon,[style*="background-color: #000223"] .icon,[style*="background-color:#000223"] .icon,[style*="background: #000223"] .icon,[style*="background:#000223"] .icon{color:#ffa000!important}.admin-panel .icon,.btn-outline .icon,.btn-secondary .icon,.card .icon,.dashboard .icon,.fab,.feature-card .icon,.navbar .icon,.profile .icon,.service-card .icon,.user-card .icon{color:#7c521b!important}.hero .fab,[style*="background-color: #000223"] .fab,[style*="background-color:#000223"] .fab,[style*="background: #000223"] .fab,[style*="background:#000223"] .fab{color:#ffa000!important}.dropdown-icon{color:#7c521b!important;font-size:1.2rem;margin-right:.75rem}.analytics-card .icon,.card-icon .icon,.stat-icon .icon{color:#7c521b!important;font-size:1.5rem}.btn-icon .icon,.contact-icon .icon,.method-icon .icon{color:#7c521b!important;font-size:1.2rem;margin-right:.5rem}.achievement-icon .icon,.experience-icon .icon{color:#7c521b!important;font-size:1.3rem}.feature-icon .icon,.service-icon .icon{color:#7c521b!important;font-size:1.5rem}.search-icon .icon,.suggestion-icon .icon{color:#7c521b!important;font-size:1.1rem}.privacy-icon .icon{color:#7c521b!important;margin-right:.5rem}.upload-icon .icon{color:#7c521b!important;font-size:2rem}.action-icon .icon{color:#7c521b!important;cursor:pointer;transition:color .3s ease}.action-icon .icon:hover{color:#ffa000!important}.icon-sm{font-size:.875rem!important}.icon-lg{font-size:1.5rem!important}.icon-xl{font-size:2rem!important}.icon-2x{font-size:2.5rem!important}.icon-3x{font-size:3rem!important}.icon-mr-1{margin-right:.25rem!important}.icon-mr-2{margin-right:.5rem!important}.icon-mr-3{margin-right:.75rem!important}.icon-ml-1{margin-left:.25rem!important}.icon-ml-2{margin-left:.5rem!important}.icon-ml-3{margin-left:.75rem!important}.error-boundary{--error-bg:#fff;--error-border:#f3f4f6;--error-text:#1f2937;--error-text-secondary:#6b7280;--error-accent:#ef4444;--error-accent-bg:#fef2f2;--error-warning:#f59e0b;--error-warning-bg:#fffbeb;--error-success:#10b981;--error-info:#3b82f6;--error-shadow:0 4px 16px #0000001a;--error-radius:12px;align-items:center;background:var(--error-bg);display:flex;justify-content:center;min-height:400px;padding:2rem 1rem}.error-boundary__container{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--error-radius);box-shadow:var(--error-shadow);max-width:600px;padding:3rem 2rem;text-align:center;width:100%}.error-boundary__icon{color:var(--error-accent);font-size:4rem;margin-bottom:1.5rem}.error-boundary__title{color:var(--error-text);font-size:1.875rem;font-weight:700;margin:0 0 1rem}.error-boundary__message{color:var(--error-text-secondary);font-size:1.125rem;line-height:1.6;margin:0 0 2rem}.error-boundary__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.error-boundary__button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s ease}.error-boundary__button:disabled{cursor:not-allowed;opacity:.5}.error-boundary__button--primary{background:var(--error-accent);color:#fff}.error-boundary__button--primary:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef44444d;transform:translateY(-1px)}.error-boundary__button--secondary{background:var(--error-text-secondary);color:#fff}.error-boundary__button--secondary:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.error-boundary__button--outline{background:#0000;border:1px solid var(--error-border);color:var(--error-text-secondary)}.error-boundary__button--outline:hover:not(:disabled){background:var(--error-border);color:var(--error-text)}.error-boundary__support{border-top:1px solid var(--error-border);margin-top:1.5rem;padding-top:1.5rem}.error-boundary__support-text{color:var(--error-text-secondary);font-size:.875rem;margin:0}.error-boundary__support-link{color:var(--error-info);font-weight:500;margin-left:.25rem;text-decoration:none}.error-boundary__support-link:hover{text-decoration:underline}.error-boundary__details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:2rem 0;overflow:hidden;text-align:left}.error-boundary__details summary{background:#f1f5f9;cursor:pointer;font-weight:600;padding:1rem;-webkit-user-select:none;user-select:none}.error-boundary__details summary:hover{background:#e2e8f0}.error-boundary__error-info{padding:1rem}.error-boundary__error-info h4{color:var(--error-text);font-size:.875rem;font-weight:600;letter-spacing:.025em;margin:1rem 0 .5rem;text-transform:uppercase}.error-boundary__error-info h4:first-child{margin-top:0}.error-boundary__component-stack,.error-boundary__stack{background:#1f2937;border-radius:6px;color:#f9fafb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;line-height:1.4;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-all}.error-boundary__metadata{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.error-boundary__metadata p{color:var(--error-text-secondary);font-size:.8125rem;margin:.25rem 0}.error-boundary--api{--error-accent:var(--error-info);--error-accent-bg:#eff6ff}.error-boundary--api .error-boundary__icon{color:var(--error-info)}.error-boundary--route{--error-accent:var(--error-warning);--error-accent-bg:var(--error-warning-bg)}.error-boundary--route .error-boundary__icon{color:var(--error-warning)}.error-boundary--chunk{--error-accent:var(--error-success);--error-accent-bg:#f0fdf4}.error-boundary--chunk .error-boundary__icon{color:var(--error-success)}@media (max-width:640px){.error-boundary{min-height:300px;padding:1rem .75rem}.error-boundary__container{padding:2rem 1.5rem}.error-boundary__title{font-size:1.5rem}.error-boundary__message{font-size:1rem}.error-boundary__actions{flex-direction:column;gap:.75rem}.error-boundary__button{width:100%}.error-boundary__icon{font-size:3rem;margin-bottom:1rem}}@media (max-width:480px){.error-boundary__container{padding:1.5rem 1rem}.error-boundary__title{font-size:1.375rem}.error-boundary__details{margin:1.5rem 0}.error-boundary__component-stack,.error-boundary__stack{font-size:.75rem;padding:.75rem}}@media (prefers-color-scheme:dark){.error-boundary{--error-bg:#1f2937;--error-border:#374151;--error-text:#f9fafb;--error-text-secondary:#d1d5db;--error-accent-bg:#7f1d1d;--error-warning-bg:#78350f;--error-shadow:0 4px 16px #0000004d}.error-boundary__details{background:#111827;border-color:#374151}.error-boundary__details summary{background:#1f2937}.error-boundary__details summary:hover{background:#374151}.error-boundary__metadata{border-color:#374151}.error-boundary__component-stack,.error-boundary__stack{background:#0f172a;color:#e2e8f0}}@media (prefers-contrast:high){.error-boundary__container{border-color:currentColor;border-width:2px}.error-boundary__button{border-width:2px}.error-boundary__button--outline{border-color:currentColor}}@media (prefers-reduced-motion:reduce){.error-boundary__button{transition:none}.error-boundary__button:hover{transform:none}}@media print{.error-boundary{background:#fff;box-shadow:none;color:#000}.error-boundary__container{border:1px solid #000;box-shadow:none}.error-boundary__actions{display:none}.error-boundary__details{break-inside:avoid;page-break-inside:avoid}}.notification-container{display:flex;flex-direction:column;gap:10px;max-width:400px;min-width:300px;position:fixed;right:20px;top:20px;z-index:10000}.notification{align-items:flex-start;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;padding:16px}.notification--success{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-left-color:#10b981}.notification--error{background:linear-gradient(135deg,#fef2f2,#fef2f2);border-left-color:#ef4444}.notification--warning{background:linear-gradient(135deg,#fffbeb,#fefce8);border-left-color:#f59e0b}.notification--info{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-left-color:#3b82f6}.notification__content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.notification__icon{font-size:20px;line-height:1;margin-top:2px}.notification__text{flex:1 1}.notification__title{color:#374151;font-size:14px;font-weight:600;margin-bottom:4px}.notification__message{color:#6b7280;font-size:14px;line-height:1.4}.notification__close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.notification__close:hover{background:#0000001a;color:#374151}@media (max-width:768px){.notification-container{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.notification{padding:12px}.notification__message,.notification__title{font-size:13px}}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:10000}.toast{align-items:center;animation:slideIn .3s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001a;cursor:pointer;display:flex;gap:12px;max-width:400px;min-width:320px;padding:16px;pointer-events:auto;transform:translateX(100%);transition:transform .3s ease,opacity .3s ease}.toast:hover{box-shadow:0 12px 40px #00000026;transform:translateX(0) scale(1.02)}.toast-follow{border-left:4px solid #007bff}.toast-message{border-left:4px solid #28a745}.toast-project{border-left:4px solid #ffc107}.toast-system{border-left:4px solid #6c757d}.toast-icon{font-size:24px;line-height:1;min-width:24px}.toast-content{flex:1 1;min-width:0}.toast-title{color:#1a1a1a;font-size:14px;font-weight:600;line-height:1.2;margin-bottom:4px}.toast-message{color:#666;font-size:13px;line-height:1.3;word-break:break-word}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:20px}.toast-close:hover{background:#0000001a;color:#666}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.toast-container{left:10px;right:10px;top:70px}.toast{gap:10px;max-width:none;min-width:auto;padding:12px}.toast-title{font-size:13px}.toast-message{font-size:12px}.toast-icon{font-size:20px;min-width:20px}}@media (max-width:480px){.toast-container{left:5px;right:5px;top:60px}.toast{gap:8px;padding:10px}.toast-icon{font-size:18px;min-width:18px}.toast-close{font-size:16px;height:18px;width:18px}}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000223cc;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.auth-modal{background:var(--background-color);border:1px solid #ffa00033;border-radius:20px;box-shadow:0 20px 60px #0002234d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.auth-header{align-items:center;border-bottom:1px solid #ffa0001a;display:flex;justify-content:space-between;padding:30px 30px 20px}.auth-header h2{color:var(--primary-color);font-size:28px;font-weight:700;margin:0}.close-btn{border-radius:50%;color:var(--text-secondary);height:40px;transition:all .3s ease;width:40px}.close-btn:hover{color:var(--accent-color)}.auth-form{padding:30px}.form-group{margin-bottom:25px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{background:#fffafe0d;border:2px solid #ffa00033;border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:16px;padding:15px 20px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#fffafe1a;border-color:var(--accent-color);box-shadow:0 0 0 3px #ffa0001a;outline:none}.auth-btn{background:linear-gradient(135deg,var(--accent-color),#ffb84d);border:none;border-radius:12px;color:var(--primary-color);cursor:pointer;font-size:18px;font-weight:700;margin-top:20px;padding:18px;transition:all .3s ease;width:100%}.auth-btn:hover:not(:disabled){box-shadow:0 10px 30px #ffa0004d;transform:translateY(-2px)}.auth-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:15px}.success-message{background:#28a7451a;border:1px solid #28a7454d;border-radius:8px;color:#28a745}.auth-footer{border-top:1px solid #ffa0001a;padding:25px 30px 30px;text-align:center}.auth-footer p{color:var(--text-secondary);margin:0}.link-btn{background:none;border:none;color:var(--accent-color);cursor:pointer;font-weight:600;margin-left:5px;text-decoration:underline}.link-btn:hover{color:#ffb84d}.auth-divider{border-bottom:1px solid #ffa00033;line-height:.1em;margin:20px 0;position:relative;text-align:center}.auth-divider span{background:var(--background-color);color:var(--text-secondary);font-size:14px;font-weight:500;padding:0 15px}.user-avatar,.user-menu{position:relative}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid #ffa0004d;border-radius:50%;box-shadow:0 2px 8px #ffa00033;color:var(--dark-color);cursor:pointer;display:flex;font-weight:700;height:36px;justify-content:center;overflow:hidden;transition:all .3s ease;width:36px}[data-theme=light] .user-avatar{border-color:#7c521b4d;box-shadow:0 2px 8px #7c521b26}.user-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-avatar-initials{align-items:center;color:var(--dark-color);display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.user-avatar:hover{border-color:var(--primary-color);box-shadow:0 4px 15px #ffa0004d;transform:scale(1.05)}[data-theme=light] .user-avatar:hover{border-color:#cc8000;box-shadow:0 4px 15px #7c521b40}.user-avatar-badge{align-items:center;animation:avatarBadgePulse 2s infinite;background:linear-gradient(135deg,#dc3545,#c82333);border:2px solid var(--background-color);border-radius:10px;box-shadow:0 2px 8px #dc354580;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:2px 5px;position:absolute;position:relative;right:-8px;top:-8px;z-index:10}@keyframes avatarBadgePulse{0%,to{box-shadow:0 2px 8px #dc354580,0 0 0 2px var(--background-color);transform:scale(1)}50%{box-shadow:0 4px 16px #dc3545cc,0 0 0 2px var(--background-color),0 0 20px #dc354566;transform:scale(1.15)}}.user-avatar-badge:before{animation:avatarBadgeRingPulse 2s infinite;border:2px solid #dc35454d;border-radius:12px;content:"";inset:-4px;pointer-events:none;position:absolute}@keyframes avatarBadgeRingPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.user-dropdown{animation:dropdownSlide .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-color);border:1px solid #ffa00033;border-radius:15px;box-shadow:0 15px 40px #0002234d,0 0 0 1px #ffa0001a;margin-top:10px;min-width:260px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}[data-theme=light] .user-dropdown{background:#fff;border-color:#7c521b33;box-shadow:0 15px 40px #00022326,0 0 0 1px #7c521b1a}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:space-between;overflow:hidden;padding:14px 20px;position:relative;text-align:left;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.user-dropdown-item:before{background:linear-gradient(135deg,#ffa000,#7c521b);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);width:3px}.user-dropdown-item:hover{background:linear-gradient(90deg,#ffa0001a,#ffa0000d);color:var(--primary-color)}[data-theme=light] .user-dropdown-item:hover{background:linear-gradient(90deg,#ffa00014,#ffa00008);color:#cc8000;transform:translateX(3px)}.user-dropdown-item:hover:before{transform:translateX(0)}.user-dropdown-item.user-info{background:linear-gradient(135deg,#ffa00014,#7c521b0d);border-bottom:2px solid #ffa0001a;cursor:default;padding:16px 20px}[data-theme=light] .user-dropdown-item.user-info{background:linear-gradient(135deg,#ffa0000f,#7c521b08);border-bottom-color:#7c521b26}.user-dropdown-item.user-info:hover{background:linear-gradient(135deg,#ffa00014,#7c521b0d);color:var(--text-primary);transform:none}[data-theme=light] .user-dropdown-item.user-info:hover{background:linear-gradient(135deg,#ffa0000f,#7c521b08)}.user-dropdown-item.user-info:before{display:none}.user-dropdown-item.user-info strong{color:var(--text-primary);display:block;font-size:15px;font-weight:600;margin-bottom:4px}.user-dropdown-item.user-info small{color:var(--text-secondary);font-size:13px;opacity:.8}.dropdown-icon{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:16px;height:22px;justify-content:center;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1);width:22px}.user-dropdown-item:hover .dropdown-icon{color:var(--primary-color);transform:scale(1.1)}[data-theme=light] .user-dropdown-item:hover .dropdown-icon{color:#cc8000}.dropdown-divider{background:#ffa0001a;height:1px;margin:5px 0}[data-theme=light] .dropdown-divider{background:#7c521b1f}.user-dropdown-item.logout{border-top:none;color:#dc3545;font-weight:600;margin-top:0}.user-dropdown-item.logout:before{background:linear-gradient(135deg,#dc3545,#c82333)}.user-dropdown-item.logout:hover{background:linear-gradient(90deg,#dc35451a,#dc35450d);color:#c82333}[data-theme=light] .user-dropdown-item.logout:hover{background:linear-gradient(90deg,#dc354514,#dc354508)}.user-dropdown-item.logout .dropdown-icon{color:#dc3545}.user-dropdown-item.logout:hover .dropdown-icon{color:#c82333;transform:scale(1.1) rotate(-5deg)}.unread-badge{align-items:center;animation:badgePulse 2s infinite;border-radius:12px;box-shadow:0 2px 8px #ffa00080,0 0 0 2px var(--background-color);color:#000223;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;margin-left:auto;min-width:20px;padding:3px 7px;position:relative}.unread-badge,[data-theme=light] .unread-badge{background:linear-gradient(135deg,#ffa000,#f80)}[data-theme=light] .unread-badge{box-shadow:0 2px 8px #ffa00066,0 0 0 2px #fff;color:#fff}@keyframes badgePulse{0%,to{box-shadow:0 2px 8px #ffa00080,0 0 0 2px var(--background-color);transform:scale(1)}50%{box-shadow:0 4px 16px #ffa000cc,0 0 0 2px var(--background-color),0 0 20px #ffa00066;transform:scale(1.12)}}.unread-badge:before{animation:badgeRingPulse 2s infinite;border:2px solid #ffa0004d;border-radius:14px;content:"";inset:-4px;pointer-events:none;position:absolute}@keyframes badgeRingPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.user-dropdown-item .dropdown-content{align-items:center;display:flex;flex:1 1;gap:12px}.user-menu-backdrop{display:none}.protected-message{background:#ffa0001a;border-radius:12px;margin:40px 0;padding:60px 20px;text-align:center}.protected-message h2{color:var(--primary-color);margin-bottom:15px}.protected-message p{color:var(--text-secondary);margin-bottom:30px}.verification-message{padding:30px;text-align:center}.verification-icon{color:var(--primary-color);font-size:64px;margin-bottom:20px}.verification-message h3{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:16px}.verification-message p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:24px}.verification-notes{background:#ffa0001a;border:1px solid #ffa00033;border-radius:12px;margin:24px 0;padding:20px}.verification-notes p{color:var(--text-primary);font-size:14px}.verification-notes ul{color:var(--text-secondary);font-size:14px;line-height:1.5;padding-left:20px}.verification-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.auth-btn.secondary{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.auth-btn.secondary:hover{background:var(--primary-color);color:#fff}.auth-btn.secondary:disabled{background:#0000;border-color:var(--text-secondary);color:var(--text-secondary);cursor:not-allowed}@media (max-width:768px){.auth-modal{margin:10px;max-width:none}.auth-footer,.auth-form,.auth-header{padding-left:20px;padding-right:20px}.form-row{gap:15px;grid-template-columns:1fr}.auth-header h2{font-size:24px}.user-menu-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:9998}.nav .auth-section .user-menu{position:relative}.user-dropdown{animation:mobileDropdownSlide .3s ease-out;border:1px solid #ffa0004d;box-shadow:0 8px 32px #0000004d;left:auto;margin-top:0;max-width:calc(100vw - 40px);min-width:280px;position:fixed;right:20px;top:80px;transform:none;z-index:9999}@keyframes mobileDropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{font-size:16px;padding:16px 20px}.dropdown-icon{font-size:20px;width:24px}.user-avatar{height:32px;width:32px}.user-avatar-initials{font-size:12px}}@media (max-width:480px){.user-dropdown{box-shadow:0 25px 80px #0009;max-width:85vw;min-width:260px;right:10px;top:80px}.user-dropdown-item{font-size:16px;padding:18px 20px}.user-dropdown-item.user-info{padding:20px}}@media (max-width:768px){.verification-message{padding:20px}.verification-icon{font-size:48px}.verification-message h3{font-size:20px}}.button-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.button-group .auth-button{flex:1 1;min-width:140px}.verification-message h2{color:var(--primary-color);font-size:28px;font-weight:600;margin-bottom:16px}.verification-message .verification-icon{animation:bounceIn .6s ease-out;font-size:64px;margin-bottom:20px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.verification-actions{margin:32px 0 24px}.verification-actions .auth-button{font-weight:500;transition:all .3s ease}.verification-actions .auth-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.verification-notes{margin-top:24px;text-align:left}.verification-notes p{color:var(--primary-color);font-weight:600;margin-bottom:12px}.verification-notes ul{color:#666;margin:0}.verification-notes li{line-height:1.5;margin-bottom:8px}:root{--skeleton-bronze:#7c521b1a;--skeleton-bronze-mid:#7c521b26;--skeleton-orange:#ffa00026;--skeleton-orange-bright:#ffa00040;--skeleton-navy:#00022366;--skeleton-border:#7c521b4d}.branded-skeleton{animation:branded-shimmer 2s ease-in-out infinite;background:linear-gradient(110deg,#7c521b1a,#ffa00026 40%,#ffa00040 50%,#ffa00026 60%,#7c521b1a);background:linear-gradient(110deg,var(--skeleton-bronze) 0,var(--skeleton-orange) 40%,var(--skeleton-orange-bright) 50%,var(--skeleton-orange) 60%,var(--skeleton-bronze) 100%);background-size:200% 100%;border-radius:8px;overflow:hidden;position:relative}@keyframes branded-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.branded-skeleton--glow:before{animation:branded-glow 2.5s infinite;background:linear-gradient(90deg,#0000,#ffa00066 50%,#0000);content:"";height:100%;left:-150%;position:absolute;top:0;width:100%}@keyframes branded-glow{0%{left:-150%}to{left:150%}}.branded-content-card-skeleton{animation:branded-fadeIn .3s ease-out;background:#00022366;background:var(--skeleton-navy);border:1px solid #7c521b4d;border:1px solid var(--skeleton-border);border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:1.25rem}@keyframes branded-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.branded-skeleton-header{align-items:center;display:flex;gap:.875rem;margin-bottom:1rem}.branded-skeleton-avatar{border-radius:50%;flex-shrink:0;height:48px;width:48px}.branded-skeleton-author-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.branded-skeleton-name{border-radius:4px;height:16px;width:140px}.branded-skeleton-meta{border-radius:4px;height:12px;width:90px}.branded-skeleton-image{border-radius:12px;height:220px;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.branded-skeleton-image:after{animation:branded-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffa0004d,#7c521b4d);border-radius:50%;content:"";height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}@keyframes branded-pulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.branded-skeleton-title{border-radius:4px;height:20px;margin-bottom:.75rem;width:80%}.branded-skeleton-excerpt{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.branded-skeleton-line{border-radius:4px;height:14px}.branded-skeleton-line--full{width:100%}.branded-skeleton-line--80{width:80%}.branded-skeleton-line--60{width:60%}.branded-skeleton-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.branded-skeleton-tag{border-radius:13px;height:26px;width:70px}.branded-skeleton-tag:nth-child(2){width:90px}.branded-skeleton-tag:nth-child(3){width:60px}.branded-skeleton-footer{align-items:center;border-top:1px solid #7c521b33;display:flex;gap:1rem;padding-top:1rem}.branded-skeleton-stat{border-radius:16px;height:32px;width:50px}.branded-skeleton-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1rem}@media (max-width:768px){.branded-skeleton-grid{gap:1rem;grid-template-columns:1fr;padding:.5rem}.branded-skeleton-image{height:180px}}@media (min-width:1024px){.branded-skeleton-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.branded-skeleton-grid{grid-template-columns:repeat(4,1fr)}}.branded-profile-skeleton{animation:branded-fadeIn .3s ease-out;background:#00022366;background:var(--skeleton-navy);border:1px solid #7c521b4d;border:1px solid var(--skeleton-border);border-radius:16px;padding:2rem}.branded-profile-skeleton__banner{border-radius:12px;height:200px;margin-bottom:1.5rem;width:100%}.branded-profile-skeleton__avatar-wrapper{align-items:flex-start;display:flex;gap:2rem;margin-bottom:1.5rem;margin-top:-60px}.branded-profile-skeleton__avatar-large{border:4px solid #000223e6;border-radius:50%;flex-shrink:0;height:120px;width:120px}.branded-profile-skeleton__info{flex:1 1;padding-top:60px}.branded-profile-skeleton__name-large{border-radius:6px;height:32px;margin-bottom:.75rem;width:220px}.branded-profile-skeleton__handle{border-radius:4px;height:18px;margin-bottom:1rem;width:160px}.branded-profile-skeleton__bio{border-radius:4px;height:16px;margin-bottom:.5rem;max-width:500px;width:100%}.branded-profile-skeleton__bio:last-of-type{margin-bottom:1.5rem;width:70%}.branded-profile-skeleton__stats{display:flex;flex-wrap:wrap;gap:2rem}.branded-profile-skeleton__stat-item{display:flex;flex-direction:column;gap:.5rem}.branded-profile-skeleton__stat-value{border-radius:4px;height:24px;width:60px}.branded-profile-skeleton__stat-label{border-radius:4px;height:14px;width:80px}.branded-list-skeleton{display:flex;flex-direction:column;gap:1rem;padding:1rem}.branded-list-skeleton__item{align-items:center;animation:branded-pulse-slow 3s ease-in-out infinite;background:#00022366;background:var(--skeleton-navy);border:1px solid #7c521b4d;border:1px solid var(--skeleton-border);border-radius:12px;display:flex;gap:1rem;padding:1rem}@keyframes branded-pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.995)}}.branded-list-skeleton__avatar-small{border-radius:50%;flex-shrink:0;height:40px;width:40px}.branded-list-skeleton__content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.branded-list-skeleton__title-small{border-radius:4px;height:16px;width:60%}.branded-list-skeleton__subtitle{border-radius:4px;height:12px;width:40%}.branded-skeleton-button{border-radius:20px;height:40px;width:120px}.branded-skeleton-button--primary{animation:branded-shimmer 2s ease-in-out infinite;background:linear-gradient(110deg,#ffa00033,#ffa0004d 50%,#ffa00033);background-size:200% 100%}.branded-skeleton-compact{align-items:center;background:#00022366;background:var(--skeleton-navy);border:1px solid #7c521b4d;border:1px solid var(--skeleton-border);border-radius:10px;display:flex;gap:.75rem;padding:.75rem}.branded-skeleton-text-large{border-radius:4px;height:24px}.branded-skeleton-text-medium{border-radius:4px;height:18px}.branded-skeleton-text-small{border-radius:3px;height:14px}.branded-skeleton-circle-xl{border-radius:50%;height:100px;width:100px}.branded-skeleton-circle-lg{border-radius:50%;height:60px;width:60px}.branded-skeleton-circle-md{border-radius:50%;height:40px;width:40px}.branded-skeleton-circle-sm{border-radius:50%;height:32px;width:32px}@media (prefers-reduced-motion:reduce){.branded-list-skeleton__item,.branded-skeleton,.branded-skeleton--glow:before,.branded-skeleton-image:after{animation:none}.branded-skeleton{background:#7c521b26;background:var(--skeleton-bronze-mid)}}@media (max-width:480px){.branded-content-card-skeleton,.branded-profile-skeleton{padding:1rem}.branded-profile-skeleton__avatar-wrapper{align-items:center;flex-direction:column;margin-top:-40px}.branded-profile-skeleton__info{padding-top:0;text-align:center}.branded-profile-skeleton__stats{gap:1.5rem;justify-content:center}}.branded-skeleton-container{animation:branded-fadeIn .3s ease-out;width:100%}.branded-skeleton-container .branded-content-card-skeleton:first-child{animation-delay:0s}.branded-skeleton-container .branded-content-card-skeleton:nth-child(2){animation-delay:.1s}.branded-skeleton-container .branded-content-card-skeleton:nth-child(3){animation-delay:.2s}.branded-skeleton-container .branded-content-card-skeleton:nth-child(4){animation-delay:.3s}.branded-skeleton-container .branded-content-card-skeleton:nth-child(5){animation-delay:.4s}.branded-skeleton-container .branded-content-card-skeleton:nth-child(6){animation-delay:.5s}.search-results-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000223e6;display:flex;height:100%;justify-content:center;left:0;padding-top:100px;position:fixed;top:0;width:100%;z-index:2000}.search-results-container{background:#000223;border:2px solid #7c521b;border-radius:12px;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.search-results-header{align-items:center;background:#7c521b1a;border-bottom:1px solid #7c521b4d;display:flex;justify-content:space-between;padding:20px 24px}.search-results-header h3{color:#ffa000;font-size:1.2rem;font-weight:600;margin:0}.close-search{align-items:center;background:none;border:none;border-radius:50%;color:#fffafeb3;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-search:hover{background:#ffa00026;color:#ffa000}.search-loading{align-items:center;color:#fffafeb3;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #7c521b4d;border-top-color:#ffa000;height:40px;margin-bottom:16px;width:40px}.search-error{color:#dc3545;padding:40px 20px;text-align:center}.no-results{color:#fffafeb3;padding:60px 20px;text-align:center}.no-results svg{color:#ffa000;margin-bottom:16px;opacity:.5}.no-results h4{color:#fffafe;margin:0 0 8px}.no-results p{color:#fffafeb3;font-size:14px;margin:0}.search-tabs{background:#000223;border-bottom:1px solid #7c521b4d;display:flex;overflow-x:auto}.search-tab{background:none;border:none;border-bottom:2px solid #0000;color:#fffafeb3;cursor:pointer;font-size:14px;font-weight:500;padding:16px 20px;transition:all .2s ease;white-space:nowrap}.search-tab.active,.search-tab:hover{background:#ffa0001a;color:#ffa000}.search-tab.active{border-bottom-color:#ffa000}.search-results-content{background:#000223;flex:1 1;overflow-y:auto;padding:20px 24px}.result-section{margin-bottom:32px}.result-section:last-child{margin-bottom:0}.result-section h4{border-bottom:1px solid #7c521b4d;color:#fffafe;font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.section-header h4{border:none;margin:0;padding:0}.view-all-btn{background:linear-gradient(135deg,#ffa000,#7c521b);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.view-all-btn:hover{box-shadow:0 4px 12px #ffa0004d;transform:translateY(-1px)}.result-list{display:flex;flex-direction:column;gap:12px}.search-result-item{align-items:center;background:#7c521b0d;border:1px solid #7c521b4d;border-radius:8px;color:inherit;display:flex;gap:12px;padding:12px;text-decoration:none;transition:all .2s ease}.search-result-item:hover{background:#ffa0001a;border-color:#ffa000;box-shadow:0 2px 8px #ffa0004d;color:inherit;text-decoration:none;transform:translateY(-1px)}.result-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.result-avatar img{height:100%;object-fit:cover;width:100%}.result-avatar-initials{align-items:center;background:linear-gradient(135deg,#ffa000,#7c521b);color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.result-thumbnail{border-radius:6px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.result-thumbnail img{height:100%;object-fit:cover;width:100%}.result-thumbnail-placeholder{align-items:center;background:#f0f2f5;color:#65676b;display:flex;height:100%;justify-content:center;width:100%}.result-content{flex:1 1;min-width:0}.result-content h4{border:none;color:#fffafe;font-size:14px;font-weight:600;padding:0}.result-content h4,.result-content p{margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-content p{color:#fffafeb3;font-size:13px}.result-bio,.result-skills{color:#fffafe99;display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-price{color:#42b883;display:block;font-size:13px;font-weight:600}.result-type{background:#7c521b4d;border:1px solid #ffa00033;border-radius:12px;color:#ffa000;flex-shrink:0;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.all-results .result-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}@media (max-width:768px){.search-results-overlay{padding-top:80px}.search-results-container{margin:0 auto;max-height:85vh;width:95%}.search-results-header{padding:16px 20px}.search-results-header h3{font-size:1.1rem}.search-results-content{padding:16px 20px}.search-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.search-tabs::-webkit-scrollbar{display:none}.search-tab{font-size:13px;padding:12px 16px}.search-result-item{gap:10px;padding:10px}.result-avatar,.result-thumbnail{height:36px;width:36px}.result-content h4{font-size:13px}.result-content p{font-size:12px}.result-type{font-size:10px;padding:3px 6px}}@media (max-width:480px){.search-results-overlay{padding-top:60px}.search-results-container{max-height:90vh;width:98%}.search-results-content,.search-results-header{padding:12px 16px}.result-section{margin-bottom:24px}.search-result-item{gap:8px;padding:8px}.result-avatar,.result-thumbnail{height:32px;width:32px}.result-content h4{font-size:12px}.result-bio,.result-content p,.result-skills{font-size:11px}}.create-button,.create-button-container{align-items:center;display:flex;justify-content:center;position:relative}.create-button{background:#ffa000;background:var(--primary-color,#ffa000);border:none;border-radius:50%;box-shadow:0 2px 8px #ffa0004d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:36px;transition:all .3s ease;width:36px}.create-button:hover{background:#cc8000;background:var(--primary-dark,#cc8000);box-shadow:0 4px 16px #ffa00066;transform:scale(1.05)}.create-button:active{transform:scale(.95)}.create-icon{height:20px;transition:transform .2s ease;width:20px}.create-icon.rotated{transform:rotate(45deg)}.create-dropdown{animation:createDropdownFadeIn .2s ease-out;left:50%;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);z-index:1002}.create-dropdown-content{background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:320px;min-width:280px;overflow:hidden}.create-dropdown-header{background:#fafafa;border-bottom:1px solid #eaeaea;padding:16px 20px 12px}.create-dropdown-header h4{color:#000223;color:var(--dark-color,#000223);font-size:16px;font-weight:600;margin:0}.create-options{padding:8px 0}.create-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;padding:12px 20px;text-align:left;transition:background-color .2s ease;width:100%}.create-option:hover{background:#f8f9fa}.create-option:active{background:#e9ecef}.create-option-icon{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;color:#ffa000;color:var(--primary-color,#ffa000);display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.create-option:hover .create-option-icon{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:scale(1.05)}.create-option-content{flex:1 1}.create-option-label{color:#000223;color:var(--dark-color,#000223);font-size:14px;font-weight:500;margin-bottom:2px}.create-option-description{color:#6c757d;font-size:12px;line-height:1.3}@keyframes createDropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.create-button{height:32px;width:32px}.create-icon{height:18px;width:18px}.create-dropdown{left:50%;max-width:300px;transform:translateX(-50%);width:calc(100vw - 40px)}.create-dropdown-content{max-width:none;min-width:auto}}@media (min-width:769px){.create-button:before{background:#000c;border-radius:4px;bottom:-32px;color:#fff;content:"Create";font-size:12px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.create-button:hover:before{opacity:1}}:root{--primary-color:#ffa000;--primary-dark:#cc8000;--secondary-color:#7c521b;--secondary-light:#a66825;--dark-color:#000223;--background-color:#fffafe;--accent-color:#7c521b;--light-color:#fffafe;--white:#fff;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-600:#6c757d;--gray-800:#343a40;--success:#28a745;--warning:#ffc107;--danger:#dc3545}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;width:100%}body{background-color:var(--body-bg)!important;color:var(--body-text)!important;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}.container{margin:0 auto;max-width:95%;padding:0 20px;width:100%}.layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.header{background:#000223;border-bottom:1px solid #1a1a3a;box-shadow:0 2px 4px #0000004d;left:0;padding:.5rem 1rem;position:fixed;top:0;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%;z-index:1000}.header:hover{box-shadow:0 2px 8px #0006}[data-theme=light] .header{background:#fff;border-bottom:1px solid #7c521b26;box-shadow:0 2px 4px #00000014}[data-theme=light] .header:hover{box-shadow:0 2px 8px #0000001f}.header .container{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;padding:0;width:100%}.header-search{flex:1 1;margin:0 2rem;max-width:320px}.search-container{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;display:flex;padding:8px 16px;position:relative;transition:all .2s ease;width:100%}[data-theme=light] .search-container{background:#0002230f;border-color:#00022326}.search-container form{align-items:center;display:flex;margin:0;padding:0;width:100%}.search-container:focus-within{background:#ffffff26;border-color:#ffa000;box-shadow:0 0 0 2px #ffa0004d}[data-theme=light] .search-container:focus-within{background:#00022314;border-color:#ffa000;box-shadow:0 0 0 2px #ffa00033}.search-icon{color:#fff;flex-shrink:0;margin-right:8px;transition:color .3s ease}[data-theme=light] .search-icon{color:#000223}.search-input{background:#0000;border:none;color:#fff;font-size:15px;outline:none;padding:0;pointer-events:auto;transition:color .3s ease;width:100%}[data-theme=light] .search-input{color:#000223}.search-input::placeholder{color:#ffffffb3;transition:color .3s ease}[data-theme=light] .search-input::placeholder{color:#00022399}.logo{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;text-decoration:none;transition:all .3s ease}.logo:hover{background-color:#ffa0001a}[data-theme=light] .logo:hover{background-color:#ffa00014}.logo-img{object-fit:contain}.logo-icon,.logo-img{border-radius:50%;height:40px;width:40px}.logo-icon{align-items:center;background:linear-gradient(135deg,#1877f2,#42a5f5);color:#fff;display:flex;font-size:1.2rem;justify-content:center}.logo-text{color:#ffa000;font-size:.95rem;font-weight:700;letter-spacing:-.5px;transition:color .3s ease}[data-theme=light] .logo-text{color:#000223}.footer-logo{align-items:center;display:flex;gap:10px;margin-bottom:1rem;text-decoration:none;transition:all .3s ease}.footer-logo:hover{filter:brightness(1.1);transform:translateY(-2px)}.footer-logo-img{border-radius:8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2));height:35px;object-fit:contain;width:35px}.footer-logo-text{color:#ffa000;font-size:1.1rem;font-weight:700;letter-spacing:-.3px}.nav{gap:.5rem}.nav,.nav-link{align-items:center;display:flex}.nav-link{background:#0000;border-bottom:3px solid #0000;border-radius:8px;color:#fff;flex-direction:column;font-size:12px;font-weight:500;height:56px;justify-content:center;min-width:80px;padding:12px 16px;position:relative;text-align:center;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#ffa00026;color:#ffa000;text-decoration:none}.nav-link.active{border-bottom-color:#ffa000;color:#ffa000}.nav-link svg{flex-shrink:0;margin-bottom:4px}.nav-link span{display:none;font-size:12px;line-height:1;white-space:nowrap}@media (min-width:1024px){.nav-link{background-color:initial;border-radius:20px;height:40px;padding:0 16px;width:auto}.nav-link span{display:inline}.nav-link:hover{background-color:#ffa00026}}@media (max-width:1024px) and (min-width:769px){.header-search{margin:0 1rem;max-width:240px}}.auth-section{gap:.5rem}.auth-section,.header-icons{align-items:center;display:flex}.header-icons{gap:8px;margin-right:12px}.icon-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px;z-index:10}[data-theme=light] .icon-button{background:#00022314;color:#000223}.icon-button:hover{background:#ffa00033;color:#ffa000}[data-theme=light] .icon-button:hover{background:#ffa00026;color:#cc8000}.icon-button:focus{box-shadow:0 0 0 2px #ffa000;outline:none}.expandable-search{align-items:center;display:flex;position:relative;transition:all .3s ease}.expandable-search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;overflow:hidden;pointer-events:none;position:absolute;right:48px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:0;z-index:1005}.expandable-search.expanded .expandable-search-input{background:#fff3;border-color:#ffa000;box-shadow:0 0 0 2px #ffa0004d;padding:8px 16px;pointer-events:auto;width:250px}.expandable-search-input form{margin:0;padding:0;width:100%}.search-input-expanded{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#fff;font-size:14px;outline:none;padding:0;pointer-events:auto;width:100%}.search-input-expanded::placeholder{color:#ffffffb3}@media (max-width:768px){.search-input-expanded{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}}.expandable-search.expanded .expandable-search-input:focus-within{background:#ffffff26;border-color:#ffa000;box-shadow:0 0 0 2px #ffa0004d}.search-toggle{z-index:1010}.expandable-search.expanded .search-toggle{background:#ffa0004d;color:#ffa000}.mobile-search{position:relative}.mobile-search .icon-button{height:36px;width:36px}.mobile-search .expandable-search-input{pointer-events:none;right:44px;z-index:1005}.mobile-search.expanded .expandable-search-input{background:#fff3;border-color:#ffa000;box-shadow:0 0 0 2px #ffa0004d;pointer-events:auto}.admin-link{background:#1877f2!important;border-radius:20px!important;color:#fff!important;font-size:.9rem!important;font-weight:600!important;padding:8px 16px!important;text-decoration:none!important;transition:all .2s ease!important}.admin-link:hover{background:#166fe5!important;transform:translateY(-1px)!important}.get-started-btn{background:#ffa000;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.get-started-btn:hover{background:#cc8000;transform:translateY(-1px)}.mobile-auth-buttons,.mobile-auth-section,.mobile-header-controls{align-items:center;display:flex;gap:.5rem}.mobile-admin-link,.mobile-get-started-btn{border-radius:16px;font-size:.8rem;padding:6px 12px;transition:all .2s ease}.mobile-admin-link{background:#1877f2;color:#fff;font-weight:600;text-decoration:none}.mobile-admin-link:hover{background:#166fe5}.menu-toggle{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}[data-theme=light] .menu-toggle{background:#00022314}.menu-toggle:hover{background:#ffa00033}[data-theme=light] .menu-toggle:hover{background:#ffa00026}.menu-toggle span{background:#fff;border-radius:1px;height:2px;margin:2px 0;transition:all .3s ease;width:18px}[data-theme=light] .menu-toggle span{background:#000223}.menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-get-started-btn{background:#ffa000;border:none;border-radius:20px;box-shadow:0 2px 8px #ffa0004d;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.mobile-get-started-btn:hover{background:#cc8000;box-shadow:0 4px 12px #ffa00066;transform:translateY(-1px)}.mobile-admin-link{background:linear-gradient(135deg,#7c521b,#ffa000)!important;border-radius:15px!important;color:#fff!important;font-size:.8rem!important;font-weight:600!important;padding:6px 12px!important;text-decoration:none!important;transition:all .3s ease!important}.mobile-admin-link:hover{box-shadow:0 3px 10px #7c521b4d!important;transform:translateY(-1px)!important}.desktop-auth-section{align-items:center;display:flex}@media (min-width:769px){.mobile-header-controls{display:none!important}.desktop-auth-section{display:flex}}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:.5rem;z-index:1001}.secondary-navbar{background:#000223;border-bottom:1px solid #1a1a3a;box-shadow:0 2px 4px #0003;left:0;position:fixed;top:64px;width:100%;z-index:999}.secondary-nav-links{gap:2rem;padding:12px 0}.secondary-nav-link,.secondary-nav-links{align-items:center;display:flex;justify-content:center}.secondary-nav-link{border-radius:8px;color:#fff;flex-direction:column;font-size:12px;font-weight:500;gap:4px;min-width:60px;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease}.secondary-nav-links .create-button-container{align-self:center;margin:0 .5rem}.secondary-nav-link:hover{background:#ffa00026;color:#ffa000;text-decoration:none}.secondary-nav-link.active{background:#ffa0001a;color:#ffa000}.secondary-nav-link svg{flex-shrink:0;height:20px;width:20px}.secondary-nav-link span{white-space:nowrap}.main-content{background-color:var(--body-bg)!important;color:var(--body-text)!important;flex:1 1;min-height:calc(100vh - 112px);padding-bottom:2rem;padding-top:112px;transition:background-color .3s ease,color .3s ease}.footer{background:#000223!important;border-top:2px solid #7c521b;color:#fffafe;margin-top:auto;padding:4rem 0 2rem;position:relative}.footer:after,.footer:before{display:none!important}.footer-content{grid-gap:2.5rem;background:none!important;display:grid;gap:2.5rem;grid-template-columns:repeat(5,1fr);margin-bottom:2rem;position:relative;z-index:1}.footer-content:after,.footer-content:before{display:none!important}.footer-section h3,.footer-section h4{color:#fffafe;font-weight:600;margin-bottom:1.5rem}.footer-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffa000,#7c521b);-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.footer-section h4{color:#ffa000;font-size:1.1rem;letter-spacing:.5px}.footer-section p{color:#fffafed9;line-height:1.6;margin-bottom:.75rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#fffafebf;display:inline-block;padding:.25rem 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-section ul li a:after{background:linear-gradient(90deg,#ffa000,#7c521b);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-section ul li a:hover{color:#ffa000;transform:translateX(5px)}.footer-section ul li a:hover:after{width:100%}.social-links{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.social-link{align-items:center;background:#0000;border-radius:8px;color:#fffafebf;display:flex;font-size:.9rem;gap:.75rem;padding:.5rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#ffa0001a;color:#ffa000;transform:translateX(5px)}.social-link i{align-items:center;color:currentColor;display:flex;flex-shrink:0;font-size:1.1rem;height:20px;justify-content:center;transition:transform .3s ease;width:20px}.social-link:hover i{transform:scale(1.15)}.social-link svg{fill:currentColor;flex-shrink:0;height:18px;width:18px}.footer-bottom{border-top:1px solid #7c521b4d;color:#fffafe99;font-size:.9rem;padding-top:2rem;position:relative;text-align:center;z-index:1}@media (max-width:1200px){.footer-content{gap:2rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.footer-content{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{max-width:100%;padding:0 15px}.header-search{display:none}.menu-toggle,.mobile-search{display:none!important}.header{border-radius:0;left:0;max-width:100%;padding:.625rem 1rem;top:0;width:100%}.header .container{gap:.5rem}.logo{gap:8px;padding:4px 8px}.logo-img{height:28px;width:28px}.logo-text{font-size:1rem;font-weight:700}.mobile-auth-section{align-items:center;display:flex;gap:.75rem}.mobile-notification-btn{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;position:relative;text-decoration:none;transition:all .2s ease;width:40px}[data-theme=light] .mobile-notification-btn{background:#00022314;color:#000223}.mobile-notification-btn:hover{background:#ffa00033;color:#ffa000;transform:scale(1.05)}[data-theme=light] .mobile-notification-btn:hover{background:#ffa00026;color:#cc8000}.mobile-notification-btn i{font-size:1.125rem}.mobile-notification-btn:after{background:#ffa000;border:2px solid #000223;border-radius:50%;content:"";height:8px;opacity:0;position:absolute;right:8px;top:8px;transition:border-color .3s ease;width:8px}[data-theme=light] .mobile-notification-btn:after{border-color:#fff}.mobile-notification-btn.has-notifications:after{opacity:1}.mobile-user-menu-wrapper{align-items:center;border-radius:20px;cursor:pointer;display:flex;gap:.25rem;padding:4px 8px;transition:all .2s ease}.mobile-user-menu-wrapper:hover{background:#ffffff1a}[data-theme=light] .mobile-user-menu-wrapper:hover{background:#0002230f}.mobile-dropdown-arrow{color:#fff;font-size:.75rem;transition:all .2s ease}[data-theme=light] .mobile-dropdown-arrow{color:#000223}.mobile-user-menu-wrapper:hover .mobile-dropdown-arrow{color:#ffa000}[data-theme=light] .mobile-user-menu-wrapper:hover .mobile-dropdown-arrow{color:#cc8000}.secondary-navbar{display:none}.header .container{flex-direction:row;gap:0;justify-content:space-between;padding:0}.menu-toggle,.mobile-header-controls{display:flex}.nav{background:#000223;border:1px solid #7c521b;border-radius:0;border-top:none;box-shadow:0 8px 32px #0006;flex-direction:column;gap:.5rem;left:0;max-width:100%;opacity:0;padding:1rem;position:fixed;top:60px;transition:all .3s ease;visibility:hidden;width:100%;z-index:999}.nav-open{opacity:1;visibility:visible}.desktop-auth-section{display:none}.nav-link{background:#0000;border-bottom:none;border-radius:8px;color:#fffafe;flex-direction:row;font-size:14px;gap:12px;height:auto;min-width:auto;padding:12px 16px;text-align:left;width:100%}.nav-link:hover{background:#ffa00026;color:#ffa000}.nav-link svg{height:20px;margin-bottom:0;width:20px}.nav-link span{display:inline;font-size:14px}.nav-link i{align-items:center;color:#ffa000;display:flex;height:20px;justify-content:center;width:20px}.logo-text{font-size:.9rem}.main-content{padding-top:70px}.footer-content{gap:2rem;grid-template-columns:1fr 1fr;text-align:left}}@media (max-width:480px){.container{padding:0 10px}.mobile-search.expanded .expandable-search-input{right:38px;width:140px}.search-input-expanded{font-size:13px}.header{border-radius:0;left:0;max-width:100%;padding:.5rem .75rem;top:0;width:100%}.secondary-navbar{top:60px}.secondary-nav-links{gap:.5rem;padding:8px 0}.secondary-nav-link{font-size:10px;gap:2px;min-width:40px;padding:4px 8px}.secondary-nav-link svg{height:16px;width:16px}.secondary-nav-link span{font-size:12px}.nav{border-radius:0;left:0;top:100px;width:100%}.mobile-header-controls{gap:.75rem}.mobile-get-started-btn{font-size:.8rem;padding:6px 12px}.mobile-admin-link{font-size:.75rem!important;padding:5px 10px!important}.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}.social-links{align-items:center;justify-content:center}.container{max-width:100%;padding:1.5rem}.logo-icon,.logo-img{height:35px;width:35px}.logo-icon{font-size:1.2rem}.logo-text{font-size:.85rem}.nav-link{font-size:.9rem;padding:.8rem 1rem}.main-content{padding-top:65px}}@media (max-width:360px){.secondary-nav-links{gap:.25rem}.secondary-nav-link span{display:none}.secondary-nav-link{min-width:32px;padding:6px}.mobile-search.expanded .expandable-search-input{right:36px;width:110px}.search-input-expanded{font-size:12px}}@media (min-width:1400px){.container{max-width:95%}}@media (min-width:1800px){.container{max-width:95%}}.header .icon,.main-nav .icon,.user-menu .icon{color:#7c521b!important;color:var(--secondary-color)!important}[style*="background-color: #000223"] .icon,[style*="background-color:#000223"] .icon,[style*="background: #000223"] .icon,[style*="background:#000223"] .icon{color:#ffa000!important;color:var(--primary-color)!important}.footer .icon,.mobile-menu .icon,.sidebar .icon{color:#7c521b!important;color:var(--secondary-color)!important}.footer[style*="background: #000223"] .icon,.footer[style*="background:#000223"] .icon{color:#ffa000!important;color:var(--primary-color)!important}.btn .icon{margin-right:.5rem}.btn-primary .icon{color:#ffa000!important;color:var(--primary-color)!important}.btn-outline-secondary .icon,.btn-secondary .icon,.nav-link .icon,.search-bar .icon,.search-input .icon{color:#7c521b!important;color:var(--secondary-color)!important}.nav-link .icon{margin-right:.75rem}.nav-link:hover .icon{color:#ffa000!important;color:var(--primary-color)!important}.mobile-menu .icon{color:#7c521b!important;color:var(--secondary-color)!important}.mobile-menu[style*="background: #000223"] .icon,.mobile-menu[style*="background:#000223"] .icon{color:#ffa000!important;color:var(--primary-color)!important}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000223;background:var(--bottom-nav-bg,#000223);border-top:1px solid #ffa00033;border-top:1px solid var(--bottom-nav-border,#ffa00033);bottom:0;box-shadow:0 -2px 10px #0000004d;display:none;height:56px;left:0;position:fixed;right:0;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}[data-theme=light] .bottom-nav{background:#fffafe;background:var(--bottom-nav-bg,#fffafe);border-top-color:#00022326;border-top-color:var(--bottom-nav-border,#00022326);box-shadow:0 -2px 10px #0000001a}@media (max-width:768px){.bottom-nav{display:block}}.bottom-nav--hidden{transform:translateY(100%)}.bottom-nav--visible{transform:translateY(0)}.bottom-nav__container{align-items:center;display:flex;height:100%;justify-content:space-around;margin:0 auto;max-width:100%;padding:0 .5rem}.bottom-nav__item{align-items:center;border-radius:12px;color:#fffafe99;color:var(--bottom-nav-text,#fffafe99);display:flex;flex:1 1;flex-direction:column;gap:.25rem;justify-content:center;min-height:48px;min-width:48px;padding:.5rem .75rem;position:relative;text-decoration:none;transition:all .2s ease}[data-theme=light] .bottom-nav__item{color:#00022399;color:var(--bottom-nav-text,#00022399)}.bottom-nav__item:hover{background:#ffa0001a;color:#ffa000;color:var(--bottom-nav-text-hover,#ffa000)}.bottom-nav__item--active{color:#ffa000;color:var(--bottom-nav-text-active,#ffa000)}.bottom-nav__item--active:before{animation:slideDown .3s ease;background:linear-gradient(90deg,#ffa000,#e68900);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:32px}.bottom-nav__item--special{color:#ffa000}.bottom-nav__item--special .bottom-nav__icon{transform:scale(1.15)}.bottom-nav__item--special:hover{background:#ffa00026}.bottom-nav__item--special.bottom-nav__item--active{color:#e68900}.bottom-nav__icon{font-size:1.25rem;transition:transform .2s ease}.bottom-nav__item--active .bottom-nav__icon{transform:scale(1.1)}.bottom-nav__label{font-size:.6875rem;font-weight:500;text-align:center;transition:all .2s ease;white-space:nowrap}.bottom-nav__item--active .bottom-nav__label{font-weight:600}@media (max-width:768px){body{padding-bottom:56px}}@media (min-width:769px) and (max-width:1024px){.bottom-nav{display:none}}@media (max-width:360px){.bottom-nav__label{font-size:.625rem}.bottom-nav__icon{font-size:1.125rem}.bottom-nav__item{gap:.125rem;padding:.375rem .5rem}}.bottom-nav__create-menu{animation:slideUpFadeIn .3s cubic-bezier(.16,1,.3,1);background:#0a0a2e;background:var(--create-menu-bg,#0a0a2e);border-radius:16px;bottom:72px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffa00033;left:50%;max-width:400px;overflow:hidden;position:fixed;transform:translateX(-50%);width:calc(100% - 2rem);z-index:999}[data-theme=light] .bottom-nav__create-menu{background:#fffafe;background:var(--create-menu-bg,#fffafe);box-shadow:0 8px 32px #00000026,0 0 0 1px #7c521b33}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.create-menu__header{align-items:center;border-bottom:1px solid #ffa00033;display:flex;justify-content:space-between;padding:1rem 1.25rem}[data-theme=light] .create-menu__header{border-bottom-color:#7c521b33}.create-menu__header h3{color:#fffafe;color:var(--text-primary,#fffafe);font-size:1.125rem;font-weight:600;margin:0}[data-theme=light] .create-menu__header h3{color:#000223;color:var(--text-primary,#000223)}.create-menu__close{align-items:center;background:none;border:none;border-radius:8px;color:#fffafe99;color:var(--text-secondary,#fffafe99);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;transition:all .2s ease}[data-theme=light] .create-menu__close{color:#00022399;color:var(--text-secondary,#00022399)}.create-menu__close:hover{background:#ffa0001a;color:#ffa000}.create-menu__options{padding:.5rem}.create-menu__option{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.create-menu__option:hover{background:#ffa0001a}.create-menu__option:active{transform:scale(.98)}.create-menu__option-icon{align-items:center;background:linear-gradient(135deg,#ffa000,#e68900);border-radius:12px;color:#000223;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.create-menu__option-text{display:flex;flex-direction:column;gap:.25rem}.create-menu__option-label{color:#fffafe;color:var(--text-primary,#fffafe);font-size:1rem;font-weight:600}[data-theme=light] .create-menu__option-label{color:#000223;color:var(--text-primary,#000223)}.create-menu__option-description{color:#fffafeb3;color:var(--text-secondary,#fffafeb3);font-size:.875rem}[data-theme=light] .create-menu__option-description{color:#000223b3;color:var(--text-secondary,#000223b3)}.bottom-nav__item--create-btn{background:none;border:none;cursor:pointer}@media (prefers-reduced-motion:reduce){.bottom-nav,.bottom-nav__create-menu,.bottom-nav__icon,.bottom-nav__item{animation:none;transition:none}.bottom-nav__item--active:before{animation:none}}[data-theme=dark] .bottom-nav{background:#000223f2}[data-theme=light] .bottom-nav{background:#fffafef2}.page-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;width:100%}.page-loading-spinner{height:60px;margin-bottom:1rem;position:relative;width:60px}.spinner-ring{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--primary-color,#ffa000);height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#ffa00099}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#ffa0004d}.page-loading-message{animation:pulse 1.5s ease-in-out infinite;color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.9rem;margin:0}@media (max-width:768px){.page-loading-container{min-height:50vh;padding:1rem}.page-loading-spinner{height:50px;width:50px}.page-loading-message{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.spinner-ring{border:3px solid #ffa000;border:3px solid var(--primary-color,#ffa000)}.page-loading-message,.spinner-ring{animation:none}}.network-banner{animation:slideDown .3s ease-out;box-shadow:0 2px 8px #0000001a;left:0;padding:8px 16px;position:fixed;right:0;top:60px;z-index:999}.network-banner--dismissing{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.network-banner__content{align-items:center;display:flex;gap:10px;margin:0 auto;max-width:1200px}.network-banner__icon{flex-shrink:0;height:16px;width:16px}.network-banner__text{display:flex;flex-direction:column;gap:1px;min-width:0}.network-banner__title{font-size:13px;font-weight:600;line-height:1.3}.network-banner__description{font-size:12px;line-height:1.3;opacity:.9}.network-banner--offline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.network-banner--warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.network-banner--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.network-banner__icon--weak{animation:pulse 2s ease-in-out infinite}@media (max-width:768px){.network-banner{padding:6px 12px;top:56px}.network-banner__content{gap:8px}.network-banner__icon{height:14px;width:14px}.network-banner__title{font-size:12px}.network-banner__description{font-size:11px}}@media (prefers-color-scheme:dark){.network-banner{box-shadow:0 2px 8px #0000004d}}@media (prefers-reduced-motion:reduce){.network-banner{animation:none}.network-banner__icon--weak{animation:none;opacity:.7}}@media print{.network-banner{display:none!important}}.performance-dashboard-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.performance-dashboard{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-primary,#e0e0e0);border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}@media (prefers-color-scheme:dark){.performance-dashboard{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-color:#333;border-color:var(--border-primary,#333);color:#fff;color:var(--text-primary,#fff)}}.dashboard-header{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-primary,#e0e0e0);justify-content:space-between;padding:24px}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:24px}.dashboard-header h2{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:24px;font-weight:600;margin:0}.performance-score{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-secondary,#e1e5e9);border-radius:8px;display:flex;gap:8px;padding:8px 16px}.score-label{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;font-weight:500}.score-value{border-radius:6px;font-size:20px;font-weight:700;padding:4px 8px}.score-value.excellent{background:#d4edda;color:#155724}.score-value.good{background:#fff3cd;color:#856404}.score-value.needs-improvement{background:#f8d7da;color:#721c24}.score-value.poor{background:#f5c6cb;color:#721c24}.header-controls{gap:16px}.auto-refresh,.header-controls{align-items:center;display:flex}.auto-refresh{color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;font-size:14px;gap:8px}.auto-refresh input[type=checkbox]{height:16px;width:16px}.btn-close,.btn-export{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-export{background:#007bff;background:var(--primary-color,#007bff);color:#fff}.btn-export:hover{background:#0056b3;background:var(--primary-dark,#0056b3);transform:translateY(-1px)}.btn-close{align-items:center;background:#e9ecef;background:var(--bg-tertiary,#e9ecef);color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;font-size:18px;height:36px;justify-content:center;padding:0;width:36px}.btn-close:hover{background:#dc3545;background:var(--danger-color,#dc3545);color:#fff}.dashboard-tabs{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-primary,#e0e0e0);display:flex;overflow-x:auto}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;font-size:14px;font-weight:500;padding:16px 24px;transition:all .2s ease;white-space:nowrap}.tab:hover{background:#e9ecef;background:var(--bg-tertiary,#e9ecef);color:#2c3e50;color:var(--text-primary,#2c3e50)}.tab.active{border-bottom-color:#007bff;border-bottom-color:var(--primary-color,#007bff);color:#007bff;color:var(--primary-color,#007bff)}.dashboard-content,.tab.active{background:#fff;background:var(--bg-primary,#fff)}.dashboard-content{flex:1 1;overflow-y:auto;padding:24px}.overview-panel{display:flex;flex-direction:column;gap:32px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--border-secondary,#e1e5e9);border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-title{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;font-weight:500;margin-bottom:8px}.metric-value{align-items:baseline;color:#2c3e50;color:var(--text-primary,#2c3e50);display:flex;font-size:28px;font-weight:700;gap:4px;justify-content:center}.metric-unit{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;font-weight:400}.web-vitals-overview h3{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:20px;margin:0 0 20px}.vitals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.vital-item{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--border-secondary,#e1e5e9);border-radius:12px;overflow:hidden;padding:20px;position:relative;text-align:center}.vital-item:before{background:var(--vital-color);content:"";height:4px;left:0;position:absolute;right:0;top:0}.vital-item.good{--vital-color:#28a745}.vital-item.needs-improvement{--vital-color:#ffc107}.vital-item.poor{--vital-color:#dc3545}.vital-label{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;font-weight:500;margin-bottom:8px}.vital-value{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:32px;font-weight:700;margin-bottom:8px}.vital-status{border-radius:12px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.vital-status.good{background:#d4edda;color:#155724}.vital-status.needs-improvement{background:#fff3cd;color:#856404}.vital-status.poor{background:#f8d7da;color:#721c24}.web-vitals-panel{display:flex;flex-direction:column;gap:32px}.vital-detail{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--border-secondary,#e1e5e9);border-radius:12px;padding:24px}.vital-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.vital-header h3{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:18px;margin:0}.status-badge{border-radius:16px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.vital-metric{margin:24px 0;text-align:center}.vital-metric .metric-value{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:48px;font-weight:700}.threshold-bar{border-radius:4px;display:flex;height:8px;margin:20px 0;overflow:hidden}.threshold{align-items:center;color:#fff;display:flex;flex:1 1;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.5px;text-transform:uppercase}.threshold.good{background:#28a745}.threshold.needs-improvement{background:#ffc107}.threshold.poor{background:#dc3545}.vital-description{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;line-height:1.5}.resources-panel{display:flex;flex-direction:column;gap:24px}.resource-group h3{align-items:center;color:#2c3e50;color:var(--text-primary,#2c3e50);display:flex;font-size:18px;gap:8px;margin:0 0 16px}.resource-list{display:flex;flex-direction:column;gap:12px}.resource-item{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--border-secondary,#e1e5e9);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.resource-info{flex:1 1;min-width:0}.resource-name{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-details{color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;font-size:12px;gap:12px}.resource-details .cached{background:#d4edda;border-radius:4px;color:#155724;padding:2px 6px}.resource-bar{background:#e9ecef;background:var(--bg-tertiary,#e9ecef);border-radius:2px;height:4px;margin-left:16px;overflow:hidden;width:100px}.resource-bar .bar{height:100%;transition:width .3s ease}.resource-bar .bar.fast{background:#28a745}.resource-bar .bar.slow{background:#dc3545}.components-panel{display:flex;flex-direction:column;gap:20px}.component-item{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--border-secondary,#e1e5e9);border-radius:12px;padding:20px}.component-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.component-header h3{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:16px;margin:0}.component-stats{color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;font-size:12px;gap:16px}.render-timeline{align-items:end;background:#fff;background:var(--bg-primary,#fff);border:1px solid #f1f3f4;border:1px solid var(--border-tertiary,#f1f3f4);border-radius:6px;display:flex;gap:2px;height:50px;padding:8px}.render-bar{border-radius:2px;transition:all .2s ease;width:4px}.render-bar.fast{background:#28a745}.render-bar.slow{background:#dc3545}.render-bar:hover{cursor:pointer;transform:scaleY(1.1)}.network-panel{display:flex;flex-direction:column;gap:24px}.network-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.network-requests{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--border-secondary,#e1e5e9);border-radius:12px;padding:20px}.network-requests h3{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:18px;margin:0 0 16px}.network-request{align-items:center;border-bottom:1px solid #f1f3f4;border-bottom:1px solid var(--border-tertiary,#f1f3f4);display:flex;justify-content:space-between;padding:8px 0}.network-request:last-child{border-bottom:none}.request-info{display:flex;justify-content:space-between;width:100%}.request-name{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:14px}.request-time{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px}.suggestions-panel{display:flex;flex-direction:column;gap:16px}.no-suggestions{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--border-secondary,#e1e5e9);border-radius:12px;color:#6c757d;color:var(--text-secondary,#6c757d);padding:40px;text-align:center}.suggestions-list{display:flex;flex-direction:column;gap:12px}.suggestion-item{align-items:flex-start;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e1e5e9;border-left:4px solid #ffc107;border:1px solid var(--border-secondary,#e1e5e9);border-left:4px solid var(--warning-color,#ffc107);border-radius:8px;display:flex;gap:16px;padding:16px}.suggestion-icon{font-size:20px;margin-top:2px}.suggestion-content{flex:1 1}.suggestion-text{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:14px;line-height:1.4;margin-bottom:4px}.suggestion-time{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px}@media (max-width:768px){.performance-dashboard{margin:10px;max-height:95vh}.dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.header-controls,.header-left{justify-content:space-between}.dashboard-tabs{overflow-x:scroll}.metrics-grid,.network-overview,.vitals-grid{grid-template-columns:1fr}.component-header,.resource-item{align-items:stretch;flex-direction:column;gap:8px}.resource-bar{margin-left:0;width:100%}}.onboarding-tour{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:100000}.onboarding-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;bottom:0;left:0;pointer-events:all;position:absolute;right:0;top:0}.onboarding-spotlight{animation:pulse 2s infinite;border-radius:12px;box-shadow:0 0 0 4px #ffa00080,0 0 0 2000px #000000b3;pointer-events:none;position:absolute;transition:all .3s ease;z-index:1}.onboarding-tooltip{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;max-width:420px;pointer-events:all;position:absolute;width:calc(100vw - 40px);z-index:2}.onboarding-tooltip,.onboarding-tooltip.center{animation:slideIn .4s ease}.onboarding-tooltip.bottom,.onboarding-tooltip.bottom-left{animation:slideFromTop .4s ease}.onboarding-tooltip.top{animation:slideFromBottom .4s ease}.onboarding-tooltip.left{animation:slideFromRight .4s ease}.onboarding-tooltip.right{animation:slideFromLeft .4s ease}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.onboarding-progress{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.onboarding-progress-bar{background:#e0e0e0;border-radius:3px;flex:1 1;height:6px;margin-right:12px;overflow:hidden}.onboarding-progress-fill{background:linear-gradient(90deg,#ffa000,#ff8f00);border-radius:3px;height:100%;transition:width .3s ease}.onboarding-progress-text{color:#6c757d;font-size:12px;font-weight:600;white-space:nowrap}.onboarding-content{padding:24px}.onboarding-title-wrapper{align-items:center;display:flex;gap:12px;margin-bottom:12px}.onboarding-title-icon{animation:iconPulse 2s ease-in-out infinite;color:#ffa000;flex-shrink:0}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.onboarding-title{color:#2c3e50;font-size:20px;font-weight:700;line-height:1.3;margin:0}.onboarding-description{color:#6c757d;font-size:15px;line-height:1.6;margin:0}.onboarding-actions{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.onboarding-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.onboarding-btn-skip{background:#0000;color:#6c757d;padding:10px 16px}.onboarding-btn-skip:hover{background:#f8f9fa;color:#2c3e50}.onboarding-nav{display:flex;gap:8px}.onboarding-btn-prev{background:#f8f9fa;border:1px solid #e0e0e0;color:#2c3e50}.onboarding-btn-prev:hover{background:#e9ecef;transform:translateX(-2px)}.onboarding-btn-next{background:linear-gradient(135deg,#ffa000,#ff8f00);box-shadow:0 4px 12px #ffa0004d;color:#fff}.onboarding-btn-next:hover{box-shadow:0 6px 16px #ffa00066;transform:translateY(-2px)}@media (max-width:768px){.onboarding-tooltip{max-width:340px;width:calc(100vw - 32px)}.onboarding-title-icon{height:24px;width:24px}.onboarding-title{font-size:18px}.onboarding-description{font-size:14px}.onboarding-actions{align-items:stretch;flex-direction:column}.onboarding-btn-skip{order:2}.onboarding-nav{order:1;width:100%}.onboarding-btn-next,.onboarding-btn-prev{flex:1 1}}@media (prefers-color-scheme:dark){.onboarding-tooltip{background:#1a1a1a;border:1px solid #333}.onboarding-actions,.onboarding-progress{border-color:#333}.onboarding-progress-bar{background:#333}.onboarding-title{color:#fff}.onboarding-description{color:#9ca3af}.onboarding-btn-prev{background:#2a2a2a;border-color:#444;color:#fff}.onboarding-btn-prev:hover{background:#333}}.shortcuts-modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.shortcuts-modal{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;left:50%;max-height:calc(100vh - 80px);max-width:720px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 32px);z-index:10001}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.shortcuts-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.shortcuts-modal-title-wrapper{align-items:center;display:flex;gap:12px}.shortcuts-modal-icon{color:#ffa000}.shortcuts-modal-title{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.shortcuts-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.shortcuts-modal-close:hover{background:#f8f9fa;color:#2c3e50}.shortcuts-modal-content{flex:1 1;overflow-y:auto;padding:24px}.shortcuts-section{margin-bottom:32px}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-section-title{color:#6c757d;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcut-row{align-items:center;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:12px;transition:background .2s ease}.shortcut-row:hover{background:#f8f9fa}.shortcut-keys{align-items:center;display:flex;flex-shrink:0;gap:4px}.shortcut-key{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 2px 0 0 #d0d0d0,0 2px 4px #0000001a;color:#2c3e50;display:inline-flex;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:0 10px;text-transform:uppercase}.shortcut-separator{color:#9ca3af;font-size:12px;font-weight:500;margin:0 4px}.shortcut-description{color:#2c3e50;flex:1 1;font-size:15px;font-weight:500}.shortcuts-modal-footer{background:#f8f9fa;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid #e0e0e0;padding:16px 24px}.shortcuts-modal-hint{color:#6c757d;font-size:14px;margin:0;text-align:center}.shortcut-key-inline{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#2c3e50;display:inline-flex;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 6px}@media (max-width:768px){.shortcuts-modal{max-height:calc(100vh - 40px);max-width:calc(100vw - 24px)}.shortcuts-modal-header{padding:20px}.shortcuts-modal-title{font-size:20px}.shortcuts-modal-content{padding:20px}.shortcuts-section{margin-bottom:24px}.shortcut-row{align-items:flex-start;flex-direction:column;gap:8px}.shortcut-keys{justify-content:flex-start;width:100%}.shortcut-description{width:100%}.shortcut-key{font-size:12px;height:28px;min-width:28px;padding:0 8px}}@media (prefers-color-scheme:dark){.shortcuts-modal{background:#1a1a1a;border:1px solid #333}.shortcuts-modal-footer,.shortcuts-modal-header{border-color:#333}.shortcut-description,.shortcuts-modal-title{color:#fff}.shortcuts-modal-close{color:#9ca3af}.shortcuts-modal-close:hover{background:#2a2a2a;color:#fff}.shortcuts-section-title{color:#9ca3af}.shortcut-row:hover{background:#2a2a2a}.shortcut-key{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-color:#444;box-shadow:0 2px 0 0 #444,0 2px 4px #0000004d;color:#fff}.shortcuts-modal-footer{background:#1f1f1f}.shortcuts-modal-hint{color:#9ca3af}.shortcut-key-inline{background:#2a2a2a;border-color:#444;color:#fff}}.shortcuts-modal-content::-webkit-scrollbar{width:8px}.shortcuts-modal-content::-webkit-scrollbar-track{background:#0000}.shortcuts-modal-content::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}.shortcuts-modal-content::-webkit-scrollbar-thumb:hover{background:#b0b0b0}@media (prefers-color-scheme:dark){.shortcuts-modal-content::-webkit-scrollbar-thumb{background:#444}.shortcuts-modal-content::-webkit-scrollbar-thumb:hover{background:#555}}.scroll-to-top-btn{align-items:center;animation:slideInUp .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffa000,#ff8f00);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #ffa0004d,0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:1000}.scroll-to-top-btn:hover{box-shadow:0 8px 20px #ffa00066,0 4px 8px #00000026;transform:translateY(-4px) scale(1.05)}.scroll-to-top-btn:active{transform:translateY(-2px) scale(1);transition:all .1s ease}.scroll-to-top-btn:focus{box-shadow:0 4px 12px #ffa0004d,0 0 0 3px #ffa00033;outline:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.scroll-to-top-btn{bottom:80px;height:44px;right:16px;width:44px}.scroll-to-top-btn svg{height:18px;width:18px}}@media (prefers-color-scheme:dark){.scroll-to-top-btn{background:linear-gradient(135deg,#ff8f00,#ffa000);box-shadow:0 4px 12px #ff8f0066,0 2px 4px #0000004d}.scroll-to-top-btn:hover{box-shadow:0 8px 20px #ff8f0080,0 4px 8px #0006}}@media (prefers-reduced-motion:reduce){.scroll-to-top-btn{animation:none;transition:opacity .2s ease}.scroll-to-top-btn:hover{transform:none}}.lightbox-overlay{align-items:center;animation:lightbox-fade-in .3s ease-out;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.lightbox-container{align-items:center;display:flex;flex-direction:column;max-height:95vh;max-width:95vw;position:relative}.lightbox-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:12px;position:absolute;right:0;top:-50px;transition:background-color .2s;z-index:10}.lightbox-close:hover{background:#fff3}.lightbox-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:16px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s;z-index:10}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:-70px}.lightbox-next{right:-70px}.lightbox-content{align-items:center;display:flex;flex-direction:column;gap:20px}.lightbox-image{border-radius:8px;box-shadow:0 10px 30px #00000080;max-height:70vh;max-width:90vw;object-fit:contain}.lightbox-info{color:#fff;text-align:center}.lightbox-title{font-size:1.5rem;font-weight:600;margin:0 0 8px}.lightbox-counter{color:#fffc;font-size:.9rem;margin:0}.lightbox-thumbnails{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:8px;margin-top:20px;max-width:80vw;overflow-x:auto;padding:12px}.lightbox-thumbnail{background:none;border:none;border-radius:4px;cursor:pointer;opacity:.6;overflow:hidden;padding:0;transition:opacity .2s,transform .2s}.lightbox-thumbnail:hover{opacity:.8;transform:scale(1.05)}.lightbox-thumbnail.active{box-shadow:0 0 0 2px #3b82f6;opacity:1}.lightbox-thumbnail img{display:block;height:40px;object-fit:cover;width:60px}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.lightbox-close{padding:10px;right:10px;top:-40px}.lightbox-nav{padding:12px}.lightbox-prev{left:-50px}.lightbox-next{right:-50px}.lightbox-image{max-height:60vh;max-width:95vw}.lightbox-thumbnails{max-width:90vw;padding:8px}.lightbox-thumbnail img{height:35px;width:50px}}@media (max-width:480px){.lightbox-next,.lightbox-prev,.lightbox-thumbnails{display:none}}.undo-button-container{bottom:80px;opacity:0;pointer-events:none;position:fixed;right:24px;transform:translateY(20px) scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.undo-button-container.visible{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}.undo-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.undo-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.undo-button:active{box-shadow:0 2px 8px #667eea66;transform:translateY(0)}.undo-icon{animation:rotate-undo .5s ease-in-out;flex-shrink:0}.undo-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@keyframes rotate-undo{0%{transform:rotate(0deg)}50%{transform:rotate(-15deg)}to{transform:rotate(0deg)}}@media (max-width:768px){.undo-button-container{bottom:70px;right:16px}.undo-button{font-size:13px;padding:10px 16px}.undo-icon{height:18px;width:18px}}@media (prefers-color-scheme:dark){.undo-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #0000004d}.undo-button:hover{box-shadow:0 6px 16px #0006}}.welcome-gate-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000223,#ffa00014 50%,#000223);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.welcome-gate-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000223;border-radius:24px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffa00033;max-height:90vh;max-width:800px;overflow-y:auto;padding:40px;position:relative;width:100%}.welcome-gate-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px}.welcome-gate-close:hover{background:#fff3;transform:scale(1.1)}.welcome-gate-header{margin-bottom:32px;text-align:center}.welcome-gate-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:24px}.welcome-gate-logo-icon{height:32px;object-fit:contain;width:32px}.welcome-gate-logo-text{color:#ffa000;font-size:24px;font-weight:700}.welcome-gate-title{color:#fff;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:8px}.welcome-gate-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffa000,#f57c00);background:linear-gradient(135deg,var(--vh-amber,#ffa000),var(--vh-amber-dark,#f57c00));-webkit-background-clip:text;background-clip:text}.welcome-gate-subtitle{color:#fffc;font-size:16px;margin-bottom:0}.welcome-gate-stats{grid-gap:20px;background:#ffa0001a;border:1px solid #ffa00033;border-radius:16px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px;padding:32px}.welcome-gate-stats-loading{align-items:center;color:#ffffffb3;display:flex;font-size:14px;gap:12px;grid-column:1/-1;justify-content:center;padding:32px}.welcome-gate-stats-loading .animate-spin{animation:spin 1s linear infinite;color:#ffa000;color:var(--vh-amber,#ffa000)}.welcome-gate-stat{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-direction:column;padding:16px;text-align:center;transition:all .3s ease}.welcome-gate-stat:hover{box-shadow:0 8px 25px #ffa00033;transform:translateY(-2px)}.welcome-gate-stat-icon{color:#ffa000;margin-bottom:8px}.welcome-gate-stat-content{display:flex;flex-direction:column;gap:4px}.welcome-gate-stat-value{color:#fff;font-size:24px;font-weight:700}.welcome-gate-stat-label{color:#ffffffb3;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.welcome-gate-actions{margin-bottom:32px}.welcome-gate-actions-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px;text-align:center}.welcome-gate-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.welcome-gate-action{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;text-align:left;transition:all .3s ease;width:100%}.welcome-gate-action:hover{background:#fff3;border-color:#ffb74d;border-color:var(--vh-amber-light,#ffb74d);box-shadow:0 8px 25px #ffa00033}.welcome-gate-action-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.welcome-gate-action-content{flex:1 1}.welcome-gate-action-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.welcome-gate-action-description{color:#ffffffb3;font-size:12px}.welcome-gate-action-arrow{color:#ffffff80;transition:all .2s ease}.welcome-gate-action:hover .welcome-gate-action-arrow{color:#ffa000;color:var(--vh-amber,#ffa000);transform:translateX(4px)}.welcome-gate-footer{align-items:center;display:flex;flex-direction:column;gap:16px}.welcome-gate-options{display:flex;gap:24px;justify-content:center}.welcome-gate-option-btn{background:none;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.welcome-gate-option-btn:hover{background:#ffffff1a;color:#fff}.welcome-gate-continue{align-items:center;background:linear-gradient(135deg,#ffa000,#f57c00);background:linear-gradient(135deg,var(--vh-amber,#ffa000),var(--vh-amber-dark,#f57c00));border:none;border-radius:12px;box-shadow:0 4px 15px #ffa0004d;color:#000223;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease}.welcome-gate-continue:hover{box-shadow:0 8px 25px #ffa00066;transform:translateY(-2px)}@media (max-width:1024px){.welcome-gate-container{max-width:600px}.welcome-gate-actions-grid{grid-template-columns:1fr}}@media (max-width:768px){.welcome-gate-overlay{padding:12px}.welcome-gate-container{border-radius:16px;margin:0;max-height:95vh;max-width:100%;padding:20px;width:100%}.welcome-gate-header{margin-bottom:24px}.welcome-gate-title{font-size:24px;line-height:1.3}.welcome-gate-subtitle{font-size:15px}.welcome-gate-stats{gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px;padding:20px}.welcome-gate-stat{padding:16px 12px}.welcome-gate-stat-value{font-size:20px}.welcome-gate-stat-label{font-size:11px}.welcome-gate-actions{margin-bottom:24px}.welcome-gate-actions-title{font-size:16px;margin-bottom:12px}.welcome-gate-action{gap:12px;padding:16px}.welcome-gate-action-icon{height:44px;width:44px}.welcome-gate-action-title{font-size:14px}.welcome-gate-action-description{font-size:12px}.welcome-gate-footer{gap:12px}.welcome-gate-options{flex-direction:column;gap:8px}.welcome-gate-continue{font-size:15px;padding:14px 24px}.welcome-gate-actions-grid{gap:12px;grid-template-columns:1fr}}@media (max-width:480px){.welcome-gate-overlay{padding:8px}.welcome-gate-container{border-radius:12px;max-height:98vh;padding:16px}.welcome-gate-close{height:36px;right:12px;top:12px;width:36px}.welcome-gate-header{margin-bottom:20px}.welcome-gate-logo{margin-bottom:16px}.welcome-gate-logo-icon{height:28px;width:28px}.welcome-gate-logo-text{font-size:20px}.welcome-gate-title{font-size:20px;margin-bottom:6px}.welcome-gate-subtitle{font-size:14px}.welcome-gate-stats{gap:8px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:16px}.welcome-gate-stat{padding:12px 8px}.welcome-gate-stat-value{font-size:18px}.welcome-gate-stat-label{font-size:10px}.welcome-gate-actions{margin-bottom:20px}.welcome-gate-actions-title{font-size:15px;margin-bottom:10px}.welcome-gate-actions-grid{gap:10px}.welcome-gate-action{gap:10px;padding:12px}.welcome-gate-action-icon{height:36px;width:36px}.welcome-gate-action-content{min-width:0}.welcome-gate-action-title{font-size:13px}.welcome-gate-action-description{font-size:11px}.welcome-gate-continue{font-size:14px;padding:12px 20px}.welcome-gate-option-btn{font-size:13px;padding:6px 12px}}@media (max-width:360px){.welcome-gate-container{padding:12px}.welcome-gate-title{font-size:18px}.welcome-gate-subtitle{font-size:13px}.welcome-gate-stats{gap:6px;padding:12px}.welcome-gate-stat{padding:10px 6px}.welcome-gate-stat-value{font-size:16px}.welcome-gate-stat-label{font-size:9px}.welcome-gate-action{gap:8px;padding:10px}.welcome-gate-action-icon{height:32px;width:32px}.welcome-gate-action-title{font-size:12px}.welcome-gate-action-description{font-size:10px}.welcome-gate-continue{font-size:13px;padding:10px 16px}}.login-container{align-items:center;background:linear-gradient(135deg,#f8f9ff,#fff);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.login-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0002231a;max-width:450px;overflow:hidden;padding:3rem 2.5rem;position:relative;width:100%}.login-card:before{background:linear-gradient(90deg,#7c521b,#ffa000 50%,#7c521b);content:"";height:5px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:2rem;text-align:center}.login-logo{align-items:center;background:linear-gradient(135deg,#000223,#1a1a3e);border-radius:50%;box-shadow:0 5px 20px #00022333;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.login-header h2{color:#000223;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#666;font-size:1rem;margin:0}.login-error{align-items:center;background:#ffe6e6;border:1px solid #fcc;border-radius:10px;color:#c00;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1.5rem;padding:.875rem 1rem}.login-error:before{content:"⚠️";font-size:1.2rem}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{color:#000223;font-size:.95rem;font-weight:600}.form-input{background:#fff;border:2px solid #e0e6ff;border-radius:10px;box-sizing:border-box;color:#000223;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:#ffa000;box-shadow:0 0 0 3px #ffa0001a;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:#999}.forgot-password{margin-top:-.5rem;text-align:right}.forgot-password a{color:#7c521b;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s ease}.forgot-password a:hover{color:#ffa000;text-decoration:underline}.btn-login{align-items:center;background:linear-gradient(135deg,#ffa000,#e68900);border:2px solid #ffa000;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,#e68900,#c70);box-shadow:0 8px 25px #ffa0004d;transform:translateY(-2px)}.btn-login:disabled{background:#ccc;border-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.login-divider{align-items:center;color:#666;display:flex;font-size:.9rem;margin:1.5rem 0;text-align:center}.login-divider:after,.login-divider:before{border-bottom:1px solid #e0e6ff;content:"";flex:1 1}.login-divider span{color:#999;font-weight:600;padding:0 1rem}.google-signin-wrapper{margin-bottom:1.5rem}.login-footer{border-top:1px solid #e0e6ff;padding-top:1.5rem;text-align:center}.login-footer p{color:#666;font-size:.95rem;margin:0}.login-footer a{color:#ffa000;font-weight:700;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:#7c521b;text-decoration:underline}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:480px){.login-container{padding:1rem .5rem}.login-card{border-radius:15px;padding:2rem 1.5rem}.login-logo{font-size:2rem;height:70px;width:70px}.login-header h2{font-size:1.75rem}.form-input,.login-header p{font-size:.95rem}.form-input{padding:.75rem .875rem}.btn-login{font-size:1rem;padding:.875rem 1.5rem}}[data-theme=dark] .login-container{background:linear-gradient(135deg,#0a0a1a,#000223)}[data-theme=dark] .login-card{background:#1a1a3e;box-shadow:0 10px 40px #00000080}[data-theme=dark] .login-header h2{color:#fffafe}[data-theme=dark] .login-header p{color:#aaa}[data-theme=dark] .form-label{color:#fffafe}[data-theme=dark] .form-input{background:#000223;border-color:#2a2a5e;color:#fffafe}[data-theme=dark] .form-input:focus{background:#0a0a1a;border-color:#ffa000}[data-theme=dark] .login-divider:after,[data-theme=dark] .login-divider:before{border-bottom-color:#2a2a5e}[data-theme=dark] .login-footer{border-top-color:#2a2a5e}[data-theme=dark] .login-footer p{color:#aaa}.notification-settings-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000223b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.notification-settings{animation:slideUp .3s ease-out;background:#fffafe;border:3px solid #ffa000;border-radius:12px;box-shadow:0 20px 60px #0002234d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.notification-settings-header{align-items:center;background:#000223;border-bottom:2px solid #ffa000;display:flex;justify-content:space-between;padding:24px}.notification-settings-header h2{color:#fffafe;font-size:24px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ffa000;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.close-btn:hover{background:#ffa0001a;color:#fffafe}.notification-settings-content{flex:1 1;overflow-y:auto;padding:24px}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h3{color:#000223;font-size:18px;font-weight:600;margin:0}.permission-badge{border-radius:12px;font-size:13px;font-weight:500;padding:4px 12px}.permission-badge.permission-granted{background:#dcfce7;color:#166534}.permission-badge.permission-denied{background:#fee2e2;color:#991b1b}.permission-badge.permission-default{background:#f3f4f6;color:#6b7280}.permission-request{background:#fffafe;border:2px solid #ffa000;border-radius:8px;padding:16px}.permission-request p{color:#000223;line-height:1.5;margin:0 0 12px}.btn-permission{width:100%}.permission-status{border-radius:8px;padding:16px}.permission-status.success{background:#dcfce7;border:1px solid #86efac}.permission-status.error{background:#fee2e2;border:1px solid #fca5a5}.permission-status p{color:#000223;line-height:1.5;margin:0}.help-details{background:#fffafe;border:1px solid #ffa000;border-radius:6px;margin-top:12px;padding:12px}.help-details summary{color:#000223;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.help-details summary:hover{color:#7c521b}.help-details ol{color:#000223;line-height:1.6;margin:12px 0 0;padding-left:20px}.help-details li{margin-bottom:6px}.setting-row{align-items:flex-start;background:#fffafe;border:1px solid #ffa00033;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}.setting-row:last-child{margin-bottom:0}.setting-info{flex:1 1;margin-right:16px}.setting-info label{color:#000223;display:block;font-weight:500;margin-bottom:4px}.setting-description{color:#7c521b;font-size:14px;line-height:1.4;margin:0}.toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fffafe;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}input:checked+.toggle-slider{background-color:#ffa000}input:checked+.toggle-slider:before{transform:translateX(24px)}input:focus+.toggle-slider{box-shadow:0 0 0 2px #ffa0004d}.volume-control{align-items:stretch;flex-direction:column}.volume-slider-container{align-items:center;display:flex;gap:12px;margin-top:8px}.volume-icon{flex-shrink:0;font-size:18px}.volume-slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ffa000;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s;transition:all .2s;width:18px}.volume-slider::-moz-range-thumb{background:#ffa000;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s;transition:all .2s;width:18px}.volume-slider::-webkit-slider-thumb:hover{background:#7c521b;transform:scale(1.2)}.volume-slider::-moz-range-thumb:hover{background:#7c521b;transform:scale(1.2)}.volume-value{color:#000223;font-size:14px;font-weight:500;min-width:40px;text-align:right}.settings-actions{border-top:2px solid #ffa000;display:flex;gap:12px;padding-top:16px}.btn-reset,.btn-test{flex:1 1}.settings-info-footer{background:#ffa0001a;border:1px solid #ffa000;border-radius:8px;margin-top:24px;padding:16px}.info-text{color:#000223;font-size:14px;line-height:1.5;margin:0}.info-text strong{color:#7c521b;font-weight:600}.notification-settings-footer{background:#000223;border-top:2px solid #ffa000;display:flex;justify-content:flex-end;padding:20px 24px}.btn-primary,.btn-secondary,.btn-text{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;outline:none;padding:10px 20px;transition:all .2s}.btn-primary{background:#ffa000;color:#000223;font-weight:600}.btn-primary:hover:not(:disabled){background:#7c521b;color:#fffafe}.btn-secondary{background:#fffafe;border:2px solid #ffa000;color:#000223}.btn-secondary:hover:not(:disabled){background:#ffa0001a}.btn-text{background:#0000;color:#7c521b;padding:8px 16px}.btn-text:hover:not(:disabled){background:#ffa0001a;color:#000223}.btn-primary:disabled,.btn-secondary:disabled,.btn-text:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.notification-settings-overlay{align-items:flex-end;padding:0}.notification-settings{border-radius:12px 12px 0 0;max-height:95vh;max-width:100%}.notification-settings-header{padding:20px}.notification-settings-header h2{font-size:20px}.notification-settings-content{padding:20px}.section-header h3{font-size:16px}.settings-actions{flex-direction:column}.btn-reset,.btn-test{width:100%}}.notification-banner{animation:slideDown .4s ease-out;background:#000223;border:2px solid #ffa000;border-radius:12px;box-shadow:0 4px 12px #ffa00033;color:#fffafe;margin-bottom:20px;padding:16px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.banner-content{align-items:center;display:flex;gap:16px}.banner-icon{animation:bell-ring 2s ease-in-out infinite;flex-shrink:0;font-size:32px}@keyframes bell-ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0deg)}}.banner-text{flex:1 1}.banner-text h4{color:#fffafe;font-size:16px;font-weight:600;margin:0 0 4px}.banner-text p{color:#fffafe;font-size:14px;line-height:1.4;margin:0;opacity:.9}.banner-actions{display:flex;flex-shrink:0;gap:8px}.banner-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.banner-btn.primary{background:#ffa000;color:#000223;font-weight:600}.banner-btn.primary:hover:not(:disabled){background:#7c521b;box-shadow:0 4px 8px #ffa0004d;color:#fffafe;transform:translateY(-1px)}.banner-btn.secondary{background:#0000;border:1px solid #ffa000;color:#fffafe}.banner-btn.secondary:hover:not(:disabled){background:#ffa0001a;border-color:#ffa000}.banner-btn:disabled{cursor:not-allowed;opacity:.6}.banner-btn:active:not(:disabled){transform:translateY(0)}@media (max-width:768px){.notification-banner{padding:12px 16px}.banner-content{align-items:flex-start;flex-direction:column;gap:12px}.banner-icon{font-size:24px}.banner-text h4{font-size:15px}.banner-text p{font-size:13px}.banner-actions{width:100%}.banner-btn{flex:1 1;padding:10px 12px}}@media (max-width:480px){.banner-content{gap:8px}.banner-actions{flex-direction:column;gap:6px}.banner-btn{width:100%}}.conversation-list{background:#fffafe;border-right:1px solid #0002231a;display:flex;flex-direction:column;height:100%;transition:all .3s ease}.conversation-list-header,.conversation-list__header{align-items:center;background:#fffafe;border-bottom:1px solid #ffa000;box-sizing:border-box;display:flex!important;flex-wrap:nowrap;justify-content:space-between;padding:16px 20px;width:100%}.conversation-list-header h2,.conversation-list__title{color:#000223;flex:1 1;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{gap:8px}.header-actions,.notification-settings-btn{align-items:center;display:flex;flex-shrink:0}.notification-settings-btn{background:#000223;border:none;border-radius:50%;box-shadow:0 2px 8px #00022333;color:#ffa000;cursor:pointer;font-size:16px;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:all .2s ease;width:36px}.notification-settings-btn:hover{background:#1a1a4a;box-shadow:0 4px 16px #0002234d;transform:rotate(90deg) scale(1.05)}.new-message-btn{align-items:center;background:#ffa000;border:none;border-radius:50%;box-shadow:0 2px 8px #00022333;color:#000223;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:all .2s ease;width:36px}.new-message-btn:hover{background:#7c521b;box-shadow:0 4px 16px #ffa0004d;transform:scale(1.05)}.conversation-list__search{border-bottom:1px solid #0002231a;padding:12px 16px}.conversation-list__search-input{background:#fffafe;border:1px solid #00022333;border-radius:20px;color:#000223;font-size:14px;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.conversation-list__search-input:focus{border-color:#ffa000;box-shadow:0 0 0 2px #ffa00033}.conversation-list__items{flex:1 1;overflow-y:auto;padding:0}.conversation-list__loading{align-items:center;color:#666;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.conversation-list__empty{color:#666;padding:40px 20px;text-align:center}.conversation-list__empty-icon{color:#ddd;font-size:48px;margin-bottom:16px}.conversation-list__empty-text{color:#333;font-size:16px;font-weight:500;margin-bottom:8px}.conversation-list__empty-subtext{color:#999;font-size:14px}.conversation-item{align-items:center;background:#fffafe;border-bottom:1px solid #0002230d;color:inherit;cursor:pointer;display:flex;padding:16px 20px;text-decoration:none;transition:all .2s ease}.conversation-item:hover{background:#ffa0001a;border-left:3px solid #ffa000;padding-left:17px}.conversation-item--active{background:#0002230d;border-right:3px solid #000223}.conversation-item__avatar{border:2px solid #0002231a;border-radius:50%;flex-shrink:0;height:48px;margin-right:12px;object-fit:cover;width:48px}.conversation-item__content{flex:1 1;min-width:0}.conversation-item__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conversation-item__name{color:#000223;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item__time{color:#7c521b;flex-shrink:0;font-size:12px;margin-left:8px}.conversation-item__preview{color:#000223b3;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item__unread{background:#ffa000;border-radius:10px;box-shadow:0 1px 3px #00022333;color:#000223;font-size:11px;font-weight:600;margin-left:8px;min-width:18px;padding:2px 6px;text-align:center}.conversation-list-loading{align-items:center;background:#fffafe;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;padding:2rem;text-align:center}.conversation-list-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #0002231a;border-radius:50%;border-top-color:#ffa000;height:48px;width:48px}.conversation-list-loading p{color:#000223;font-size:14px;margin:0}.conversation-list-error{background:#fffafe;flex-direction:column;gap:1rem;height:100%;padding:2rem;text-align:center}.conversation-list-error,.error-icon{align-items:center;display:flex;justify-content:center}.error-icon{background:#dc26261a;border-radius:50%;height:80px;margin-bottom:.5rem;width:80px}.error-icon i{color:#dc2626;font-size:2.5rem}.conversation-list-error h3{color:#000223;font-size:1.25rem;font-weight:600;margin:0}.conversation-list-error p{color:#7c521b;margin:0;max-width:300px}.conversation-list-error .btn{align-items:center;background:#ffa000;border:none;border-radius:8px;color:#000223;cursor:pointer;display:flex;font-weight:600;gap:8px;margin-top:1rem;padding:10px 24px;transition:all .2s ease}.conversation-list-error .btn:hover{background:#7c521b;box-shadow:0 4px 12px #ffa0004d;color:#fffafe;transform:translateY(-2px)}.conversation-list-empty{background:#fffafe;flex-direction:column;gap:1rem;height:100%;padding:2rem;text-align:center}.conversation-list-empty,.empty-icon{align-items:center;display:flex;justify-content:center}.empty-icon{animation:pulse-gentle 2s ease-in-out infinite;background:linear-gradient(135deg,#ffa0001a,#7c521b1a);border-radius:50%;height:100px;margin-bottom:.5rem;width:100px}.empty-icon i{color:#ffa000;font-size:3rem}.conversation-list-empty h3{color:#000223;font-size:1.5rem;font-weight:600;margin:0}.conversation-list-empty p{color:#7c521b;font-size:14px;margin:.5rem 0 1.5rem;max-width:300px}.conversation-list-empty .btn{align-items:center;background:#ffa000;border:none;border-radius:8px;box-shadow:0 4px 12px #ffa00033;color:#000223;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 28px;transition:all .2s ease}.conversation-list-empty .btn:hover{background:#7c521b;box-shadow:0 6px 20px #ffa00066;color:#fffafe;transform:translateY(-2px)}.conversation-avatar{flex-shrink:0;position:relative}.conversation-avatar img{border-radius:50%;height:48px;object-fit:cover;width:48px}.online-indicator{background-color:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.conversation-content{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.conversation-name{color:#1a1a1a;font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#666;flex-shrink:0;font-size:.75rem}.conversation-preview{align-items:center;display:flex;justify-content:space-between}.last-message{color:#666;flex:1 1;font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message.unread{color:#1a1a1a;font-weight:600}.unread-count{background:#ffa000;border-radius:10px;color:#000223;flex-shrink:0;font-size:.7rem;font-weight:600;margin-left:.5rem;min-width:20px;padding:.2rem .5rem;text-align:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:#000223;color:#fffafe}.btn-primary:hover{background:#7c521b;box-shadow:0 4px 12px #0002234d;transform:translateY(-1px)}@media (prefers-color-scheme:dark){.conversation-list{background:#1f202b;border-right-color:#fffafe1a}.conversation-list-header,.conversation-list__header{align-items:center;background:#1f202b;border-bottom:1px solid #ffa000;display:flex;justify-content:space-between;padding:16px 20px}.conversation-list-header h2,.conversation-list__title,.conversation-name{color:#fffafe}.conversation-list__search-input{background:#fffafe0d;border-color:#fffafe33;color:#fffafe}.conversation-list__search-input:focus{border-color:#ffa000;box-shadow:0 0 0 2px #ffa0004d}.conversation-item{background:#1f202b;border-bottom-color:#fffafe0d}.conversation-item:focus,.conversation-item:hover{background:#ffa0001a;border-left:3px solid #ffa000}.conversation-item--active{background:#fffafe1a;border-right:3px solid #fffafe}.conversation-item__name{color:#fffafe}.conversation-item__time,.conversation-time{color:#ffa000}.conversation-item__preview,.last-message{color:#fffafeb3}.conversation-item__avatar{border-color:#fffafe33}.new-message-btn{background:#ffa000;box-shadow:0 2px 8px #ffa0004d;color:#000223}.new-message-btn:hover{background:#7c521b;box-shadow:0 4px 16px #ffa00080}.conversation-list-empty h3,.conversation-list__empty-text{color:#fffafe}.conversation-list-empty p{color:#fffafeb3}.conversation-list-empty{background:#1f202b}.empty-icon{background:linear-gradient(135deg,#ffa00033,#7c521b33)}.conversation-list-error{background:#1f202b}.conversation-list-error h3{color:#fffafe}.conversation-list-error p{color:#fffafeb3}.error-icon{background:#dc262633}.conversation-list-loading{background:#1f202b}.conversation-list-loading p{color:#fffafe}.conversation-list-loading .loading-spinner{border-color:#ffa000 #fffafe33 #fffafe33}.last-message.unread{color:#fffafe}.online-indicator{border-color:#1f202b}}.chat-header{align-items:center;background:#fffafe;border-bottom:1px solid #ffa000;display:flex;flex-shrink:0!important;gap:.75rem;order:1!important;padding:1rem;z-index:10}.back-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:none;height:40px;justify-content:center;margin-right:.5rem;transition:background-color .15s ease;width:40px}.back-button:hover{background-color:#0000001a}@media (max-width:1023px){.back-button{display:flex}}.recipient-avatar-container{flex-shrink:0;position:relative}.recipient-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.presence-badge{border:2px solid #fffafe;border-radius:50%;bottom:0;box-shadow:0 0 4px #0003;height:12px;position:absolute;right:0;width:12px}.presence-badge.online{background-color:#10b981}.presence-badge.away{background-color:#f59e0b}.presence-badge.busy{background-color:#ef4444}.presence-badge.offline{background-color:#9ca3af}.recipient-info{flex:1 1;min-width:0}.recipient-name{color:#1a1a1a;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-status{align-items:center;color:#666;display:flex;font-size:.8rem;gap:.5rem;margin-top:.25rem}.status-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-indicator.online{background-color:#10b981}.status-indicator.offline{background-color:#9ca3af}.status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-status{align-items:center;border-radius:50%;color:#ef4444;display:flex;font-size:.9rem;height:32px;justify-content:center;width:32px}.connection-status.offline{animation:pulse 2s ease-in-out infinite}.chat-options{position:relative}.chat-options-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .15s ease;width:40px}.chat-options-btn.active,.chat-options-btn:hover{background-color:#0000001a;color:#1a1a1a}.chat-options-menu{animation:menuFadeIn .2s ease;background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:240px;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-options-menu .option-item{align-items:center;background:#0000;border:none;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.chat-options-menu .option-item:hover{background-color:#ffa0001a}.chat-options-menu .option-item i{color:#ffa000;font-size:16px;text-align:center;transition:transform .15s ease;width:20px}.chat-options-menu .option-item:hover i{transform:scale(1.1)}.chat-options-menu .option-item.block i,.chat-options-menu .option-item.delete i,.chat-options-menu .option-item.report i{color:#ff3b30}.chat-options-menu .option-item.block:hover,.chat-options-menu .option-item.delete:hover,.chat-options-menu .option-item.report:hover{background-color:#ff3b301a}.chat-options-menu .menu-divider{background:#ffa00033;height:1px;margin:8px 0}.confirm-dialog-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.confirm-dialog{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:400px;padding:24px;width:100%}.dialog-icon{align-items:center;background:#ffa0001a;border-radius:50%;color:#ffa000;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.confirm-dialog .dialog-icon i.fa-ban,.confirm-dialog .dialog-icon i.fa-exclamation-triangle,.confirm-dialog .dialog-icon i.fa-trash{color:#ff3b30}.dialog-title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 12px;text-align:center}.dialog-message{color:#666;font-size:14px;line-height:1.5;margin:0 0 24px;text-align:center}.dialog-actions{display:flex;gap:12px}.dialog-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .15s ease}.dialog-btn.cancel{background:#0000000d;color:#1a1a1a}.dialog-btn.cancel:hover{background:#0000001a}.dialog-btn.confirm{background:#ffa000;color:#000}.dialog-btn.confirm:hover{background:#ffb733}.dialog-btn.confirm.block,.dialog-btn.confirm.delete,.dialog-btn.confirm.report{background:#ff3b30;color:#fff}.dialog-btn.confirm.block:hover,.dialog-btn.confirm.delete:hover,.dialog-btn.confirm.report:hover{background:#ff5449}@media (prefers-color-scheme:dark){.chat-header{background:#1f202b;border-bottom-color:#ffa000}.presence-badge{border-color:#1f202b}.recipient-name{color:#fffafe}.recipient-status{color:#fffafeb3}.back-button,.chat-options-btn{color:#fffafe}.back-button:hover,.chat-options-btn.active,.chat-options-btn:hover{background-color:#ffa0001a;color:#ffa000}.status-indicator.offline{background-color:#6b7280}.chat-options-menu{background:#2a2b3a;border-color:#ffa0004d}.chat-options-menu .option-item{color:#fffafe}.chat-options-menu .option-item:hover{background-color:#ffa0001a}.chat-options-menu .menu-divider{background:#ffa00033}.confirm-dialog{background:#2a2b3a}.dialog-title{color:#fffafe}.dialog-message{color:#fffafeb3}.dialog-btn.cancel{background:#ffa0001a;color:#fffafe}.dialog-btn.cancel:hover{background:#ffa00033}}@media (max-width:768px){.chat-options-menu{min-width:220px;right:-8px}.confirm-dialog{max-width:calc(100vw - 40px)}}.message-composer{background:#fffafe;border-top:1px solid #ffa000;box-shadow:0 -2px 8px #0000000d;flex-shrink:0!important;order:3!important;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px))}.chat-panel.fullscreen .message-composer{background:#fffafe;bottom:0;left:0;position:-webkit-sticky;position:sticky;right:0;z-index:99}.composer-form{background:#0000;width:100%}.composer-input-container{align-items:flex-end;background:#fff;border:1px solid #0002231a;border-radius:1.5rem;display:flex;gap:.75rem;padding:.75rem;transition:border-color .15s ease,box-shadow .15s ease}.composer-input-container:focus-within{border-color:#ffa000;box-shadow:0 0 0 3px #ffa0001a}.composer-textarea{background:#0000;border:none;flex:1 1;font-family:inherit;font-size:.9rem;line-height:1.4;max-height:120px;min-height:20px;outline:none;overflow-y:auto;resize:none}.composer-textarea::placeholder{color:#9ca3af}.composer-textarea:disabled{cursor:not-allowed;opacity:.6}.composer-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.attachment-btn,.send-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;transition:all .15s ease;width:36px}.attachment-btn{background:#0000;color:#9ca3af}.attachment-btn:hover:not(:disabled){background:#0000000d;color:#1a1a1a}.send-btn{background:#e5e7eb;color:#9ca3af}.send-btn.active{background:#000223;color:#fffafe;transform:scale(1.05)}.send-btn:hover:not(:disabled).active{background:#ffa000;box-shadow:0 2px 8px #0002234d;color:#000223;transform:scale(1.1)}.send-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.message-composer{padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom, 0px))}.composer-input-container{padding:.6rem}.composer-textarea{font-size:.85rem}.attachment-btn,.send-btn{font-size:.8rem;height:32px;width:32px}}@media (prefers-color-scheme:dark){.message-composer{border-top-color:#ffa000}.chat-panel.fullscreen .message-composer,.message-composer{background:#1f202b}.composer-form{background:#0000}.composer-input-container{background:#2a2b3a;border-color:#ffa0004d}.composer-input-container:focus-within{background:#323344;border-color:#ffa000;box-shadow:0 0 0 3px #ffa00033}.composer-textarea{background:#0000;color:#fffafe}.composer-textarea::placeholder{color:#fffafe99}.attachment-btn{color:#ffa000}.attachment-btn:hover:not(:disabled){background:#ffa00033;color:#fffafe}.send-btn{background:#ffa00026;color:#ffa00099}.send-btn.active{background:#ffa000;color:#000223}.send-btn:hover:not(:disabled).active{background:#ffb733;color:#000223}}.composer-textarea::-webkit-scrollbar{width:4px}.composer-textarea::-webkit-scrollbar-track{background:#0000}.composer-textarea::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}@media (prefers-color-scheme:dark){.composer-textarea::-webkit-scrollbar-thumb{background:#fff3}}.attachment-btn:focus,.send-btn:focus{outline:2px solid #000223;outline-offset:2px}@media (prefers-color-scheme:dark){.attachment-btn:focus,.send-btn:focus{outline-color:#ffa000}}.file-previews{display:flex;gap:12px;margin-bottom:8px;overflow-x:auto;padding:8px 0 12px;scrollbar-color:#ffa0004d #0000;scrollbar-width:thin}.file-previews::-webkit-scrollbar{height:4px}.file-previews::-webkit-scrollbar-track{background:#0000}.file-previews::-webkit-scrollbar-thumb{background:#ffa0004d;border-radius:2px}.file-preview-item{flex-shrink:0}.image-preview{background:#f5f5f5;border:2px solid #ffa0004d;border-radius:8px;height:80px;overflow:hidden;position:relative;width:80px}.image-preview img{height:100%;object-fit:cover;width:100%}.file-preview-doc{background:#fffafe;border:2px solid #ffa00033;gap:8px;max-width:280px;min-width:200px;padding:12px}.file-icon,.file-preview-doc{align-items:center;border-radius:8px;display:flex}.file-icon{background:#fff;color:#ffa000;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.file-info{flex:1 1;overflow:hidden}.file-name{color:#000223;display:block;font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#666;display:block;font-size:12px}.remove-preview{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:0;position:absolute;right:4px;top:4px;transition:all .2s;width:24px}.remove-preview:hover{background:#000000e6;transform:scale(1.1)}.file-preview-doc .remove-preview{background:#0000;color:#999;position:static}.file-preview-doc .remove-preview:hover{background:#0000;color:#ff3b30;transform:none}.upload-progress{margin-bottom:8px;padding:8px 0 12px}.progress-bar{background:#ffa00026;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff6b35,#ffa000);border-radius:2px;height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:12px;font-weight:500}.attachment-options{grid-gap:8px;animation:slideUp .2s ease;background:#fff;border:1px solid #ffa0004d;border-radius:12px;bottom:100%;box-shadow:0 4px 16px #00000026;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);left:12px;margin-bottom:8px;padding:12px;position:absolute;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.option-item{align-items:center;background:#fffafe;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:70px;padding:16px 12px;transition:all .2s}.option-item:hover{background:#ffa0001a;border-color:#ffa0004d;transform:translateY(-2px)}.option-item i{color:#ffa000;font-size:24px;transition:transform .2s}.option-item:hover i{color:#f80;transform:scale(1.1)}.option-item span{color:#000223;font-size:12px;font-weight:500}@media (prefers-color-scheme:dark){.file-preview-doc{background:#2a2b3a;border-color:#ffa0004d}.file-icon{background:#323344}.file-name{color:#fff}.file-size{color:#999}.attachment-options{background:#2a2b3a;border-color:#ffa0004d}.option-item{background:#323344}.option-item span{color:#fff}.option-item:hover{background:#3a3b4c}.image-preview{border-color:#ffa00066}.progress-bar{background:#ffa00033}.progress-text{color:#999}}@media (max-width:768px){.attachment-options{grid-template-columns:repeat(4,1fr);left:50%;max-width:calc(100vw - 24px);transform:translateX(-50%)}.file-preview-doc{max-width:240px;min-width:180px}}.upload-error{align-items:center;animation:slideDown .3s ease;background:#fff5f5;border:2px solid #f44;border-radius:12px;color:#d32f2f;display:flex;font-size:14px;gap:12px;margin:0 12px 8px;padding:12px 16px}.upload-error i.fa-exclamation-circle{flex-shrink:0;font-size:18px}.upload-error span{flex:1 1;white-space:pre-wrap;word-break:break-word}.dismiss-error{align-items:center;background:none;border:none;border-radius:50%;color:#d32f2f;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:background-color .2s}.dismiss-error:hover{background:#d32f2f1a}.dismiss-error i{font-size:14px}[data-theme=dark] .upload-error{background:#d32f2f1a;border-color:#f66;color:#f66}[data-theme=dark] .dismiss-error{color:#f66}[data-theme=dark] .dismiss-error:hover{background:#f663}.message-composer.dragging{position:relative}.drag-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffa000f2;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000}.drag-content{color:#fff;pointer-events:none;text-align:center}.drag-content i{animation:bounce .6s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.drag-content h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.drag-content p{font-size:1rem;margin:0;opacity:.9}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.compression-progress{animation:fadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;left:50%;padding:1.5rem 2rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:999}.compression-content{align-items:center;color:#000223;display:flex;font-weight:500;gap:1rem}.compression-content i{color:#ffa000;font-size:1.5rem}.compression-content i.spinning{animation:spin 1s linear infinite}.compression-badge{align-items:center;animation:slideDown .3s ease;background:#4caf50f2;border-radius:12px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:40px;top:8px}.compression-badge i{font-size:.7rem}.file-preview-item,.file-preview-item.image .image-preview{position:relative}.file-info .file-size{color:#6b7280;font-size:.8rem}[data-theme=dark] .drag-overlay{background:#ffa000e6}[data-theme=dark] .compression-progress{background:#1a1a1a;border:1px solid #ffa0004d}[data-theme=dark] .compression-content{color:#fff}.message-status-container{align-items:center;display:inline-flex;vertical-align:middle}.message-status{gap:-2px;margin-left:4px;position:relative;vertical-align:middle}.message-status svg{display:inline-block;height:15px;width:16px}.message-status.delivered,.message-status.sent{color:#8696a0}.message-status.delivered svg:first-child{margin-right:-6px;z-index:1}.message-status.read{color:#53bdeb}.message-status.read svg:first-child{margin-right:-6px;z-index:1}@keyframes statusChange{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.message-status.status-updated{animation:statusChange .3s ease-in-out}@media (prefers-color-scheme:dark){.message-status.delivered,.message-status.sent{color:#667781}.message-status.read{color:#53bdeb}}@media (prefers-contrast:high){.message-status.delivered,.message-status.sent{color:#fff}.message-status.read{color:#00a3ff}}.message-reactions-container{align-items:center;display:flex;gap:6px;margin-bottom:4px;margin-top:-4px;position:relative;z-index:1}.message-reactions-container.own{flex-direction:row-reverse;justify-content:flex-end}.message-reactions-container.other{flex-direction:row;justify-content:flex-start}.reaction-trigger{position:relative}.reaction-add-btn{align-items:center;background:#0000;border:1px solid #ffa0004d;border-radius:50%;color:#7c521b;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.reaction-add-btn:hover{background:#ffa0001a;border-color:#ffa000;transform:scale(1.1)}.reaction-add-btn.active{background:#ffa000;border-color:#ffa000;color:#000223}.reaction-add-btn i{font-size:14px}.reaction-add-btn.hide-when-has-reactions{border:none;height:0;margin:0;opacity:0;padding:0;pointer-events:none;transition:opacity .2s ease,width .2s ease,height .2s ease;width:0}.message-reactions-container:hover .reaction-add-btn.hide-when-has-reactions{border:1px solid #ffa0004d;height:28px;opacity:1;pointer-events:all;width:28px}.reaction-picker{animation:reactionPickerSlideIn .2s ease-out;background:#fffafe;border:2px solid #ffa000;border-radius:24px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00022326;display:flex;gap:4px;left:50%;min-width:-webkit-max-content;min-width:max-content;padding:8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}@supports (bottom:max(0px,calc(100% + 8px))){.reaction-picker{bottom:auto;top:calc(100% + 8px)}}@keyframes reactionPickerSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(8px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.reaction-picker:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #ffa000;content:"";height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}.reaction-option{align-items:center;background:#0000;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.reaction-option:hover{background:#ffa0001a;border-color:#ffa000;transform:scale(1.2)}.reaction-option.active{background:#ffa00033;border-color:#ffa000}.reaction-emoji{font-size:20px;line-height:1;-webkit-user-select:none;user-select:none}.reaction-bubbles{display:flex;flex-wrap:wrap;gap:4px;max-width:100%;position:relative;z-index:1}.reaction-bubble{align-items:center;background:#fffafe;border:1.5px solid #7c521b4d;border-radius:12px;cursor:pointer;display:flex;font-size:14px;gap:4px;height:24px;min-width:32px;padding:4px 8px;transition:all .2s ease}.reaction-bubble:hover{background:#ffa0001a;border-color:#ffa000;transform:scale(1.05)}.reaction-bubble.user-reacted{background:#ffa00026;border-color:#ffa000;border-width:2px}.reaction-bubble.user-reacted:hover{background:#ffa00040}.reaction-bubble .reaction-emoji{font-size:14px}.reaction-count{color:#000223;font-size:11px;font-weight:600;line-height:1}@keyframes reactionPop{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.reaction-bubble.pop-animation{animation:reactionPop .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes reactionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.reaction-bubble:active{animation:reactionPulse .3s ease}@media (max-width:768px){.reaction-picker{bottom:calc(100% + 4px);padding:6px}.reaction-option{height:32px;width:32px}.reaction-emoji{font-size:18px}.reaction-bubble{font-size:13px;height:22px;padding:3px 6px}.reaction-bubble .reaction-emoji{font-size:13px}.reaction-count{font-size:10px}}[data-theme=dark] .reaction-picker{background:#1a1a2e;border-color:#ffa000}[data-theme=dark] .reaction-bubble{background:#1a1a2e;border-color:#ffa00066}[data-theme=dark] .reaction-bubble:hover{background:#ffa00026}[data-theme=dark] .reaction-count{color:#fffafe}.reaction-add-btn:focus-visible,.reaction-bubble:focus-visible,.reaction-option:focus-visible{outline:2px solid #ffa000;outline-offset:2px}@media (prefers-reduced-motion:reduce){.reaction-add-btn,.reaction-bubble,.reaction-picker{animation:none!important;transition:none!important}}.typing-indicator{align-items:center;animation:fadeIn .3s ease-in;color:#666;display:flex;font-size:14px;padding:8px 16px}.typing-dots{margin-right:10px}.typing-dots span{animation:typing-bounce 1.4s ease-in-out infinite;background-color:#666;border-radius:50%;height:8px;width:8px}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.typing-text{color:#666;font-size:13px}@keyframes typing-bounce{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.typing-indicator{color:#aaa}.typing-dots span{background-color:#aaa}.typing-text{color:#aaa}}@media (max-width:768px){.typing-indicator{font-size:13px;padding:6px 12px}.typing-dots span{height:6px;width:6px}.typing-text{font-size:12px}}div.chat-view{background:#fffafe;display:flex!important;flex-direction:column!important;height:100%;position:relative;width:100%}.chat-panel.fullscreen div.chat-view{bottom:0;height:100vh;left:0;max-height:100vh;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:10000}.chat-view__header{align-items:center;background:#fffafe;border-bottom:1px solid #ffa000;box-shadow:0 2px 4px #0000000d;display:flex;flex-shrink:0;gap:12px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.chat-view__back-btn{background:none;border:none;border-radius:4px;color:#000223;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.chat-view__back-btn:hover{background:#ffa00033;color:#7c521b}.chat-view__avatar{border:2px solid #00022333;border-radius:50%;height:40px;object-fit:cover;width:40px}.chat-view__user-info{flex:1 1}.chat-view__user-name{color:#000223;font-size:16px;font-weight:600;margin:0}.chat-view__user-status{color:#7c521b;font-size:12px;margin:0}.chat-view-error,.chat-view-loading{align-items:center;color:#666;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}div.chat-view>div.messages-area{background:#fffafe;display:flex!important;flex:1 1!important;flex-direction:column!important;height:auto!important;max-height:none!important;min-height:0!important;order:2!important;overflow-x:hidden!important;overflow-y:auto!important;padding:3rem 1rem 1rem;scroll-behavior:smooth}.chat-panel.fullscreen div.chat-view>div.messages-area{-webkit-overflow-scrolling:touch;flex:1 1 auto!important;height:auto!important;max-height:calc(100vh - 140px)!important;min-height:0!important;overflow-y:auto!important}div.chat-view>div.messages-area:focus{outline:none}.no-messages{color:#666;flex-direction:column;gap:1rem;height:100%;padding:2rem;text-align:center}.no-messages,.no-messages-icon{align-items:center;display:flex;justify-content:center}.no-messages-icon{animation:pulse-gentle 2s ease-in-out infinite;background:linear-gradient(135deg,#ffa0001a,#7c521b1a);border-radius:50%;height:100px;margin-bottom:.5rem;width:100px}.no-messages-icon i{color:#ffa000;font-size:3rem}.no-messages h3{color:#000223;font-size:1.5rem;font-weight:600;margin:0}.no-messages p{color:#7c521b;font-size:14px;margin:.5rem 0 0}@keyframes pulse-gentle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:.75rem;min-height:-webkit-min-content;min-height:min-content}.message-bubble{align-items:flex-end;display:flex;gap:.5rem;max-width:70%;position:relative;z-index:1}.message-bubble.own{align-self:flex-end;flex-direction:row-reverse}.message-bubble.other{align-self:flex-start}.message-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.message-content{display:flex;flex-direction:column;gap:.25rem;overflow:visible;position:relative}.message-bubble.own .message-content{align-items:flex-end}.message-bubble.other .message-content{align-items:flex-start}.message-bubble.sending{opacity:.7}.message-text{word-wrap:break-word;border-radius:1.25rem;font-size:.9rem;line-height:1.4;max-width:100%;padding:.75rem 1rem}.sending-indicator{animation:pulse 1.5s ease-in-out infinite;color:#9ca3af;font-size:.8rem;margin-left:.25rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.message-bubble.own .message-text{background:#000223;border-bottom-right-radius:.5rem;color:#fffafe}.message-bubble.other .message-text{background:#fffafe;border:1px solid #0002231a;border-bottom-left-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#000223}.message-footer{align-items:center;display:flex;font-size:.7rem;gap:6px;justify-content:flex-end;margin-top:2px;padding:0 4px}.message-bubble.other .message-footer{justify-content:flex-start}.message-time{color:#9ca3af;font-size:.7rem}.message-status{align-items:center;display:inline-flex;font-size:12px;font-weight:500;line-height:1;transition:color .2s ease}.message-status.sending{color:#7c521b;opacity:.5}.message-status.sent{color:#7c521b;opacity:.6}.message-status.delivered{color:#7c521b;opacity:.8}.message-status.read{color:#ffa000;font-weight:600;opacity:1}@media (prefers-color-scheme:dark){.message-status.delivered,.message-status.read,.message-status.sending,.message-status.sent{color:#ffa000}}@media (max-width:768px){div.chat-view{height:100%;position:relative;width:100%}div.chat-view>div.messages-area{height:auto!important;min-height:0!important;padding:.75rem}.message-bubble{max-width:85%}.message-text{font-size:.85rem;padding:.6rem .9rem}}@media (prefers-color-scheme:dark){div.chat-view{background:#1f202b}.chat-view__header{background:#1f202b;border-bottom:1px solid #ffa000}.chat-view__back-btn{color:#fffafe}.chat-view__back-btn:hover{background:#ffa0004d;color:#ffa000}.chat-view__avatar{border-color:#fffafe4d}.chat-view__user-name{color:#fffafe}.chat-view__user-status{color:#ffa000}div.chat-view>div.messages-area{background:#1f202b!important}.chat-view__input-area{background:#1f202b;border-top-color:#fffafe1a}.chat-view__input-wrapper{background:#ffa0001a;border-color:#fffafe33}.chat-view__input-wrapper:focus-within{border-color:#ffa000}.chat-view__input{color:#fffafe}.chat-view__input::placeholder{color:#fffafe80}.chat-view__attach-btn{background:#fffafe1a;border-color:#fffafe33;color:#ffa000}.chat-view__attach-btn:hover{background:#ffa00033;color:#fffafe}.chat-view__send-btn{background:#ffa000;color:#000223}.chat-view__send-btn:hover{background:#7c521b;color:#fffafe}.chat-view__empty-text,.no-messages h3{color:#fffafe}.chat-view__empty-subtext,.no-messages p{color:#fffafeb3}.no-messages-icon{background:linear-gradient(135deg,#ffa00033,#7c521b33)}.chat-view__empty-icon{color:#fffafe4d}.message-bubble.own .message-text{background:#ffa000;color:#000223}.message-bubble.other .message-text{background:#fffafe1a;border-color:#fffafe33;color:#fffafe}}.messages-area{scroll-behavior:smooth}.chat-view .messages-area::-webkit-scrollbar{width:6px}.chat-view .messages-area::-webkit-scrollbar-track{background:#0000}.chat-view .messages-area::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.chat-view .messages-area::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (prefers-color-scheme:dark){.chat-view .messages-area::-webkit-scrollbar-thumb{background:#ffa0004d}.chat-view .messages-area::-webkit-scrollbar-thumb:hover{background:#ffa00080}}.typing-indicator{animation:fadeInUp .3s ease-out forwards;opacity:0}.typing-indicator .message-content{background:#fffafe!important;min-height:auto;padding:12px 16px}@media (prefers-color-scheme:dark){.typing-indicator .message-content{background:#2a2b3a!important}}.typing-dots{align-items:center;display:flex;gap:4px;min-height:20px;padding:4px 0}.typing-dot{animation:typingBounce 1.4s ease-in-out infinite;background:#ffa000;border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.typing-text{color:#7c521b;font-size:11px;font-style:italic;margin-top:4px;opacity:.7}@media (prefers-color-scheme:dark){.typing-text{color:#ffa000}}@keyframes typingBounce{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inbox-layout{background:#fffafe;display:grid;grid-template-columns:360px 1fr;height:100%;min-height:calc(100vh - 120px);overflow:hidden;width:100%}.inbox-layout.chat-active{bottom:0;grid-template-columns:1fr;height:100vh;left:0;min-height:100vh;position:fixed;right:0;top:0;z-index:9999}body.chat-fullscreen{overflow:hidden}.chat-panel.fullscreen{background:#fffafe;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999}.conversation-panel{border-right:1px solid #ffa000}.chat-panel,.conversation-panel{background:#fffafe;overflow:hidden}.chat-panel{position:relative}@media (max-width:1200px){.inbox-layout:not(.chat-active){grid-template-columns:300px 1fr}}@media (max-width:1023px){.inbox-layout:not(.chat-active){grid-template-columns:1fr;height:100%;min-height:calc(100vh - 120px)}.inbox-layout.chat-active{grid-template-columns:1fr}.chat-panel.hidden-mobile,.conversation-panel.hidden-mobile{display:none}.chat-panel{height:100%;position:relative;width:100%}.chat-panel.fullscreen{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0}.conversation-panel{border-right:none;height:100%;width:100%}}@media (prefers-color-scheme:dark){.chat-panel.fullscreen,.inbox-layout{background:#1f202b}.conversation-panel{background:#1f202b;border-right-color:#ffa000}.chat-panel{background:#1f202b}}