@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--background:#09090b;--foreground:#fafafa;--card:#18181b;--card-foreground:#fafafa;--popover:#09090b;--popover-foreground:#fafafa;--primary:#6366f1;--primary-foreground:#fff;--secondary:#27272a;--secondary-foreground:#fafafa;--muted:#27272a;--muted-foreground:#a1a1aa;--accent:#27272a;--accent-foreground:#fafafa;--destructive:#ef4444;--destructive-foreground:#fafafa;--border:#27272a;--input:#27272a;--ring:#6366f1;--radius:.75rem;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.glass{-webkit-backdrop-filter:blur(12px);background:#18181bb3;border:1px solid #ffffff0d}.dashboard-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);flex-direction:column;gap:2rem;width:280px;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.logo{letter-spacing:-.025em;color:var(--primary);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.nav-links{flex-direction:column;gap:.5rem;display:flex}.nav-item{border-radius:var(--radius);color:var(--muted-foreground);align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{background-color:var(--accent);color:var(--foreground)}.nav-item.active{color:var(--primary);background-color:#6366f11a}.main-content{flex:1;padding:2rem 3rem;overflow-y:auto}.header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.header h1{letter-spacing:-.05em;font-size:2rem;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);padding:1.5rem;transition:transform .2s}.stat-card:hover{border-color:var(--primary);transform:translateY(-4px)}.stat-label{color:var(--muted-foreground);margin-bottom:.5rem;font-size:.875rem}.stat-value{font-size:1.75rem;font-weight:700}.stat-trend{align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.trend-up{color:var(--success)}.trend-down{color:var(--destructive)}.content-grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.section-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);padding:1.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-title{font-size:1.125rem;font-weight:600}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;color:var(--muted-foreground);border-bottom:1px solid var(--border);padding:.75rem;font-size:.75rem}.table td{border-bottom:1px solid var(--border);padding:1rem .75rem}.badge{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.badge-success{color:#10b981;background:#10b9811a}.badge-pending{color:#f59e0b;background:#f59e0b1a}@media (max-width:1024px){.sidebar{width:80px;padding:2rem 1rem}.logo span,.nav-item span{display:none}.content-grid{grid-template-columns:1fr}}@media (max-width:640px){.sidebar{display:none}.main-content{padding:1.5rem}}