:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--sidebar-width:240px;--topbar-height:60px;--font:"Inter", ui-sans-serif, system-ui, sans-serif;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a5f;--blue-950:#0f172a;--sidebar-bg:#fff;--sidebar-border:#e8ecf0;--sidebar-hover:#f3f4f6;--sidebar-active:#eff6ff;--sidebar-text:#6b7280;--sidebar-text-act:#1d4ed8;--bg:#f5f7fa;--surface:#fff;--surface-2:#fafbfc;--border:#e8ecf0;--border-2:#f0f3f6;--text-1:#111827;--text-2:#4b5563;--text-3:#9ca3af;--green:#059669;--green-bg:#ecfdf5;--red:#dc2626;--red-bg:#fef2f2;--amber:#d97706;--amber-bg:#fffbeb;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 2px 8px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-lg:0 8px 24px #0f172a12, 0 2px 8px #0f172a0a;--shadow-xl:0 20px 40px #0f172a1a, 0 6px 16px #0f172a0f}*,:before,:after{box-sizing:border-box}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;margin:0;padding:0;overflow-x:hidden}input,select,textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);background-color:var(--surface)!important;color:var(--text-1)!important}input::placeholder,textarea::placeholder{color:var(--text-3)!important}input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.6;cursor:pointer}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:40;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-logo{height:var(--topbar-height);border-bottom:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:10px;padding:0 18px;text-decoration:none;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:1.2px;color:#d1d5db;padding:16px 12px 6px;font-size:10px;font-weight:700}.nav-item{color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--sidebar-hover);color:#374151}.nav-item.active{background:var(--sidebar-active);color:var(--sidebar-text-act)}.nav-item.active:before{content:"";background:#3b82f6;border-radius:0 3px 3px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:12px 10px}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex;overflow:hidden}.topbar{height:var(--topbar-height);min-height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--border-2);z-index:30;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.page-scroll{flex:1;overflow:hidden auto}.page-content{max-width:1400px;margin:0 auto;padding:32px 36px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}@media (max-width:1280px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:20px 22px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-stripe{display:none}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.data-table td{color:var(--text-2);border-bottom:1px solid var(--border-2);vertical-align:middle;padding:12px 16px;font-size:13px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f8faff}.th-sticky-right{background:var(--surface-2);z-index:2;position:sticky;right:0;box-shadow:-4px 0 8px #0f172a0f}.td-sticky-right{background:var(--surface);z-index:1;position:sticky;right:0;box-shadow:-4px 0 8px #0f172a0a}.data-table tbody tr:hover .td-sticky-right{background:#f8fbff}.input{border:1px solid var(--border);width:100%;font-size:13.5px;font-family:var(--font);color:var(--text-1);background:var(--surface);border-radius:10px;outline:none;padding:9px 14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61f}.input::placeholder{color:var(--text-3)}.input-icon-wrap{position:relative}.input-icon-wrap .icon{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-icon-wrap .input{padding-left:36px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.btn{font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;transition:all .15s;display:inline-flex}.btn-primary{background:var(--blue-600);color:#fff;box-shadow:0 1px 3px #2563eb33}.btn-primary:hover{background:var(--blue-700);box-shadow:0 2px 6px #2563eb40}.btn-ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text-1)}.btn-icon{cursor:pointer;color:var(--text-3);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:7px;transition:all .15s;display:inline-flex}.btn-icon.blue:hover{background:var(--blue-50);color:var(--blue-600)}.btn-icon.amber:hover{background:var(--amber-bg);color:var(--amber)}.btn-icon.green:hover{background:var(--green-bg);color:var(--green)}.btn-icon.red:hover{background:var(--red-bg);color:var(--red)}.badge-green{background:var(--green-bg);color:#065f46}.badge-red{background:var(--red-bg);color:#991b1b}.badge-slate{color:#475569;background:#f1f5f9}.badge-blue{background:var(--blue-50);color:var(--blue-700)}.badge-amber{background:var(--amber-bg);color:#92400e}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#0f172a59;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.modal{background:var(--surface);box-shadow:var(--shadow-xl);border-radius:20px;width:100%;max-height:calc(100vh - 40px);animation:.2s cubic-bezier(.34,1.56,.64,1) both modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-header{border-bottom:1px solid var(--border-2);background:var(--surface);z-index:1;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:20px 24px 18px;display:flex;position:sticky;top:0}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.form-grid{grid-template-columns:1fr}}.col-span-2{grid-column:1/-1}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.anim{animation:.35s both fadeUp}.anim-1{animation-delay:40ms}.anim-2{animation-delay:80ms}.anim-3{animation-delay:.12s}.anim-4{animation-delay:.16s}.anim-5{animation-delay:.2s}@media print{.no-print{display:none!important}body{background:#fff}}:root{--green:#16a34a;--green-bg:#f0fdf4;--red:#dc2626;--red-bg:#fef2f2;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-700:#1d4ed8;--blue-600:#2563eb}.btn-icon{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:30px;height:30px;color:var(--text-3);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-icon:hover{background:var(--surface-2);color:var(--text-1)}.btn-icon.blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.btn-icon.blue:hover{background:#dbeafe}.btn-icon.green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.btn-icon.green:hover{background:#dcfce7}.btn-icon.red{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-icon.red:hover{background:#fee2e2}.badge{border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.badge-slate{background:var(--surface-2);color:var(--text-3);border:1px solid var(--border)}.card-header{border-bottom:1px solid var(--border-2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.data-table td{color:var(--text-2);border-bottom:1px solid var(--border-2);vertical-align:middle;padding:12px 14px}.data-table tr:hover td{background:#f8faff}.modal-header{border-bottom:1px solid var(--border-2);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.5px;color:#6b7280;font-size:10.5px;font-weight:700}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}