:root{--bg-color: #030712;--bg-gradient: radial-gradient(circle at 50% 0%, #172033, #030712);--sidebar-w: 260px;--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(17, 24, 39, .6);--glass-bg-hover: rgba(31, 41, 55, .7);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-blue: #3b82f6;--accent-green: #10b981}*{box-sizing:border-box}body{background-color:var(--bg-color);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}.mono-font,.stat-value,.chart-label{font-family:Outfit,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.2px;font-weight:600}.app-layout{display:flex;min-height:100vh;position:relative;gap:0}.sidebar{width:var(--sidebar-w);height:100vh;position:sticky;top:0;flex-shrink:0;display:flex;flex-direction:column;padding:1.5rem;z-index:50;border-right:1px solid var(--glass-border);background:rgba(3,7,18,.95);transition:transform .3s cubic-bezier(.4,0,.2,1)}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.glass-header{position:sticky;top:0;z-index:40;padding:1rem 2rem;background:rgba(3,7,18,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.mobile-only{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0003}.card{border-radius:16px;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.hover-card:hover{transform:translateY(-2px);background:var(--glass-bg-hover);border-color:#3b82f666;box-shadow:0 10px 25px -5px #0000004d}input,select{background:rgba(0,0,0,.3);border:1px solid var(--glass-border);color:var(--text-primary);padding:.6rem 1rem;border-radius:8px;font-family:Outfit,sans-serif;outline:none;transition:border-color .2s}input:focus{border-color:var(--accent-blue)}.badge{padding:.2rem .6rem;border-radius:6px;font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-family:Outfit,sans-serif}.badge-success{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-warning{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-danger{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.2)}.animate-fade-in{animation:fadeIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.app-layout{flex-direction:column}.sidebar{position:fixed!important;top:0;left:0;bottom:0;width:250px!important;transform:translate(-100%);box-shadow:4px 0 24px #00000080;height:100vh!important;background:#030712!important}.sidebar.mobile-open{transform:translate(0)!important}.main-content{width:100%!important;margin-left:0!important}.glass-header{padding:.75rem 1rem;position:sticky;top:0;z-index:40}.mobile-only{display:block!important}.mobile-menu-btn{padding:4px;margin-right:8px;cursor:pointer}div[style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:1fr!important;gap:1rem!important}div[style*="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))"]{grid-template-columns:1fr!important}.search-wrapper{display:none}.search-wrapper.mobile-visible{display:block;flex:1}.search-wrapper.mobile-visible input{width:100%!important;padding-left:2.5rem}.hide-on-mobile{display:none!important}h2{font-size:1rem!important}.stat-value{font-size:1.4rem!important}}