@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap");:root{--background:#000;--foreground:#fff;--card-bg:hsla(0,0%,100%,.03);--card-border:hsla(0,0%,100%,.07);--accent:#6366f1;--accent-glow:rgba(99,102,241,.35);--secondary:#64748b;--radius-xl:45px;--radius-lg:24px;--radius-md:16px;--glass-grad:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,0))}*{box-sizing:border-box;padding:0;margin:0;-webkit-font-smoothing:antialiased}body{color:var(--foreground);background:var(--background);font-family:Outfit,sans-serif;min-height:100vh}.glass-card{background:var(--glass-grad);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:1px solid var(--card-border);border-radius:var(--radius-xl);transition:.6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent);pointer-events:none}.glass-card:hover{border-color:hsla(0,0%,100%,.2);transform:translateY(-10px) scale(1.01);background:hsla(0,0%,100%,.06);box-shadow:0 40px 80px -20px rgba(0,0,0,.5)}.sidebar{width:320px;height:100vh;position:fixed;left:0;top:0;border-right:1px solid var(--card-border);background:rgba(5,5,5,.5);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);padding:5rem 3rem;display:flex;flex-direction:column;z-index:100}.main-content{margin-left:320px;padding:6rem 4rem 6rem 8rem;min-height:100vh;animation:reveal 1s cubic-bezier(.16,1,.3,1)}@keyframes reveal{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.logo-container{font-size:1.8rem;font-weight:800;margin-bottom:7rem;flex-direction:column;gap:8px;color:#fff;letter-spacing:-1.5px}.logo-container,.nav-item{display:flex;align-items:center}.nav-item{gap:1.4rem;padding:1.4rem 2rem;border-radius:var(--radius-md);color:var(--secondary);transition:.5s cubic-bezier(.16,1,.3,1);margin-bottom:1rem;cursor:pointer;font-weight:600}.nav-item:hover{color:#fff;background:hsla(0,0%,100%,.04);transform:translateX(8px)}.nav-item.active{color:#fff;background:var(--accent);box-shadow:0 25px 50px -12px var(--accent-glow)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2.5rem;gap:2.5rem;width:100%;margin-bottom:2.5rem}.metric-content{padding:4.5rem 4rem}.metric-label{color:var(--secondary);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;margin-bottom:1.5rem;opacity:.6}.metric-value{font-size:4.2rem;font-weight:800;color:#fff;letter-spacing:-2px;line-height:1}.btn-primary{background:var(--accent);color:#fff;padding:1.5rem 3.5rem;border-radius:var(--radius-md);font-weight:800;text-transform:uppercase;letter-spacing:1px;border:none;cursor:pointer;box-shadow:0 15px 35px -10px var(--accent-glow);transition:.6s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 30px 60px -15px var(--accent-glow)}.table-wrap{overflow-x:auto;background:var(--background);border-radius:var(--radius-xl);border:1px solid var(--card-border);width:100%}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--secondary);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:2px}td,th{padding:2.8rem 2.2rem;border-bottom:1px solid var(--card-border)}td{font-size:1.1rem;transition:.4s;font-weight:500}tr:hover td{background:hsla(0,0%,100%,.02);color:#fff}