:root{--bg-app:#090a0f;--bg-surface:#10121a;--bg-surface-elevated:#161a26;--bg-card:#161a26b8;--bg-card-hover:#1c2232d9;--bg-glass:#10121ad1;--backdrop-blur:blur(16px);--border-subtle:#ffffff12;--border-medium:#ffffff1f;--border-active:#f43f5e73;--border-gold:#fbbf2459;--primary:#f43f5e;--primary-hover:#e11d48;--primary-glow:#f43f5e40;--primary-subtle:#f43f5e1f;--gold:#fbbf24;--gold-hover:#f59e0b;--gold-glow:#fbbf2440;--gold-subtle:#fbbf241f;--success:#10b981;--success-subtle:#10b9811f;--warning:#f59e0b;--warning-subtle:#f59e0b1f;--danger:#ef4444;--danger-subtle:#ef44441f;--info:#3b82f6;--info-subtle:#3b82f61f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#090a0f;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 40px #0009;--shadow-glow:0 0 24px var(--primary-glow);--shadow-gold-glow:0 0 24px var(--gold-glow);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.28s cubic-bezier(.16, 1, .3, 1);--sidebar-width:260px;--sidebar-collapsed-width:76px;--header-height:64px;--bottom-nav-height:64px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;line-height:1.25}a{color:inherit;text-decoration:none}button,input,textarea,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}button{cursor:pointer;transition:all var(--transition-fast)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:border-color var(--transition-smooth), transform var(--transition-smooth)}.glass-panel:hover{border-color:var(--border-medium)}.btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.925rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;box-shadow:0 4px 16px var(--primary-glow);background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f43f5e66}.btn-primary:active{transform:translateY(0)}.btn-gold{color:#090a0f;box-shadow:0 4px 16px var(--gold-glow);background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);font-weight:700}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 22px #fbbf2473}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#fff3}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-danger{background:var(--danger-subtle);color:var(--danger);border:1px solid #ef44444d}.btn-danger:hover{background:var(--danger);color:#fff}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-premium{color:#fcd34d;border:1px solid var(--border-gold);background:linear-gradient(135deg,#fbbf2433 0%,#f59e0b40 100%)}.badge-free{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0f}.badge-admin{color:#fda4af;background:#f43f5e33;border:1px solid #f43f5e66}.badge-verified{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.input-field{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:12px 16px;font-size:.925rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-surface-elevated)}.input-field::placeholder{color:var(--text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#040508d9;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#161a26 25%,#242a3e 50%,#161a26 75%) 0 0/200% 100%;animation:1.8s infinite shimmer}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--text-secondary);opacity:.7;margin-bottom:16px}.error-banner{background:var(--danger-subtle);color:#fca5a5;border-radius:var(--radius-sm);border:1px solid #ef444459;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.9rem;display:flex}.success-banner{background:var(--success-subtle);color:#86efac;border-radius:var(--radius-sm);border:1px solid #10b98159;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.9rem;display:flex}.locked-card{text-align:center;background:linear-gradient(#161a26e6 0%,#0e1018fa 100%);padding:40px 24px;position:relative;overflow:hidden;border:1px solid var(--border-gold)!important}.locked-card .lock-icon-wrap{border-radius:var(--radius-full);background:var(--gold-subtle);border:1px solid var(--border-gold);width:60px;height:60px;color:var(--gold);box-shadow:0 0 20px var(--gold-glow);justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.app-container{background:radial-gradient(circle at 50% 0,#151824 0%,#090a0f 75%);min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:24px 20px 88px}@media (width>=1024px){.main-content{padding:32px 32px 48px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border:2px solid var(--bg-app);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}