@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0f172a;--bg-panel: rgba(30, 41, 59, .7);--border-glass: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-glow: rgba(56, 189, 248, .5);--accent-color: #38bdf8;--status-green: #22c55e;--status-yellow: #eab308;--status-red: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 15% 50%,rgba(56,189,248,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(168,85,247,.08),transparent 25%);overflow-x:hidden;height:100vh;width:100%}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:0 8px 32px #0000004d}.btn{background:#ffffff1a;border:1px solid var(--border-glass);color:var(--text-main);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn:hover{background:#fff3;transform:translateY(-1px)}.btn-primary{background:var(--accent-color);color:#0f172a;border:none;font-weight:600;box-shadow:0 0 15px var(--accent-glow)}.btn-primary:hover{background:#7dd3fc;box-shadow:0 0 25px var(--accent-glow);transform:translateY(-1px)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root,.app{height:100%;width:100%;overflow-x:hidden}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stats-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:1024px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid-4,.stats-grid-3{grid-template-columns:1fr}}@media(max-width:768px){.sidebar-container{position:fixed!important;top:0;left:0;height:100vh!important;z-index:50;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-container.mobile-open{transform:translate(0)}.mobile-menu-btn{display:flex!important}}.mobile-menu-btn{display:none;position:absolute;top:1.5rem;right:1.5rem;z-index:40;border-radius:50%;width:3rem;height:3rem;align-items:center;justify-content:center;border:1px solid var(--border-glass);background:var(--bg-panel);color:var(--text-main);cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-menu-btn:hover{background:#ffffff1a;transform:scale(1.05)}.mobile-overlay{display:none}@media(max-width:768px){.mobile-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45}}main>div{animation:viewFadeIn .3s ease-out}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}.glass-panel{transition:transform .2s ease,box-shadow .2s ease}.glass-panel:hover{transform:translateY(-1px);box-shadow:0 12px 40px #00000059}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select option{background:#1e293b;color:#f8fafc}