@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#f75506;--primary-hover:#e04c05;--secondary:#373636;--bg-dark:#0f172a;--bg-card:#1e293b;--text-main:#f8fafc;--text-primary:var(--text-main);--text-muted:#94a3b8;--border-color:#334155;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glow:0 0 15px #f7550666;--font-sans:"Outfit", sans-serif;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--input-bg:#0f172a99}.light-mode{--bg-dark:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-primary:var(--text-main);--text-muted:#475569;--border-color:#cbd5e1;--glass-bg:#ffffffbf;--glass-border:#0f172a14;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #00000014;--shadow-lg:0 10px 15px -3px #0000000a, 0 4px 6px -4px #0000000a;--shadow-glow:0 0 15px #f7550614;--input-bg:#fffffff2}.theme-toggle-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle-btn:hover{background:var(--border-color);transform:scale(1.05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 15%,#f7550614,#0000 25%),radial-gradient(circle at 85% 30%,#10b98114,#0000 25%);position:fixed;inset:0}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.glass-nav{z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-outline{color:var(--text-main);border:1px solid var(--border-color);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.input-field{border-radius:var(--radius-md);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s;background:var(--input-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important}.light-mode .input-field{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f133}.label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.page-container{max-width:1280px;margin:0 auto;padding:2rem}.hero-title{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-muted);margin-top:1rem;font-size:1.25rem}.grid{gap:1.5rem;display:grid}.table-container{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;overflow-x:auto}.modern-table{border-collapse:collapse;text-align:left;width:100%}.modern-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:#0f172a80;padding:1rem;font-size:.875rem;font-weight:600}.modern-table td{border-bottom:1px solid #33415580;padding:1rem;font-size:.95rem}.modern-table tbody tr{transition:background-color .15s}.modern-table tbody tr:hover{background-color:#ffffff05}.badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#10b981;background:#10b9811a}.badge-warning{color:#f59e0b;background:#f59e0b1a}.badge-error{color:#ef4444;background:#ef44441a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.metrics-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (min-width:640px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}.clickable-metric-card{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s}.clickable-metric-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-3px)scale(1.01)}.clickable-metric-card.active-indigo{border-color:var(--primary)!important;background:#6366f10a!important;box-shadow:0 0 15px #6366f159!important}.clickable-metric-card.active-emerald{border-color:var(--secondary)!important;background:#10b9810a!important;box-shadow:0 0 15px #10b98159!important}.clickable-metric-card.active-amber{background:#f59e0b0a!important;border-color:#f59e0b!important;box-shadow:0 0 15px #f59e0b59!important}.clickable-metric-card.active-red{background:#ef44440a!important;border-color:#ef4444!important;box-shadow:0 0 15px #ef444459!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}::-webkit-scrollbar-thumb{background:#6366f133 padding-box padding-box;border:1px solid #0000;border-radius:4px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background:#6366f166}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}input[type=checkbox]{appearance:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:#0f172a99;outline:none;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s ease-in-out;display:inline-flex;position:relative}.light-mode input[type=checkbox]{background:#fffc}input[type=checkbox]:hover{border-color:var(--primary);background:#6366f11a}.light-mode input[type=checkbox]:hover{background:#6366f10d}input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.light-mode input,.light-mode select,.light-mode textarea{color:#0f172a!important;background:#fffffff2!important;border-color:#cbd5e1!important}.light-mode input::placeholder,.light-mode textarea::placeholder{color:#64748b!important}.light-mode [style*="background: rgba(15, 23, 42"],.light-mode [style*="background:rgba(15,23,42"],.light-mode [style*="background-color: rgba(15, 23, 42"],.light-mode [style*="background-color:rgba(15,23,42"]{color:#0f172a!important;background:#00000008!important;border-color:#cbd5e1!important}.light-mode [style*="background: rgba(15, 23, 42, 0.2)"],.light-mode [style*="background:rgba(15,23,42,0.2)"],.light-mode .table-container{background:#fff!important;border-color:#cbd5e1!important}.light-mode .modern-table th{color:#334155!important;background:#f1f5f9!important;border-bottom:1px solid #cbd5e1!important}.light-mode .modern-table td{border-bottom:1px solid #cbd5e1!important}.light-mode [style*="color: rgb(255, 135, 77)"],.light-mode [style*="color:rgb(255,135,77)"],.light-mode [style*="color: #ff874d"],.light-mode [style*="color:#ff874d"]{color:#e04c05!important}.light-mode [style*="color: rgb(52, 211, 153)"],.light-mode [style*="color:rgb(52,211,153)"],.light-mode [style*="color: #34d399"],.light-mode [style*="color:#34d399"]{color:#059669!important}.light-mode button[style*="color: rgb(255, 135, 77)"],.light-mode button[style*="color: #ff874d"]{color:#e04c05!important;background:#f755061a!important;border-color:#f755064d!important}.light-mode button[style*="color: rgb(255, 135, 77)"]:hover,.light-mode button[style*="color: #ff874d"]:hover{background:#f7550633!important}.light-mode span[style*="rgba(247, 85, 6"],.light-mode span[style*="rgba(247,85,6"]{color:#e04c05!important;background:#f755061a!important;border-color:#f7550640!important}.light-mode span[style*="rgba(16, 185, 129"],.light-mode span[style*="rgba(16,185,129"]{color:#059669!important;background:#10b9811a!important;border-color:#10b98140!important}.light-mode [style*="background: rgba(30, 41, 59"],.light-mode [style*="background:rgba(30,41,59"],.light-mode [style*="background-color: rgba(30, 41, 59"],.light-mode [style*="background-color:rgba(30,41,59"]{color:#0f172a!important;background:#00000005!important;border-color:#cbd5e1!important}.light-mode .glass-panel[style*="background: rgba(30, 41, 59"],.light-mode .glass-panel[style*="background:rgba(30,41,59"],.light-mode div[style*="background: rgba(30, 41, 59, 0.95)"],.light-mode div[style*="background:rgba(30,41,59,0.95)"]{color:#0f172a!important;background:#fffffffa!important;border-color:#cbd5e1!important}.light-mode [style*="background: rgba(30, 41, 59, 0.6)"],.light-mode [style*="background:rgba(30,41,59,0.6)"]{background:var(--bg-card)!important;border-color:var(--border-color)!important}.light-mode [style*="background: rgba(0, 0, 0, 0.2)"],.light-mode [style*="background:rgba(0,0,0,0.2)"]{border:1px solid var(--border-color)!important;background:#00000005!important}.grid-4{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}@media (min-width:640px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}