@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-color:#0f172a;--bg-surface:#1e293b;--bg-surface-hover:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155;--accent:#10b981;--accent-glow:#10b98133;--danger:#ef4444;--bg-main:var(--bg-color);--bg-card:var(--bg-surface);--bg-input:#00000040;--bg-dropdown:#1e293b;--text-primary:var(--text-main);--text-secondary:#cbd5e1;--border-default:var(--border-color);--accent-primary:var(--primary);--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:var(--danger);--focus-ring:#4f46e580}*{box-sizing:border-box}html{overflow-x:hidden}body{width:100%;margin:0!important;padding:0!important}#root{text-align:left;width:100%;max-width:none!important;margin:0!important;padding:0!important}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 4px 30px #0000001a}h1,h2,h3,h4{letter-spacing:-.025em;margin-top:0;font-weight:600}h1{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem}h2{color:#f1f5f9;font-size:1.875rem}p{color:var(--text-muted);line-height:1.6}.form-input,.form-select,.form-textarea{border:1px solid var(--border-default);background-color:var(--bg-input);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--focus-ring);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);opacity:1}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed}select.form-select option,select option{background-color:var(--bg-dropdown)!important;color:var(--text-primary)!important}select option:disabled{font-style:italic;color:var(--text-muted)!important}.btn{cursor:pointer;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #4f46e563}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e53b}.btn-success{background-color:var(--accent-success);color:#064e3b;font-weight:600;box-shadow:0 4px 14px #10b98133}.btn-success:hover:not(:disabled){color:#fff;background-color:#059669;transform:translateY(-1px);box-shadow:0 6px 20px #10b9814d}.btn-warning{background-color:var(--accent-warning);color:#451a03;font-weight:600;box-shadow:0 4px 14px #f59e0b33}.btn-warning:hover:not(:disabled){color:#fff;background-color:#d97706;transform:translateY(-1px)}.btn-danger{background-color:var(--accent-danger);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.btn-outline{color:var(--text-primary);border:1px solid var(--border-default);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--bg-surface-hover)}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;width:280px;padding:1.5rem;display:flex;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.main-content{flex:1;padding:2rem 3rem;position:relative;overflow-y:auto}.metric-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.metric-value{color:#fff;margin:.5rem 0;font-size:2rem;font-weight:700}.metric-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.nav-link{color:var(--text-muted);border-radius:8px;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{background-color:var(--primary);color:#fff}.logo-area{color:#fff;align-items:center;gap:.75rem;margin-bottom:3rem;font-size:1.5rem;font-weight:700;display:flex}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}table{border-collapse:separate;border-spacing:0;width:100%;margin-top:1.5rem}th{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-muted);padding:1rem;font-size:.875rem;font-weight:600}td{border-bottom:1px solid var(--border-color);padding:1rem;font-size:.875rem}tr:hover td{background-color:#ffffff05}.badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-success{color:#34d399;background:#10b9811a}.badge-warning{color:#fbbf24;background:#f59e0b1a}.tab-btn-modern{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.tab-btn-modern:hover{color:#fff;background:#ffffff0d}.tab-btn-modern.active{color:var(--primary);border-bottom-color:var(--primary);background:#8b5cf61a}.toggle-switch{width:36px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{cursor:pointer;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;transition:all .2s;position:absolute;inset:0}.toggle-switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:2px;left:2px}.toggle-switch input:checked+.slider{background-color:var(--primary);border-color:var(--primary)}.toggle-switch input:checked+.slider:before{transform:translate(16px)}.premium-grid-bg{color:#e5e2e1;background-color:#050505;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:32px 32px}.premium-glass-card{-webkit-backdrop-filter:blur(16px);background:#121212b3;border:1px solid #ffffff14;border-radius:16px;transition:all .3s;box-shadow:inset 0 1px 1px #ffffff1a}.premium-glass-card:hover{border-color:#a3ff1280;transform:translateY(-4px)}.glow-green{box-shadow:0 0 40px -10px #a3ff1233}.glow-purple{box-shadow:0 0 40px -10px #8b5cf633}.btn-neon{color:#102000;cursor:pointer;background-color:#9ffb06;border:none;border-radius:9999px;padding:1rem 2rem;font-weight:700;transition:all .3s}.btn-neon:hover{transform:translateY(-2px);box-shadow:0 0 20px #a3ff1299}.text-neon{color:#9ffb06}.text-neon-gradient{background:linear-gradient(135deg,#fff 0%,#9ffb06 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}