@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title: "Outfit", "Inter", sans-serif;--bg-primary: #070d1e;--bg-secondary: #0d1730;--bg-card: rgba(18, 30, 60, .7);--bg-card-hover: rgba(28, 44, 86, .85);--bg-glass: rgba(15, 25, 50, .65);--border-color: rgba(255, 255, 255, .08);--border-gold: rgba(212, 175, 55, .35);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent-gold: #d4af37;--accent-gold-hover: #b8860b;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-red: #ef4444;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .5);--shadow-gold: 0 0 25px rgba(212, 175, 55, .25);--shadow-sceptre: 0 0 30px rgba(139, 92, 246, .35);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px}html:not(.dark){--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: #ffffff;--bg-glass: rgba(255, 255, 255, .85);--border-color: rgba(0, 0, 0, .08);--border-gold: rgba(184, 134, 11, .35);--text-main: #0f172a;--text-muted: #475569;--text-dim: #94a3b8;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 6px 18px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .12);--shadow-gold: 0 0 20px rgba(184, 134, 11, .2)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;min-height:100dvh;line-height:1.5;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;background-image:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(212,175,55,.06) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.04) 0%,transparent 50%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;letter-spacing:-.02em}.glass-card{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:#ffffff2e;box-shadow:var(--shadow-md)}.glass-card-gold{background:linear-gradient(145deg,#d4af3714,#121e3cb3);border:1px solid var(--border-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-gold)}.sceptre-card{background:linear-gradient(135deg,#8b5cf62e,#d4af371f,#0f172ad9);border:1px solid rgba(139,92,246,.4);box-shadow:var(--shadow-sceptre);position:relative;overflow:hidden}.sceptre-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.15) 0%,transparent 60%);animation:rotateGlow 12s linear infinite;pointer-events:none}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-title);font-weight:600;font-size:.92rem;padding:10px 18px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#d4af37,#b8860b);color:#070d1e;font-weight:700;box-shadow:0 4px 14px #d4af3759}.btn-primary:hover{background:linear-gradient(135deg,#f5d76e,#d4af37);box-shadow:0 6px 20px #d4af3780;transform:translateY(-1px)}.btn-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 14px #3b82f64d}.btn-blue:hover{background:linear-gradient(135deg,#60a5fa,#2563eb);transform:translateY(-1px)}.btn-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 14px #8b5cf659}.btn-purple:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);transform:translateY(-1px)}.btn-ghost{background:#ffffff0f;color:var(--text-main);border:1px solid var(--border-color)}.btn-ghost:hover{background:#ffffff1f;color:var(--text-main)}.btn-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef4444;color:#fff}.btn-success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.btn-success:hover{background:#10b981;color:#fff}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-gold{background:#d4af3726;color:#d4af37;border:1px solid rgba(212,175,55,.3)}.badge-purple{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.35)}.badge-blue{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-green{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-red{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.form-input,.form-select,.form-textarea{width:100%;padding:11px 14px;background:#0f172a99;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-main);font-size:16px;transition:all .2s ease;outline:none}html:not(.dark) .form-input,html:not(.dark) .form-select,html:not(.dark) .form-textarea{background:#fff;border-color:#00000026}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #d4af3726}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4af3766}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.app-container{display:flex;min-height:100vh}.app-container.chat-focus-mode .app-navbar,.app-container.chat-focus-mode .bottom-nav-bar{display:none!important}.app-container.chat-focus-mode .main-content{padding-bottom:0!important}.app-container.chat-focus-mode .chat-container-wrapper{height:100dvh!important;min-height:0!important;max-width:100%!important;margin:0!important;padding:0!important}.app-container.chat-focus-mode .chat-container-wrapper>.glass-card{border-radius:0!important;border-left:none!important;border-right:none!important}.typing-dots{display:inline-flex;align-items:center;gap:3px}.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--accent-gold);animation:typing-bounce 1.1s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;padding-bottom:80px}@media (min-width: 1024px){.main-content{padding-bottom:30px;margin-left:280px}}html{-webkit-text-size-adjust:100%}#root,.app-container,.main-content{min-height:100vh;min-height:100dvh}body{overflow-wrap:break-word}@media (max-width: 1023px){.main-content{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}@media (max-width: 640px){.animate-fade-in{padding-left:12px!important;padding-right:12px!important}.animate-fade-in .glass-card,.animate-fade-in .glass-card-gold,.animate-fade-in .sceptre-card{padding:16px!important}.animate-fade-in h1{font-size:1.5rem!important}.animate-fade-in h2{font-size:1.25rem!important}.animate-fade-in table{font-size:.78rem!important}.animate-fade-in th,.animate-fade-in td{padding-left:8px!important;padding-right:8px!important}.chat-container-wrapper>.glass-card{padding:0!important}.form-input,.form-select,.form-textarea{font-size:16px!important}}@media (max-width: 640px){.publications-feed .publication-post{margin-left:-12px!important;margin-right:-12px!important;padding:0!important;border-left:0!important;border-right:0!important;border-radius:0!important;box-shadow:none!important}}@media (max-width: 640px){[style*="minmax(320px"],[style*="minmax(300px"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}[style*="repeat(5, 1fr)"]{grid-template-columns:repeat(3,1fr)!important}[style*="repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.groups-search{width:100%!important}.animate-fade-in [style*="min-width: 280px"],.animate-fade-in [style*="min-width: 260px"],.animate-fade-in [style*="min-width: 220px"]{min-width:0!important}}@media (max-width: 420px){[style*="1fr 1fr"]{grid-template-columns:1fr!important}}.nav-menu-btn{display:none!important}@media (max-width: 1023px){.nav-menu-btn{display:inline-flex!important}.nav-sceptre{display:none!important}}@media (max-width: 900px){.nav-online{display:none!important}}@media (max-width: 768px){.app-navbar{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px!important;gap:8px!important}}@media (max-width: 600px){.nav-brand-text{display:none!important}}@media (max-width: 480px){.app-navbar{padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px!important;gap:6px!important}.nav-user-card{padding:4px!important}.nav-user-meta{display:none!important}}@media (max-width: 400px){.nav-user-card{display:none!important}}@media (max-width: 640px){.modal-overlay{padding:8px!important}.modal-panel{padding:16px!important;border-radius:18px!important;max-height:calc(100dvh - 16px)!important}.badge-preview{width:min(320px,100%)!important;height:auto!important;aspect-ratio:2 / 3}.badge-edit-panel{min-width:0!important}}@media (max-width: 400px){.scanner-status-row{gap:4px!important}.scanner-status-row button{padding:6px 4px!important;gap:3px!important;font-size:.68rem!important}.scanner-status-row button svg{display:none}}@media (max-width: 700px){.settings-modal-layout{flex-direction:column!important;overflow-y:auto!important}.settings-modal-sidebar{width:100%!important;flex-direction:row!important;overflow-x:auto!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;padding:8px!important;flex-shrink:0}.settings-modal-sidebar button{flex-shrink:0;white-space:nowrap}.settings-modal-body{padding:16px!important}}@media (max-width: 480px){.settings-modal-header{padding:14px!important}.settings-modal-header h3{font-size:1.05rem!important}.settings-modal-subtitle{display:none!important}}@media (max-width: 640px){.nav-search-panel{position:fixed!important;top:68px!important;left:12px!important;right:12px!important;width:auto!important}}.auth-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 420px){.auth-grid-2{grid-template-columns:1fr}}.notification-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3650;padding:72px 16px 16px;display:flex;align-items:flex-start;justify-content:flex-end;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.notification-panel{width:min(400px,100%);max-height:min(72vh,560px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-gold, rgba(212, 175, 55, .35));border-radius:16px;background:var(--bg-secondary, #101828);box-shadow:0 18px 60px #00000080;color:var(--text-main, #f8fafc)}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-color)}.notification-panel-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:800}.notification-panel-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:.68rem;font-weight:800;line-height:20px;text-align:center}.notification-close{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:var(--text-dim, #6b7280);cursor:pointer}.notification-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:2px;padding:6px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer}.notification-item:hover{background:#ffffff0d}.notification-item.unread{border-color:#d4af3724;background:#d4af3714}.notification-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;object-fit:cover}.notification-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d4af3724;color:var(--accent-gold, #d4af37)}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column}.notification-title{font-size:.8rem;font-weight:700;line-height:1.35}.notification-body{display:-webkit-box;margin-top:2px;overflow:hidden;color:var(--text-muted, #9ca3af);font-size:.75rem;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time{margin-top:3px;color:var(--text-dim, #6b7280);font-size:.68rem}.notification-dot{width:8px;height:8px;flex-shrink:0;margin-top:6px;border-radius:50%;background:var(--accent-gold, #d4af37);box-shadow:0 0 0 3px #d4af3726}.notification-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:36px 18px;color:var(--text-muted);font-size:.82rem;text-align:center}.notification-panel-footer{display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color)}.notification-panel-footer button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid var(--border-color);border-radius:10px;background:transparent;color:var(--text-muted);font-size:.74rem;font-weight:600;cursor:pointer}.notification-panel-footer button:hover:not(:disabled){background:#ffffff0d;color:var(--text-main)}.notification-panel-footer button:disabled{opacity:.45;cursor:default}@media (max-width: 640px){.notification-overlay{align-items:flex-end;padding:0}.notification-panel{width:100%;max-height:82vh;border-right:none;border-bottom:none;border-left:none;border-radius:18px 18px 0 0}}@media (max-width: 640px){.modal-overlay{align-items:flex-start!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.update-modal-panel{padding:18px!important}}@media (max-width: 480px){.chat-header-badge{display:none!important}}@media (max-width: 520px){.member-profile-identity{gap:12px!important}.member-profile-avatar{width:82px!important;height:82px!important}.member-profile-name{min-width:0!important}.member-profile-actions{flex:1 1 100%}.member-profile-actions .btn{flex:1 1 140px}}@media (max-width: 640px){.nav-user-card{display:none!important}.app-navbar>div:last-child{gap:8px!important}}@media (max-width: 480px){.app-navbar>div:last-child{gap:6px!important}.app-navbar .btn{flex-shrink:0}}img,video,canvas{max-width:100%}.main-content,.glass-card,.modal-panel{min-width:0}