@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--font-primary:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--primary-hue:210;--primary-sat:100%;--primary-light:20%;--secondary-hue:180;--secondary-sat:100%;--secondary-light:25%;--primary:hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--primary-hover:hsl(var(--primary-hue), var(--primary-sat), calc(var(--primary-light) + 8%));--primary-rgb:0, 51, 102;--secondary:hsl(var(--secondary-hue), var(--secondary-sat), var(--secondary-light));--secondary-hover:hsl(var(--secondary-hue), var(--secondary-sat), calc(var(--secondary-light) + 8%));--secondary-rgb:0, 128, 128;--accent:#ff9800;--accent-hover:#e68900;--background-hsl:210, 20%, 98%;--background:hsl(var(--background-hsl));--foreground:#111827;--card-background:#fff;--card-border:#00000014;--card-shadow:0 4px 20px -2px #0000000d, 0 2px 8px -1px #00000008;--input-bg:#f9fafb;--input-border:#e5e7eb;--input-focus:hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--text-muted:#6b7280;--text-inverse:#fff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--sidebar-width:280px;--header-height:70px;--glass-bg:#ffffffbf;--glass-border:#ffffff80;--glass-blur:blur(12px)}[data-theme=dark]{--primary-light:65%;--secondary-light:50%;--background-hsl:220, 15%, 8%;--background:hsl(var(--background-hsl));--foreground:#f3f4f6;--card-background:#18191f;--card-border:#ffffff0d;--card-shadow:0 10px 30px -10px #000000b3;--input-bg:#1f2028;--input-border:#2e2f38;--input-focus:hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--text-muted:#9ca3af;--glass-bg:#18191fbf;--glass-border:#ffffff08;--glass-blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .25s,border-color .25s}body{font-family:var(--font-primary);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.animate-fade{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-slide-in-right{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInRight}.shimmer-bg{background:linear-gradient(90deg, var(--input-bg) 25%, var(--input-border) 50%, var(--input-bg) 75%);background-size:200% 100%;animation:1.5s linear infinite shimmer}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.premium-card{background:var(--card-background);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:16px;padding:24px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.premium-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px -10px #0000001f}.premium-button{font-family:var(--font-primary);cursor:pointer;box-shadow:0 4px 12px rgba(var(--primary-rgb), .15);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.premium-button-primary{background:var(--primary);color:var(--text-inverse)}.premium-button-primary:hover{background:var(--primary-hover);box-shadow:0 6px 16px rgba(var(--primary-rgb), .25);transform:translateY(-1px)}.premium-button-secondary{background:var(--secondary);color:var(--text-inverse)}.premium-button-secondary:hover{background:var(--secondary-hover);box-shadow:0 6px 16px rgba(var(--secondary-rgb), .25);transform:translateY(-1px)}.premium-button-outline{border:1.5px solid var(--primary);color:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-rgb), .05);background:0 0;font-weight:500}.premium-button-outline:hover{background:var(--primary);color:var(--text-inverse);box-shadow:0 4px 12px rgba(var(--primary-rgb), .2)}[data-theme=dark] .premium-button-outline{background:rgba(var(--primary-rgb), .15);border-color:var(--primary);color:var(--primary)}[data-theme=dark] .premium-button-outline:hover{background:var(--primary);color:var(--text-inverse)}.premium-input{font-family:var(--font-primary);background:var(--input-bg);border:1.5px solid var(--input-border);width:100%;color:var(--foreground);border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.premium-input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1);background:var(--card-background)}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.flex-center{justify-content:center;align-items:center;display:flex}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-primary{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.badge-secondary{background:rgba(var(--secondary-rgb), .1);color:var(--secondary)}.badge-success{color:var(--success);background:#10b9811a}.badge-warning{color:var(--warning);background:#f59e0b1a}.badge-danger{color:var(--danger);background:#ef44441a}.white-label-theme{--primary:var(--wl-primary,var(--primary));--primary-hover:var(--wl-primary-hover,var(--primary-hover));--secondary:var(--wl-secondary,var(--secondary));--secondary-hover:var(--wl-secondary-hover,var(--secondary-hover))}