*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0a0b0f;--bg-surface: #0f1117;--bg-card: #13151d;--bg-card-hover: #181b25;--bg-glass: rgba(255,255,255,.03);--bg-glass-hover: rgba(255,255,255,.06);--border: rgba(255,255,255,.07);--border-bright: rgba(255,255,255,.12);--cyan: #00e5ff;--cyan-dim: rgba(0,229,255,.15);--cyan-glow: rgba(0,229,255,.25);--amber: #ffb700;--amber-dim: rgba(255,183,0,.15);--green: #00ff88;--green-dim: rgba(0,255,136,.12);--red: #ff4757;--red-dim: rgba(255,71,87,.12);--text-primary: #e8eaf0;--text-secondary: #6b7280;--text-muted: #3d4250;--sidebar-width: 220px;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px}html,body,#root{height:100%;width:100%}body{font-family:var(--font-display);background:var(--bg-base);color:var(--text-primary);overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-display);outline:none;border:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--cyan-glow)}50%{box-shadow:0 0 20px var(--cyan-glow),0 0 40px var(--cyan-dim)}}.animate-in{animation:fadeIn .3s ease forwards}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:58px;background:var(--bg-surface);border-top:1px solid var(--border);z-index:50;align-items:center;justify-content:space-around;padding:0 4px}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:6px 10px;border-radius:10px;color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:.05em;transition:all .15s;min-width:52px}.mobile-nav-btn.active{color:var(--cyan);background:var(--cyan-dim)}@media (max-width: 1024px){:root{--sidebar-width: 190px}}@media (max-width: 768px){.sidebar-desktop{position:fixed!important;top:0;left:0;bottom:0;z-index:45;transform:translate(-110%);transition:transform .28s cubic-bezier(.4,0,.2,1)!important;box-shadow:6px 0 32px #0009}.sidebar-desktop.sidebar-open{transform:translate(0)!important}.sidebar-overlay.overlay-active{display:block}.mobile-bottom-nav{display:flex}.main-content{padding-bottom:58px}.grid-3col{grid-template-columns:1fr!important}.grid-4col{grid-template-columns:1fr 1fr!important}.grid-2col{grid-template-columns:1fr!important}h1{font-size:22px!important}.view-pad{padding:14px 14px 0!important}.view-scroll{padding:0 14px 80px!important}}@media (max-width: 480px){h1{font-size:18px!important}.grid-4col{grid-template-columns:1fr 1fr!important}.hide-xs{display:none!important}}