@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--brand-50:#eef2ff;--brand-100:#e0e7ff;--brand-200:#c7d2fe;--brand-300:#a5b4fc;--brand-400:#818cf8;--brand-500:#6366f1;--brand-600:#4f46e5;--brand-700:#4338ca;--brand-800:#3730a3;--brand-900:#312e81;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--success-50:#ecfdf5;--success-100:#d1fae5;--success-200:#a7f3d0;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-200:#fecaca;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--info-50:#f0f9ff;--info-100:#e0f2fe;--info-200:#bae6fd;--info-500:#0ea5e9;--info-600:#0284c7;--info-700:#0369a1;--sidebar-width:260px;--topbar-height:64px;--sidebar-bg:#0f172a;--sidebar-border:#1e293b;--sidebar-hover:#1e293b;--sidebar-active:#6366f126;--sidebar-text:#94a3b8;--sidebar-text-hover:#f8fafc;--sidebar-text-active:#fff;--sidebar-accent:#6366f1;--topbar-bg:#fff;--topbar-border:#e2e8f0;--body-bg:#f8fafc;--card-bg:#fff;--card-border:#e2e8f0;--card-shadow:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--card-shadow-hover:0 8px 20px -4px #00000014, 0 4px 6px -2px #00000008;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--input-bg:#fff;--input-border:#cbd5e1;--input-text:#0f172a;--input-focus:#6366f1;--input-ring:#6366f126;--scrollbar-w:6px;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:15px}body{background-color:var(--body-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-w)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.015em;font-weight:700;line-height:1.3}h1{font-size:1.625rem}h2{font-size:1.3125rem}h3{font-size:1.125rem}h4{font-size:.9375rem}p{color:var(--text-secondary)}a{color:var(--brand-600);text-decoration:none;transition:color .15s}a:hover{color:var(--brand-700)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--success-600)!important}.text-warning{color:var(--warning-600)!important}.text-danger{color:var(--danger-600)!important}.text-info{color:var(--info-600)!important}.text-brand{color:var(--brand-600)!important}.bg-card{background:var(--card-bg);border:1px solid var(--card-border)}.border-default{border-color:var(--card-border)}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:12px;padding:1.25rem;transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#cbd5e1}.card-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.kpi-card{border:1px solid var(--card-border);box-shadow:var(--card-shadow);background:#fff;border-radius:12px;padding:1.25rem;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--card-shadow-hover);border-color:#cbd5e1;transform:translateY(-2px)}.kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.875rem;font-size:1.125rem;display:flex}.kpi-icon.brand{color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff}.kpi-icon.success{color:#059669;background:#ecfdf5;border:1px solid #d1fae5}.kpi-icon.warning{color:#d97706;background:#fffbeb;border:1px solid #fef3c7}.kpi-icon.danger{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2}.kpi-icon.info{color:#0284c7;background:#f0f9ff;border:1px solid #e0f2fe}.kpi-value{color:var(--text-primary);letter-spacing:-.025em;font-size:1.5625rem;font-weight:800;line-height:1.15}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.75rem;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:6px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-default{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.badge-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.badge-warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.badge-danger{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.badge-info{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.badge-brand{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;outline:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border-color:#4338ca;box-shadow:0 2px 4px #4f46e540}.btn-primary:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 4px 10px #4f46e559}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-secondary);background:#fff;border-color:#cbd5e1}.btn-secondary:hover{color:var(--text-primary);background:#f8fafc;border-color:#94a3b8}.btn-danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-danger:hover{color:#fff;background:#dc2626;border-color:#dc2626}.btn-ghost{color:var(--text-muted);box-shadow:none;background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#f1f5f9}.btn-sm{border-radius:6px;padding:.3125rem .75rem;font-size:.8125rem}.btn-lg{padding:.6875rem 1.5rem;font-size:.9375rem}.btn-icon{justify-content:center;width:36px;height:36px;padding:.5rem}.btn-icon.btn-sm{width:30px;height:30px;padding:.3rem}.w-3{width:12px!important;height:12px!important}.h-3{height:12px!important}.w-3\.5{width:14px!important;height:14px!important}.h-3\.5{height:14px!important}.w-4{width:16px!important;height:16px!important}.h-4{height:16px!important}.w-5{width:20px!important;height:20px!important}.h-5{height:20px!important}.w-6{width:24px!important;height:24px!important}.h-6{height:24px!important}.text-slate-400{color:#94a3b8!important}.text-slate-500{color:#64748b!important}.text-indigo-600{color:#4f46e5!important}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.form-label .required{color:var(--danger-600);margin-left:2px}.form-input,.input,.form-select,.select,.form-textarea,.textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);border-radius:8px;outline:none;width:100%;padding:.5625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #00000005}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.form-input:focus,.input:focus,.form-select:focus,.select:focus,.form-textarea:focus,.textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--input-ring)}.form-input::placeholder,.input::placeholder,.form-textarea::placeholder,.textarea::placeholder{color:var(--text-subtle)}.form-input.error,.input.error,.form-select.error,.select.error{border-color:var(--danger-500)}.form-error{color:var(--danger-600);margin-top:.125rem;font-size:.75rem}.form-hint{color:var(--text-muted);font-size:.75rem}.form-select,.select{cursor:pointer}.data-table-container{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:12px;overflow:hidden}.data-table-header{border-bottom:1px solid var(--card-border);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.data-table,.table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;border-bottom:1px solid var(--card-border);background:#f8fafc;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.data-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table thead th.sortable:hover{color:var(--text-primary)}.data-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody td{color:var(--text-secondary);vertical-align:middle;padding:.8125rem 1rem}.data-table tbody td:first-child{color:var(--text-primary);font-weight:600}.data-table-footer{border-top:1px solid var(--card-border);color:var(--text-muted);background:#fafafa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.8125rem;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:2px 0 12px #0000001f}.sidebar-logo{border-bottom:1px solid var(--sidebar-border);min-height:var(--topbar-height);background:#0b1329;align-items:center;gap:.875rem;padding:1.125rem 1.25rem;display:flex}.sidebar-logo-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#06b6d4 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.125rem;display:flex;box-shadow:0 4px 12px #6366f166}.sidebar-logo-text{color:#fff;letter-spacing:-.02em;font-size:1rem;font-weight:800}.sidebar-logo-sub{color:#94a3b8;letter-spacing:.02em;font-size:.6875rem;font-weight:500}.sidebar-nav{flex:1;padding:.875rem .75rem}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:.875rem .625rem .375rem;font-size:.6875rem;font-weight:700}.sidebar-link{color:var(--sidebar-text);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:2px;padding:.5625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-hover)}.sidebar-link.active{background:var(--sidebar-active);color:var(--sidebar-text-active);font-weight:600}.sidebar-link.active:before{content:"";background:var(--sidebar-accent);border-radius:0 4px 4px 0;width:3.5px;position:absolute;top:6px;bottom:6px;left:-.75rem}.sidebar-link .icon{opacity:.75;flex-shrink:0;width:18px;height:18px;transition:opacity .15s}.sidebar-link:hover .icon,.sidebar-link.active .icon{opacity:1;color:#818cf8}.sidebar-sub{margin-top:2px;margin-bottom:4px;padding-left:1.5rem}.sidebar-sub .sidebar-link{padding:.4375rem .75rem;font-size:.8125rem}.sidebar-parent-btn:before{display:none!important}.sidebar-parent-btn.parent-active{color:#f8fafc;font-weight:600}.sidebar-parent-btn.parent-active .icon{opacity:1;color:#818cf8}.topbar{height:var(--topbar-height);top:0;left:var(--sidebar-width);background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);z-index:90;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.75rem;display:flex;position:fixed;right:0;box-shadow:0 1px 3px #00000008}.main-content{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);min-height:calc(100vh - var(--topbar-height));background-color:var(--body-bg);padding:1.75rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.4375rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:.125rem;font-size:.875rem}.grid-kpis{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.grid-2col{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.kpi-grid,.grid-3col{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.grid-4col{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}@media (max-width:1024px){.grid-4col,.grid-3col,.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-4col,.grid-3col,.grid-2col,.kpi-grid{grid-template-columns:1fr}}.dash-hero-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.25rem;display:grid}@media (max-width:900px){.dash-hero-grid{grid-template-columns:1fr}}.dash-hero-card{border:1px solid var(--card-border);background:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.375rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -4px #0000000a}.dash-hero-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 12px 28px -6px #00000014}.dash-hero-card.primary{background:linear-gradient(145deg,#fff 0%,#f8faff 100%);border:1px solid #c7d2fe}.dash-hero-card.primary:after{content:"";background:linear-gradient(90deg,#4f46e5,#06b6d4);height:4px;position:absolute;top:0;left:0;right:0}.dash-stat-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.5625rem .75rem;display:flex}.dash-ops-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (max-width:1024px){.dash-ops-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dash-ops-grid{grid-template-columns:1fr}}.dash-op-card{border:1px solid var(--card-border);background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1.125rem 1.25rem;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 2px 6px #00000008}.dash-op-card:hover{border-color:#cbd5e1;transform:translateY(-1px)}.dash-analytics-grid{grid-template-columns:1.6fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (max-width:1100px){.dash-analytics-grid{grid-template-columns:1fr}}.pulse-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes pulse-ring{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.tab-nav-btn{cursor:pointer;border:none;border-radius:6px;padding:.3125rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.tab-nav-btn.active{color:#fff;background:#4f46e5;box-shadow:0 2px 6px #4f46e540}.tab-nav-btn:not(.active){color:#64748b;background:#f1f5f9}.tab-nav-btn:not(.active):hover{color:#1e293b;background:#e2e8f0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--card-border);background:#fff;border-radius:14px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px -10px #00000026}.modal-header{border-bottom:1px solid var(--card-border);background:#fff;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text-primary);font-size:1.0625rem;font-weight:700}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--card-border);background:#f8fafc;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.alert{border:1px solid #0000;border-radius:8px;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.alert-success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.alert-warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.alert-danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.alert-info{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.divider{background:var(--card-border);height:1px;margin:1rem 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--card-border);border-top-color:var(--brand-600);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state-icon{opacity:.5;color:var(--brand-500);margin-bottom:1rem;font-size:3rem}.empty-state-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.empty-state-desc{max-width:320px;color:var(--text-muted);font-size:.875rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.animate-fade-in{animation:.22s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards slideIn}@media print{.sidebar,.topbar,.no-print{display:none!important}.main-content{margin:0;padding:0}body{color:#000;background:#fff}}.card{color:var(--text-primary);background:#fff!important;border-color:#e2e8f0!important}.fixed.inset-0 .card,.modal-card,div[role=dialog] .card{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 25px 50px -12px #0000002e!important}.fixed.inset-0 .card h2,.fixed.inset-0 .card h3,.fixed.inset-0 .card .text-white{color:#0f172a!important}.fixed.inset-0 .card .text-zinc-400,.fixed.inset-0 .card .text-zinc-300{color:#64748b!important}.fixed.inset-0 .card .border-zinc-800,.fixed.inset-0 .card .border-zinc-700{border-color:#e2e8f0!important}.fixed.inset-0 .card .bg-zinc-800,.fixed.inset-0 .card .bg-zinc-850,.fixed.inset-0 .card .bg-zinc-900{background-color:#fff!important}tr:hover,tr.hover\:bg-zinc-800\/40:hover,tr.hover\:bg-zinc-850:hover{background-color:#f8fafc!important}.table td,.data-table td{border-bottom:1px solid #f1f5f9}.table td .text-white,.data-table td .text-white{color:#0f172a!important}.table td .text-zinc-400,.table td .text-zinc-300,.data-table td .text-zinc-400,.data-table td .text-zinc-300{color:#64748b!important}