:root{--bg: #0a0c0f;--surface: #12161c;--surface2: #1a2030;--border: #242a38;--accent: #00e5a0;--accent2: #ff6b35;--accent3: #4da6ff;--text: #e8edf5;--text-dim: #6b7a94;--text-muted: #3a4558}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Barlow,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@keyframes slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-border{0%,to{box-shadow:0 0 #00e5a033}50%{box-shadow:0 0 0 4px #00e5a00d}}@keyframes pulse-orange{0%,to{box-shadow:0 0 #ff6b3533}50%{box-shadow:0 0 0 4px #ff6b350d}}.slide-in{animation:slide-in .18s ease forwards}.tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#0a0c0ffa;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tab-btn{flex:1;padding:10px 4px 12px;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:var(--text-muted);font-family:Barlow Condensed,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:color .15s}.tab-btn.active{color:var(--accent)}.tab-btn .tab-icon{font-size:1.2rem;line-height:1}.tab-btn .tab-badge{position:absolute;top:6px;background:var(--accent2);color:#fff;font-size:.55rem;font-weight:800;padding:1px 4px;border-radius:8px;min-width:14px;text-align:center}@media (max-width: 768px){.tab-bar{display:flex}.desktop-only{display:none!important}.mobile-panel{display:none;flex-direction:column;flex:1;overflow:hidden}.mobile-panel.active{display:flex}.main-layout{flex-direction:column!important;height:calc(100vh - 113px)!important}}@media (min-width: 769px){.mobile-only{display:none!important}.mobile-panel{display:flex!important;flex-direction:column;overflow:hidden}.main-layout{height:calc(100vh - 57px)}}