@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-base:#000;--bg-subtle:#0a0a0a;--surface:#141414d9;--surface-card:#0a0a0a;--surface-hover:#111;--surface-border:#ffffff1a;--surface-border-hover:#fff3;--primary:#fff;--primary-light:#e5e5e5;--primary-glow:#ffffff1a;--accent-cyan:#22d3ee;--accent-violet:#a78bfa;--accent-pink:#f472b6;--success:#34d399;--success-bg:#10b9811a;--success-border:#10b98133;--warning:#fbbf24;--warning-bg:#f59e0b1a;--warning-border:#f59e0b33;--danger:#fb7185;--danger-bg:#f43f5e1a;--danger-border:#f43f5e33;--text-main:#fff;--text-secondary:#e5e5e5;--text-muted:#a3a3a3;--text-dim:#737373;--sidebar-width-expanded:270px;--sidebar-width-collapsed:72px;--header-height:64px;--glass-blur:blur(12px);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#ffffff08 0,#0000 50%),radial-gradient(at 100% 0,#ffffff04 0,#0000 50%),radial-gradient(at 50% 100%,#ffffff04 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#root{width:100%;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}h1{letter-spacing:-.03em;color:var(--text-main);font-size:1.85rem;font-weight:700;line-height:1.2}h2{letter-spacing:-.02em;color:var(--text-main);font-size:1.4rem;font-weight:600}h3{letter-spacing:-.01em;color:var(--text-secondary);font-size:1.05rem;font-weight:600}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.app-container{background:0 0;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width-collapsed);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--surface-border);z-index:999;background:#000;flex-direction:column;height:100vh;padding:1.5rem .75rem;transition:width .3s cubic-bezier(.2,1,.2,1),box-shadow .3s;display:flex;position:fixed;overflow:hidden}.sidebar.expanded{width:var(--sidebar-width-expanded);box-shadow:10px 0 30px #0006}.sidebar-text-content{opacity:0;white-space:nowrap;pointer-events:none;transition:opacity .2s}.sidebar.expanded .sidebar-text-content{opacity:1;pointer-events:auto}.sidebar-logo{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:0 0 1.5rem;display:flex}.sidebar-logo-text{color:#fff;font-family:JetBrains Mono,monospace;font-size:1.05rem;font-weight:800}.sidebar-nav-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:.75rem .75rem .35rem;font-size:.68rem;font-weight:700}.nav-link{color:var(--text-muted);border-radius:var(--radius-md);align-items:center;gap:.85rem;margin-bottom:.2rem;padding:.65rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .18s;display:flex;position:relative;overflow:hidden}.nav-icon-container{justify-content:center;align-items:center;min-width:24px;display:flex}.nav-link:hover{color:var(--text-secondary);background:#ffffff0d;transform:translate(2px)}.nav-link.active{color:#fff;background:#ffffff1a;font-weight:600}.nav-link.active:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:1rem}.main-layout-wrapper{margin-left:var(--sidebar-width-collapsed);width:calc(100vw - var(--sidebar-width-collapsed));max-width:calc(100vw - var(--sidebar-width-collapsed));flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.top-navbar{height:var(--header-height);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--surface-border);justifyContent:space-between;z-index:40;background:#000c;align-items:center;padding:0 2.5rem;display:flex;position:sticky;top:0}.main-content{flex:1;width:100%;max-width:1600px;padding:2.25rem 2.5rem;animation:.3s ease-out fadeIn}.glass-card{background:var(--surface-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 4px 20px -2px #00000080,inset 0 1px #ffffff0d}.glass-card:hover{border-color:#fff3;box-shadow:0 8px 30px -4px #0009,inset 0 1px #ffffff1a}.glass-card-interactive:hover{border-color:var(--surface-border-hover);transform:translateY(-2px);box-shadow:0 12px 30px -4px #000000b3,0 0 20px #ffffff0d}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.kpi-card{justifyContent:space-between;flex-direction:column;display:flex}.kpi-header{justifyContent:space-between;align-items:center;margin-bottom:.75rem;display:flex}.kpi-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:600}.kpi-icon-badge{border-radius:var(--radius-md);color:#fff;justifyContent:center;background:#ffffff1a;align-items:center;padding:.5rem;display:flex}.kpi-value{letter-spacing:-.03em;color:var(--text-main);margin-bottom:.35rem;font-size:2.1rem;font-weight:700;line-height:1.1}.kpi-subtitle{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.table-container{border-radius:var(--radius-md);width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#ffffff05;border-bottom:1px solid #ffffff1a;padding:.85rem 1rem;font-size:.75rem;font-weight:600}td{color:var(--text-secondary);border-bottom:1px solid #ffffff0d;padding:.95rem 1rem;font-size:.875rem;transition:background .15s}tr:hover td{background:#ffffff08}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-indigo{color:#fff;background:#ffffff1a;border:1px solid #fff3}button{font-family:inherit}.btn-primary{color:#000;border-radius:var(--radius-md);cursor:pointer;background:#fff;border:none;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #ffffff1a}.btn-primary:hover{background:#e5e5e5;transform:translateY(-1px);box-shadow:0 6px 16px #fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.pulse-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseGlow;display:inline-block;box-shadow:0 0 8px #34d39980}