@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";
:root{--bg-color:#f4f7f6;--bg-gradient:linear-gradient(135deg, #e0eafc 0%, #cfdef3 100%);--sidebar-bg:#002e6e;--sidebar-text:#fff;--sidebar-hover:#ffcc0026;--sidebar-active-border:#fc0;--primary:#002e6e;--primary-hover:#001b44;--accent:#fc0;--text-main:#1a2332;--text-muted:#64748b;--glass-bg:#fff;--glass-border:#002e6e1a;--glass-shadow:0 4px 20px 0 #0000000d;--input-bg:#f8fafc;--input-text:#1e293b;--input-border:#cbd5e1;--error:#e11d48;--success:#16a34a;--warning:#ca8a04}[data-theme=dark]{--bg-color:#0b0f19;--bg-gradient:radial-gradient(circle at top right, #1a253c, #0b0f19);--sidebar-bg:#002e6e;--sidebar-text:#fff;--sidebar-hover:#ffcc001a;--sidebar-active-border:#fc0;--primary:#fc0;--primary-hover:#e6b800;--accent:#fff;--text-main:#f0f4f8;--text-muted:#94a3b8;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--input-bg:#0000004d;--input-text:#fff;--input-border:#ffffff1a;--error:#ff4757;--success:#2ed573;--warning:#ffa502}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;transition:background-color .3s,color .3s;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .3s}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;color:var(--text-main)}input,textarea,select,button{font-family:inherit}input[type=text],input[type=email],textarea,select{text-transform:uppercase}h1,h2,h3,h4,h5,h6,strong,label,p{color:var(--text-main)}[style*="color: white"],[style*="color: 'white'"]{color:var(--text-main)!important}.input-field{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--input-text);border-radius:8px;outline:none;padding:12px 16px;transition:all .3s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0055b833}[data-theme=dark] .input-field:focus{box-shadow:0 0 0 2px #fc03}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}[data-theme=dark] .btn-primary{color:#000}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.kpi-card{cursor:default;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 15px 30px #0000001a}[data-theme=dark] .kpi-card:hover{box-shadow:0 15px 30px #00000080}.kpi-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 100% 0,#fff3 0%,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.kpi-card:hover:after{opacity:1}.kpi-number{transition:transform .4s,color .4s;display:inline-block}.kpi-card:hover .kpi-number{transform-origin:0 100%;transform:scale(1.1)}.dashboard-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.dashboard-grid{grid-template-columns:2fr 1fr}}