: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{width:100%;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;width:100%;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}.responsive-page-head,.responsive-toolbar{min-width:0}.responsive-drawer{width:520px;max-width:100vw}.responsive-table{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.responsive-table>table,.table-wrap>table{min-width:760px}.responsive-two-col{min-width:0}@media (max-width:1180px){.responsive-kpi-5,.responsive-kpi-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}.responsive-main-aside{grid-template-columns:1fr!important}}@media (max-width:1024px){:root{--sidebar-width:76px}.sidebar-logo{justify-content:center;padding:0 10px}.nav-section-label,.nav-item{justify-content:center}.nav-section-label,.sidebar-footer{display:none}.nav-item{padding:11px;font-size:0}.nav-item svg{flex-shrink:0}.page-content{padding:24px}}@media (max-width:900px){:root{--sidebar-width:0px;--topbar-height:56px}html,body{height:auto;overflow-x:hidden}.app-shell{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar{border-right:0;border-bottom:1px solid var(--sidebar-border);z-index:45;width:100%;min-width:0;max-width:100vw;height:auto;position:sticky;top:0}.sidebar-logo{justify-content:flex-start;height:52px;padding:0 16px}.sidebar-logo img{height:30px!important}.sidebar-nav{flex-direction:row;flex:none;gap:6px;padding:8px 12px 10px;overflow:auto hidden}.sidebar-nav>div{display:contents}.nav-section-label{display:none}.nav-item,.nav-item:not(.active) span,.nav-item.active span{display:inline-flex}.nav-item{border:1px solid var(--border);background:var(--surface);border-radius:999px;flex:none;width:auto;min-height:38px;padding:9px 13px;font-size:13px}.nav-item.active:before{display:none}.main-area{min-height:0;margin-left:0;overflow:visible}.topbar{padding:0 16px}.topbar-user-meta{display:none}.page-scroll{overflow:visible}.page-content{padding:20px 16px 28px}.card-header,.responsive-card-header,.responsive-page-head,.responsive-toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.responsive-card-header>*,.responsive-page-head>*,.responsive-toolbar>*,.responsive-toolbar .input-icon-wrap,.responsive-toolbar select,.responsive-toolbar button,.responsive-toolbar input{width:100%!important;max-width:none!important;margin-left:0!important}.responsive-kpi-5,.responsive-kpi-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}.responsive-two-col{grid-template-columns:1fr!important}.responsive-field-row,.responsive-modal-actions{flex-direction:column!important;align-items:stretch!important}.responsive-modal-actions .btn,.responsive-modal-actions button{justify-content:center;width:100%}.responsive-drawer{width:100%!important}}@media (max-width:640px){.responsive-kpi-5,.responsive-kpi-6,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.page-content{padding:16px 12px 24px}.card-header{padding:14px 16px}.btn{justify-content:center}.responsive-table>table,.table-wrap>table{min-width:680px}.responsive-kpi-5>*,.responsive-kpi-6>*,.kpi-grid>*{border-radius:10px!important;min-height:0!important;padding:12px!important}.responsive-kpi-5>*>div,.responsive-kpi-6>*>div,.kpi-grid>*>div{gap:8px!important}.kpi-card{padding:12px!important}.kpi-card>div:nth-child(2){gap:8px;margin-top:0!important}.kpi-card>div:nth-child(2)>div:first-child>div:first-child,.responsive-kpi-5>* div[style*=uppercase],.responsive-kpi-6>* div[style*=uppercase],.kpi-grid>* div[style*=uppercase]{margin-bottom:5px!important;font-size:9.5px!important;line-height:1.2!important}.kpi-card>div:nth-child(2)>div:first-child>div:nth-child(2),.responsive-kpi-5>* div[style*="font-size: 20"],.responsive-kpi-6>* div[style*="font-size: 18"],.kpi-grid>* div[style*="font-size: 20"]{letter-spacing:0!important;font-size:17px!important;line-height:1.15!important}.kpi-card>div:nth-child(2)>div:first-child>div:nth-child(3){margin-top:3px!important;font-size:10.5px!important;line-height:1.25!important}.kpi-card>div:nth-child(2)>div:last-child,.responsive-kpi-5>*>div:first-child,.responsive-kpi-6>*>div:first-child{border-radius:8px!important;width:30px!important;height:30px!important}.modal-backdrop{align-items:stretch!important;padding:10px!important}.modal{border-radius:14px;max-height:calc(100vh - 20px)}}.mobile-record-list{display:none}@media (max-width:760px){.desktop-data-table{display:none}.desktop-data-table+.mobile-record-list,.mobile-record-list{flex-direction:column;display:flex}.mobile-record{border-bottom:1px solid var(--border-2);background:var(--surface);padding:14px}.mobile-record:last-child{border-bottom:0}.mobile-record-top,.mobile-record-line,.mobile-record-actions{align-items:center;gap:10px;min-width:0;display:flex}.mobile-record-top{justify-content:space-between;margin-bottom:10px}.mobile-record-title{min-width:0;color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.mobile-record-subtitle{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;overflow:hidden}.mobile-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-bottom:12px;display:grid}.mobile-record-field{min-width:0}.mobile-record-label{color:var(--text-3);letter-spacing:.5px;text-transform:uppercase;margin-bottom:3px;font-size:9.5px;font-weight:800}.mobile-record-value{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:650;overflow:hidden}.mobile-record-actions{border-top:1px solid var(--border-2);justify-content:flex-end;padding-top:10px}.mobile-record-actions .btn-icon{width:36px;height:36px}.mobile-record-price{text-align:right;flex-shrink:0}}