@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(245, 158, 11, .35);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent-gold: #f59e0b;--accent-gold-hover: #d97706;--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(245, 158, 11, .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(217, 119, 6, .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(217, 119, 6, .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(245,158,11,.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,#f59e0b14,#121e3cb3);border:1px solid var(--border-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-gold)}.sceptre-card{background:linear-gradient(135deg,#8b5cf62e,#f59e0b1f,#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(245,158,11,.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,#f59e0b,#d97706);color:#070d1e;font-weight:700;box-shadow:0 4px 14px #f59e0b59}.btn-primary:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 6px 20px #f59e0b80;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:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.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 #f59e0b26}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f59e0b66}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@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}.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){[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}}