:root{--color-surface:#f0fdf4;--color-ink:#0f172a;--color-muted:#64748b;--color-line:#e2e8f0;--color-panel:#fff;--color-brand:#059669;--color-brand-hover:#047857;--color-selected:#d1fae5;--color-blue:#0284c7;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--overlay:#0006;--shadow-sm:0 1px 2px #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-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;color:var(--color-ink);background:var(--color-surface);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,sans-serif}:root.dark{--color-surface:#0a0f0d;--color-ink:#f1f5f9;--color-muted:#94a3b8;--color-line:#1e293b;--color-panel:#0f172a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--color-surface);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:20px}button,input,textarea,select{font:inherit}button,.button{background:var(--color-brand);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-flex}button:hover,.button:hover{background:var(--color-brand-hover)}button:disabled{opacity:.6;cursor:not-allowed}.button-sm{padding:6px 12px;font-size:12px;line-height:16px}.button-lg{padding:10px 20px}.secondary{background:var(--color-panel);color:var(--color-ink);border-color:var(--color-line)}.secondary:hover,.icon:hover,.ghost:hover{background:color-mix(in srgb, var(--color-line) 60%, transparent);color:var(--color-ink)}.danger{background:var(--color-danger)}.danger:hover{background:var(--color-danger-hover)}.link{color:var(--color-brand);background:0 0;padding:6px}.link:hover{background:var(--color-selected);color:var(--color-brand)}.icon,.ghost{color:var(--color-muted);background:0 0;padding:6px}a{color:var(--color-brand);text-decoration:none}a:hover{text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:20px;font-weight:700;line-height:28px}h2,h3{font-size:14px;font-weight:600;line-height:20px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.shell{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--color-panel);border-right:1px solid var(--color-line);flex-direction:column;flex-shrink:0;width:240px;transition:width .2s;display:flex}.brand{padding:calc(env(safe-area-inset-top) + 16px) 16px 16px;border-bottom:1px solid var(--color-line);align-items:center;gap:12px;display:flex}.brand-tile{background:var(--color-brand);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.brand-text{min-width:0}.brand strong{font-size:14px;line-height:18px;display:block}.brand small{color:var(--color-muted);font-size:10px;display:block}.company-selector{border:1px solid var(--color-line);color:var(--color-muted);border-radius:8px;align-items:center;gap:8px;min-height:36px;margin:12px 12px 0;padding:8px;font-size:12px;display:flex}.company-selector span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar nav{flex:1;padding:12px 8px;overflow-y:auto}.navgroup{margin-bottom:12px}.nav-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);padding:0 12px 4px;font-size:10px;font-weight:600}nav a{color:var(--color-muted);border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-weight:500;display:flex}nav a:hover,nav a.active{background:var(--color-selected);color:var(--color-brand)}nav a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-footer{border-top:1px solid var(--color-line);padding:8px}.collapse{justify-content:flex-start;gap:12px;width:100%;padding:10px 12px}.collapsed{width:64px}.collapsed .brand{justify-content:center;padding-left:8px;padding-right:8px}.collapsed .brand-text,.collapsed .nav-label,.collapsed nav span,.collapsed .company-selector span{display:none}.collapsed nav a,.collapsed .collapse{justify-content:center;padding-left:8px;padding-right:8px}.collapsed .company-selector{justify-content:center;margin:12px 8px 0}.workspace{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.navbar{background:var(--color-panel);border-bottom:1px solid var(--color-line);padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;flex-shrink:0;align-items:center;gap:12px;display:flex}.workspace-name{flex:1;min-width:0}.workspace-name strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-area{align-items:center;gap:12px;min-width:0;display:flex}.avatar{background:var(--color-selected);width:32px;height:32px;color:var(--color-brand);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.staff-list-avatar{width:34px;height:34px;font-size:14px}.profile-text{min-width:0;max-width:180px}.profile-text strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.profile-text small{color:var(--color-muted);text-transform:capitalize;font-size:11px;line-height:16px;display:block}main{flex:1;min-width:0;min-height:0;padding:24px;overflow-y:auto}.page{flex-direction:column;gap:24px;min-width:0;display:flex}.pagehead{justify-content:space-between;align-items:center;gap:16px;display:flex}.pagehead>div:first-child{min-width:0}.pagehead h1{overflow-wrap:anywhere}.pagehead p{color:var(--color-muted);margin-top:4px}.card,.tablepanel{background:var(--color-panel);border:1px solid var(--color-line);border-radius:12px;min-width:0}.card{padding:20px}.cards{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;display:grid}.cards a.card{color:var(--color-ink)}.cards a:hover{border-color:var(--color-brand);box-shadow:var(--shadow-sm)}.cards h3{margin:12px 0 4px}.cards p{color:var(--color-muted)}.profile-trigger{color:inherit;text-align:left;background:0 0;align-items:center;gap:10px;padding:0;display:flex}.profile-modal{gap:18px;width:min(460px,100vw - 32px);display:grid}.modal-backdrop{z-index:20;background:#0f172a73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.payroll-header-actions,.month-stepper,.payroll-filters,.payroll-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.payroll-header-actions{justify-content:flex-end}.payroll-month-card{grid-template-columns:auto auto 1fr;align-items:end;gap:14px;margin-bottom:16px;padding:16px 22px;display:grid}.payroll-month-card>div:first-child{gap:7px;display:grid}.payroll-month-card strong{font-size:13px}.month-control{border:1px solid var(--color-line);min-width:270px;color:var(--color-ink);background:var(--color-panel);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.month-control input{opacity:0;width:0;height:0;position:absolute}.month-control span{font-weight:600}.month-context{color:#047857;background:#ecfdf5;border-radius:10px;justify-self:end;align-items:center;gap:12px;padding:11px 16px;display:flex}.month-context div{gap:2px;display:grid}.month-context span{color:var(--color-muted);font-size:12px}.payroll-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.payroll-kpi{border:1px solid var(--color-line);background:var(--color-panel);min-width:0;box-shadow:var(--shadow-sm);border-radius:11px;align-items:center;gap:13px;padding:17px 15px;display:flex}.payroll-kpi>div{gap:3px;min-width:0;display:grid}.payroll-kpi span:not(.kpi-icon){color:#475569;font-size:12px}.payroll-kpi strong{white-space:nowrap;font-size:21px;line-height:1.2}.payroll-kpi small{color:var(--color-muted);white-space:nowrap;font-size:11px}.kpi-icon{border-radius:11px;flex:0 0 44px;place-items:center;height:44px;display:grid}.payroll-kpi.green{background:#f0fdf9}.payroll-kpi.green .kpi-icon,.payroll-kpi.mint .kpi-icon{color:#059669;background:#d1fae5}.payroll-kpi.blue{background:#f4f8ff}.payroll-kpi.blue .kpi-icon{color:#2563eb;background:#dbeafe}.payroll-kpi.mint{background:#f0fdf9}.payroll-kpi.amber{background:#fffbeb}.payroll-kpi.amber .kpi-icon{color:#d97706;background:#fef3c7}.payroll-kpi.purple{background:#faf7ff}.payroll-kpi.purple .kpi-icon{color:#7c3aed;background:#ede9fe}.payroll-kpi.rose{background:#fff7f8}.payroll-kpi.rose .kpi-icon{color:#e11d48;background:#ffe4e6}.payroll-table-card{padding:16px 18px}.payroll-section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.payroll-section-head h2{font-size:17px}.payroll-filters{justify-content:flex-end}.payroll-search{border:1px solid var(--color-line);height:38px;color:var(--color-muted);border-radius:8px;align-items:center;gap:8px;padding:0 11px;display:flex}.payroll-search input{width:190px;color:var(--color-ink);background:0 0;border:0;outline:0}.payroll-filters select{border:1px solid var(--color-line);background:var(--color-panel);height:38px;color:var(--color-ink);border-radius:8px;padding:0 12px}.payroll-table-card table{min-width:1120px}.payroll-table-card th{white-space:nowrap;color:#64748b;background:#f8fafc;font-size:11px}.payroll-table-card td,.payroll-table-card th{vertical-align:middle;padding:11px 12px}.payroll-employee{align-items:center;gap:9px;min-width:150px;display:flex}.payroll-employee>span:last-child{gap:2px;display:grid}.payroll-employee small,.payroll-table-card td>small{color:var(--color-muted);font-size:11px;display:block}.employee-avatar{color:#334155;background:#e2e8f0;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid!important}.payroll-status{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.payroll-status.generated{color:#2563eb;background:#dbeafe}.payroll-status.paid{color:#15803d;background:#dcfce7}.payroll-status.reversed{color:#be123c;background:#ffe4e6}.payroll-actions{flex-wrap:nowrap}.payroll-actions button{white-space:nowrap}.payroll-bottom-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;margin-top:16px;display:grid}.payroll-summary-card,.payroll-tips-card{padding:16px 18px}.payroll-summary-card h2,.payroll-tips-card h2{font-size:17px}.payroll-summary-metrics{background:#f0fdf9;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px;padding:13px;display:grid}.summary-metric{align-items:center;gap:9px;min-width:0;padding:5px 8px;display:flex}.summary-metric>span{color:#059669;background:#d1fae5;border-radius:9px;flex:0 0 34px;place-items:center;height:34px;display:grid}.summary-metric>div{gap:2px;min-width:0;display:grid}.summary-metric small{color:#64748b;white-space:nowrap;font-size:11px}.summary-metric strong{white-space:nowrap;font-size:16px}.summary-metric em{color:#64748b;white-space:nowrap;font-size:10px;font-style:normal}.payroll-tips-card ul{color:#64748b;gap:8px;margin:14px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.payroll-tips-card li:before{content:"✓";color:#059669;margin-right:8px;font-weight:800}.payroll-preview-card{margin-top:16px}.payroll-preview-metrics{flex-wrap:wrap;gap:14px;margin-top:14px;display:flex}.payroll-preview-metrics .summary-metric{background:#f8fafc;border-radius:8px;flex:130px}.compact-input{width:90px}@media (width<=1250px){.payroll-kpis,.payroll-summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.payroll-month-card{grid-template-columns:1fr 1fr}.month-context{grid-column:1/-1;justify-self:stretch}.payroll-section-head{flex-direction:column;align-items:flex-start}.payroll-filters{justify-content:stretch;width:100%}.payroll-search{flex:1}.payroll-search input{width:100%}.payroll-bottom-grid{grid-template-columns:1fr}}@media (width<=560px){.payroll-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payroll-kpi{gap:8px;padding:12px 10px}.payroll-kpi strong{font-size:17px}.payroll-kpi small{white-space:normal}.kpi-icon{flex-basis:34px;height:34px}.payroll-month-card{grid-template-columns:1fr}.month-stepper{grid-row:2}.month-context{grid-column:auto}.payroll-summary-metrics{grid-template-columns:1fr 1fr}.payroll-filters select{flex:0 0 130px}}.stats-grid .stat{min-width:0;min-height:104px}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-grid .stat{min-height:88px}}.supplier-workspace{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.supplier-add-panel{position:sticky;top:20px}.supplier-add-panel h2{margin:14px 0 6px;font-size:18px}.supplier-add-panel p{color:var(--color-muted);margin:0 0 18px}.supplier-inline-form{gap:12px;display:grid}.supplier-inline-form label{color:var(--color-muted);gap:5px;font-size:12px;display:grid}.supplier-inline-form input,.supplier-inline-form textarea{width:100%}.supplier-inline-form textarea{min-height:72px}.supplier-inline-form .actions{margin-top:4px}.supplier-add-icon{width:42px;height:42px;color:var(--color-brand);background:var(--color-selected);border-radius:12px;place-items:center;display:grid}.supplier-list-panel{min-width:0}.supplier-detail-actions{flex-wrap:wrap;gap:10px;display:flex}.supplier-breadcrumb{color:var(--color-muted);align-items:center;gap:10px;font-size:13px;display:flex}.supplier-breadcrumb a{color:var(--color-muted)}.supplier-profile-hero{grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);gap:28px;padding:24px;display:grid}.supplier-profile-main{grid-template-columns:auto minmax(0,1fr);gap:16px;display:grid}.supplier-avatar{width:72px;height:72px;color:var(--color-brand);background:var(--color-selected);border-radius:50%;place-items:center;display:grid}.supplier-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.supplier-title-row h2{margin:0;font-size:25px}.supplier-id,.supplier-description{color:var(--color-muted);margin:5px 0 0}.supplier-id strong{color:var(--color-ink)}.supplier-contact-grid{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.supplier-info-item{border-right:1px solid var(--color-line);gap:9px;min-width:0;padding:8px 10px;display:flex}.supplier-info-item:last-child{border-right:0}.supplier-info-item>svg{color:var(--color-muted);flex-shrink:0}.supplier-info-item span,.supplier-quick-item span{gap:3px;min-width:0;display:grid}.supplier-info-item small,.supplier-quick-item small{color:var(--color-muted);font-size:12px}.supplier-info-item strong{overflow-wrap:anywhere;font-size:13px;font-weight:500}.supplier-quick-info{background:linear-gradient(135deg,#effcf7,#f5fffc);border-radius:14px;padding:20px}.supplier-quick-info h3{align-items:center;gap:8px;margin:0 0 16px;display:flex}.supplier-quick-item{color:var(--color-brand);align-items:flex-start;gap:12px;margin-top:16px;display:flex}.supplier-quick-item strong{color:var(--color-ink);font-size:15px}.supplier-detail-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.supplier-metric{border:1px solid var(--color-line);border-radius:12px;grid-template-columns:auto 1fr;column-gap:12px;padding:20px;display:grid}.supplier-metric-icon{border-radius:50%;grid-row:1/4;place-items:center;width:44px;height:44px;display:grid}.supplier-metric>span{color:var(--color-muted);font-size:12px}.supplier-metric>strong{font-size:20px}.supplier-metric>small{color:var(--color-muted)}.supplier-metric.blue{background:#f2f9ff}.supplier-metric.blue .supplier-metric-icon{color:#0284c7;background:#dff1ff}.supplier-metric.green{background:#f0fcf7}.supplier-metric.green .supplier-metric-icon{color:#059669;background:#d8f8e9}.supplier-metric.orange{background:#fff8ee}.supplier-metric.orange .supplier-metric-icon{color:#ea580c;background:#ffebcf}.supplier-metric.purple{background:#faf5ff}.supplier-metric.purple .supplier-metric-icon{color:#7c3aed;background:#eee1ff}.supplier-tabs{border-bottom:1px solid var(--color-line);gap:24px;display:flex}.supplier-tabs button{color:var(--color-muted);background:0 0;border:0;border-radius:0;padding:10px 4px}.supplier-tabs button.active{color:var(--color-brand);border-bottom:2px solid var(--color-brand)}.supplier-tabs button:disabled{cursor:default;opacity:.8}.supplier-history-card{padding:0;overflow:hidden}.supplier-history-head{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.supplier-history-head h2{margin:0;font-size:18px}.supplier-history-head p{color:var(--color-muted);margin:3px 0 0}.supplier-history-table{border:0;border-radius:0}.supplier-history-table .scroll-hint{display:none}.supplier-history-table table{min-width:900px}.supplier-history-table .icon{padding:6px}.supplier-history-table th:nth-child(4),.supplier-history-table td:nth-child(4),.supplier-history-table th:nth-child(6),.supplier-history-table td:nth-child(6){text-align:right}.supplier-history-table th:nth-child(2),.supplier-history-table td:nth-child(2){text-align:left}.supplier-materials-table th:nth-child(2),.supplier-materials-table td:nth-child(2),.supplier-materials-table th:nth-child(5),.supplier-materials-table td:nth-child(5),.supplier-materials-table th:nth-child(6),.supplier-materials-table td:nth-child(6){text-align:right}@media (width<=1000px){.supplier-profile-hero{grid-template-columns:1fr}.supplier-contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.supplier-contact-grid{grid-template-columns:1fr 1fr}.supplier-detail-stats,.supplier-profile-main{grid-template-columns:1fr}.supplier-history-head{flex-direction:column;align-items:flex-start}}@media (width<=900px){.supplier-workspace{grid-template-columns:1fr}.supplier-add-panel{position:static}}.customer-summary-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.billing-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:18px;display:grid}.billing-layout form .card{gap:16px;display:grid}.bill-line{border-top:1px solid var(--color-line);grid-template-rows:auto;grid-template-columns:minmax(160px,1.8fr) repeat(4,minmax(72px,1fr)) minmax(100px,auto);align-items:end;gap:10px;padding:10px 28px 10px 0;display:grid;position:relative}.bill-line>.link{z-index:1;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:0;line-height:1;display:inline-flex;position:absolute;top:8px;right:4px}.bill-line>.link:after{display:none}.bill-line>strong{white-space:nowrap;grid-area:1/6;justify-self:end}.bill-preview{position:sticky;top:18px}.bill-preview-row{border-bottom:1px solid var(--color-line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}@media (width<=900px){.billing-layout{grid-template-columns:1fr}.bill-preview{position:static}.bill-line{grid-template-columns:1fr 1fr}.bill-line .select-field{grid-column:1/-1}}.box-return-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.box-return-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.box-return-form{gap:14px;display:grid;position:sticky;top:18px}.box-return-form form{gap:16px;display:grid}.muted{color:var(--color-muted)}.pending-boxes{background:var(--color-selected);border-radius:10px;gap:4px;padding:16px;display:grid}.pending-boxes span{color:var(--color-muted);font-size:13px}.pending-boxes strong{color:var(--color-brand);font-size:30px;line-height:1.1}.pending-boxes small{font-size:14px}.balance-list{border-top:1px solid var(--color-line);gap:0;display:grid}.balance-list>div{border-bottom:1px solid var(--color-line);justify-content:space-between;padding:9px 0;display:flex}.balance-list span{color:var(--color-muted)}.balance-total{font-weight:700}.balance-total strong{color:var(--color-brand);font-size:18px}.box-return-history{min-width:0}.box-return-filters{grid-template-columns:minmax(160px,1.5fr) minmax(150px,1fr) 130px 130px;gap:10px;margin:18px 0;display:grid}.box-return-filters .select-field{min-width:0}.box-return-filters .select-trigger{width:100%;min-height:42px}.box-return-filters label{min-width:0}.box-return-filters .search-input{min-height:42px}.box-return-history .tablepanel{border:0}.box-return-history .tablepanel .scroll-hint{display:none}@media (width<=900px){.box-return-layout{grid-template-columns:1fr}.box-return-form{position:static}.box-return-filters{grid-template-columns:1fr 1fr}.box-return-filters .search-input{grid-column:1/-1}}@media (width<=560px){.box-return-summary,.box-return-filters{grid-template-columns:1fr}.box-return-filters .search-input{grid-column:auto}}.sort-control{min-width:150px;color:var(--color-muted);gap:5px;font-size:11px;font-weight:600;display:grid}.sort-control select{border:1px solid var(--color-line);background:var(--color-surface);height:42px;color:var(--color-text);border-radius:8px;padding:0 10px}.money-cell{text-align:right;white-space:nowrap;font-weight:700}.box-return-history tbody tr:hover{background:var(--color-selected)}.expenses-table table{table-layout:auto;min-width:1040px}.expenses-table th:first-child,.expenses-table td:first-child,.expenses-table th:nth-child(3),.expenses-table td:nth-child(3),.expenses-table th:nth-child(5),.expenses-table td:nth-child(5),.expenses-table th:nth-child(6),.expenses-table td:nth-child(6),.expenses-table th:nth-child(7),.expenses-table td:nth-child(7){white-space:nowrap}.expenses-table th:nth-child(2),.expenses-table td:nth-child(2){min-width:170px}.expenses-table th:nth-child(4),.expenses-table td:nth-child(4){min-width:190px}.box-return-filters{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(110px,.48fr) minmax(110px,.48fr) minmax(130px,.52fr);align-items:end}.box-return-filters>button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;height:42px;display:inline-flex}.box-return-filters .date-field{min-width:0}.box-return-filters .date-field input{width:100%}.search-control{gap:5px;min-width:180px;display:grid}.search-control .field-label{color:var(--color-muted);font-size:11px;font-weight:600}.search-control .search-input{height:42px}.box-return-history table th:last-child,.box-return-history table td:last-child{text-align:left}.reminder-row{cursor:pointer}.reminder-row td:first-child small{margin-top:4px;display:block}.reminder-layout,.reminder-layout>*{min-width:0}.reminder-layout .actions{flex-wrap:wrap;gap:8px;display:flex}.reminder-status{background:var(--color-selected);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.reminder-status.alert{color:#b45309;background:#fef3c7}.reminder-status.completed{color:#047857;background:#d1fae5}.reminder-status.upcoming{color:#475569;background:#f1f5f9}.reminder-filters{grid-template-columns:minmax(150px,1.5fr) repeat(3,minmax(110px,1fr)) repeat(2,minmax(110px,1fr))}.reminder-filters>*,.reminder-filters .search-input{min-width:0}.detail-list strong{overflow-wrap:anywhere}@media (width<=1200px){.reminder-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.reminder-filters .search-control{grid-column:1/-1}}@media (width<=900px){.box-return-layout{grid-template-columns:1fr}.box-return-form{position:static}.reminder-filters{grid-template-columns:1fr 1fr}.reminder-filters .search-control{grid-column:1/-1}}@media (width<=560px){.detail-list,.reminder-filters{grid-template-columns:1fr}.reminder-filters .search-control{grid-column:auto}}.ledger-filters{grid-template-columns:minmax(160px,1fr) minmax(150px,1fr) minmax(220px,1.3fr) minmax(110px,.7fr) minmax(110px,.7fr) minmax(120px,.75fr)}.hierarchical-filter{min-width:220px}.hierarchical-panel{z-index:20}.hierarchical-panel ul{max-height:260px;overflow:auto}.hierarchy-back{width:100%;color:var(--color-brand);text-align:left;background:0 0;border:0;align-items:center;gap:4px;padding:10px 12px;font-weight:600;display:flex}.category-only-choice{color:var(--color-muted)!important;border-bottom:1px solid var(--color-line)!important;font-size:12px!important}.result-group-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 12px 4px;font-size:11px;font-weight:700}.category-result{font-weight:700!important}.bill-link{color:var(--color-brand)}.bill-preview{gap:16px;display:grid}.bill-preview img,.bill-preview iframe{object-fit:contain;border:1px solid var(--color-line);background:#f8fafc;border-radius:8px;width:100%;min-height:420px;max-height:65vh;display:block}.bill-preview iframe{height:65vh}.bill-preview-actions{justify-content:flex-end;gap:10px;display:flex}.ledger-row{cursor:pointer}.ledger-row:hover{background:var(--color-selected)}.ledger-row:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.ledger-detail{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ledger-detail>div{border-bottom:1px solid var(--color-line);gap:4px;padding-bottom:10px;display:grid}.ledger-detail span{text-transform:uppercase;color:var(--color-muted);font-size:11px}.ledger-detail strong{font-weight:600}.ledger-detail a{color:var(--color-brand);font-weight:600}@media (width<=560px){.ledger-detail{grid-template-columns:1fr}}.bill-attachment-action{color:var(--color-brand);align-items:center;gap:7px;font-weight:700;text-decoration:none;display:inline-flex}.bill-attachment-action:after{content:"↗";font-size:16px;line-height:1}.expense-types-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.expense-types-grid .card{min-width:0}.expense-types-grid table th{text-align:left}.master-inline-form{align-items:end;gap:10px;margin:18px 0;display:flex}.master-inline-form input,.master-inline-form select{flex:1;min-width:0;height:42px}@media (width<=800px){.expense-types-grid{grid-template-columns:1fr}.master-inline-form{flex-wrap:wrap}.master-inline-form input,.master-inline-form select{flex-basis:100%;width:100%}}.expense-row{cursor:pointer}.expense-row:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.expense-detail-modal{gap:18px;display:grid}.expense-detail-hero{color:#b91c1c;background:#fff1f2;border-radius:14px;justify-content:space-between;align-items:center;padding:18px;display:flex}.expense-detail-hero strong{font-size:24px}.expense-detail-hero span{color:var(--color-text);font-weight:600}.expense-detail-grid{grid-template-columns:1fr 1fr;gap:8px 22px;display:grid}.expense-detail-grid .ledger-info-item{padding:8px 0}.expense-detail-modal .bill-attachment-action{border:1px solid color-mix(in srgb,var(--color-brand) 40%,transparent);background:var(--color-panel);width:max-content;color:var(--color-brand);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;line-height:20px;display:inline-flex}.expense-detail-modal .bill-attachment-action:hover{background:var(--color-selected);color:var(--color-brand)}.ledger-modal-subtitle{color:var(--color-muted);margin:-10px 0 18px 54px;font-size:14px}.ledger-hero{border-radius:14px;align-items:center;gap:14px;margin-bottom:22px;padding:18px 20px;display:flex}.ledger-hero.expense{color:#b91c1c;background:#fff1f2}.ledger-hero.income{color:#047857;background:#ecfdf5}.ledger-hero-icon{background:#ffffffb3;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.ledger-hero div:nth-child(2){gap:3px;display:grid}.ledger-hero span{color:var(--color-muted);font-size:14px}.ledger-hero b{margin-left:auto;font-size:26px}.ledger-info-grid{grid-template-columns:1fr 1fr;gap:10px 36px;display:grid}.ledger-info-column{gap:10px;display:grid}.ledger-info-item{align-items:flex-start;gap:14px;padding:10px 6px;display:flex}.ledger-info-icon{background:var(--color-selected);height:42px;color:var(--color-muted);border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.ledger-info-item>div{gap:3px;min-width:0;display:grid}.ledger-info-item small{color:var(--color-muted);font-size:12px}.ledger-info-item strong{overflow-wrap:anywhere;font-size:15px}.ledger-info-item strong.debit{color:#dc2626}.ledger-info-item strong.credit{color:#059669}.ledger-info-item em{color:var(--color-muted);font-size:13px;font-style:normal}.ledger-created{background:#effcf7;border-radius:14px;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px;padding:12px;display:grid}.ledger-attachment{background:var(--color-selected);border-radius:14px;align-items:center;gap:12px;margin-top:14px;padding:16px;display:flex}.ledger-attachment>div{gap:3px;display:grid}.ledger-attachment span{color:var(--color-muted);font-size:13px}.ledger-attachment .bill-attachment-action{border:1px solid color-mix(in srgb,var(--color-brand) 35%,transparent);border-radius:8px;margin-left:auto;padding:10px 14px}.ledger-modal-footer{border-top:1px solid var(--color-line);justify-content:space-between;margin-top:22px;padding-top:16px;display:flex}@media (width<=640px){.ledger-info-grid,.ledger-created{grid-template-columns:1fr}.ledger-hero b{font-size:21px}.ledger-attachment{flex-wrap:wrap;align-items:flex-start}.ledger-attachment .bill-attachment-action{margin-left:54px}.ledger-modal-footer{gap:10px}.ledger-modal-footer button{flex:1}}@media (width<=900px){.box-return-filters{grid-template-columns:1fr 1fr}.box-return-filters>button{width:100%}}@media (width<=560px){.box-return-filters{grid-template-columns:1fr}.box-return-filters>button{width:100%}}@media (width<=1100px){.ledger-filters{grid-template-columns:1fr 1fr 1fr}.ledger-filters>button{grid-column:auto}}@media (width<=560px){.ledger-filters{grid-template-columns:1fr}.ledger-filters>button{grid-column:auto}}.discount-toggle{gap:6px;display:grid}.discount-toggle select{border:1px solid var(--color-line);background:var(--color-panel);cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-muted) 50%),linear-gradient(135deg,var(--color-muted) 50%,transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:999px;width:108px;min-height:42px;padding:0 34px 0 16px;font-weight:700}.discount-toggle select:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #05966929}.discount-switch-field{gap:6px;display:grid}.discount-switch{align-items:center;gap:8px;min-height:42px;display:inline-flex}.discount-switch input{opacity:0;pointer-events:none;position:absolute}.discount-switch-track{cursor:pointer;background:#cbd5e1;border-radius:999px;width:48px;height:26px;padding:3px;transition:all .2s}.discount-switch-track span{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;display:block;box-shadow:0 1px 3px #64748b}.discount-switch.on .discount-switch-track{background:var(--color-brand)}.discount-switch.on .discount-switch-track span{transform:translate(22px)}.discount-switch b{color:var(--color-muted);font-size:13px}.discount-type{white-space:nowrap;width:160px;min-width:160px;min-height:42px;margin-bottom:0}.bill-preview h1{margin:0 0 22px;font-size:28px}.preview-customer{font-size:18px;line-height:1.5}.preview-head,.preview-item{grid-template-columns:minmax(0,1.5fr) 55px minmax(130px,1fr) 100px;align-items:start;gap:12px;display:grid}.preview-head{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);color:var(--color-muted);margin-top:24px;padding:14px 0;font-size:13px;font-weight:700}.preview-item{border-bottom:1px solid var(--color-line);padding:18px 0}.preview-item>div{gap:5px;display:grid}.preview-item small{color:var(--color-muted);line-height:1.4;display:block}.preview-item>strong{text-align:right;font-size:18px}.discount-badge{border-radius:10px;width:max-content;padding:6px 12px;display:inline-block}.discount-badge.free{color:#047857;background:#dcfce7}.discount-badge.amount{color:#1d4ed8;background:#dbeafe}.preview-summary{border-top:1px solid var(--color-line);margin-top:12px;padding-top:12px}.preview-summary p,.preview-summary h2{justify-content:space-between;gap:12px;display:flex}.preview-summary h2{color:#047857;background:#ecfdf5;border-radius:10px;padding:14px}@media (width<=900px){.customer-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{box-shadow:var(--shadow-sm);align-items:flex-start;gap:16px;display:flex}.stat:hover{box-shadow:var(--shadow-md)}.stat>div:last-child{flex:1;min-width:0}.stat-icon{width:44px;height:44px;color:var(--color-brand);background:var(--color-selected);border-radius:12px;place-items:center;display:grid}.stat span{text-transform:uppercase;color:var(--color-muted);font-size:12px;font-weight:500;line-height:16px}.stat strong{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:2px;font-size:20px;line-height:28px;display:block;overflow:hidden}.toolbar{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.toolbar input{max-width:256px}.search-input{width:256px;max-width:100%;position:relative}.search-input>svg{color:var(--color-muted);position:absolute;top:11px;left:12px}.search-input input{padding-left:36px}.filters label{flex:1;min-width:140px}.filters input,.filters select{max-width:none}.filters input[type=date]{width:160px}input,textarea,select{border:1px solid var(--color-line);background:var(--color-panel);width:100%;color:var(--color-ink);text-transform:none;letter-spacing:normal;border-radius:8px;min-width:0;padding:8px 12px;font-size:14px;font-weight:400;line-height:20px}input::placeholder,textarea::placeholder{color:var(--color-muted)}input:focus,textarea:focus,select:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-brand) 30%, transparent);outline:none}textarea{resize:none;min-height:80px}label,.field-label{text-transform:uppercase;letter-spacing:.025em;color:var(--color-muted);gap:4px;font-size:12px;font-weight:500;line-height:16px;display:grid}input[aria-invalid=true]{border-color:var(--color-danger)}.field-error{color:var(--color-danger);text-transform:none;font-size:12px}input[type=file]{padding:8px}input::file-selector-button{background:var(--color-selected);color:var(--color-brand);border:0;border-radius:4px;margin-right:8px;padding:4px 8px}.formgrid{grid-template-columns:1fr 1fr;gap:16px 12px;max-width:850px;display:grid}.formgrid>*{min-width:0}.wide{grid-column:1/-1}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-actions,.formgrid>.actions{justify-content:flex-end;padding-top:8px}.preview{object-fit:cover;border-radius:8px;width:130px;height:100px;margin-top:8px}.tablepanel{overflow:hidden}.tablewrap{max-width:100%;overflow-x:auto}.card.tablewrap{padding:0}.card>h2{margin-bottom:16px}.card:has(>.tablewrap){padding:0}.card:has(>.tablewrap)>h2{padding:20px 20px 0}table{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--color-line);vertical-align:middle;padding:12px 16px}th{background:var(--color-panel);color:var(--color-muted);text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:500;line-height:16px;position:sticky;top:0}td{overflow-wrap:anywhere;max-width:320px}tr:last-child td{border-bottom:0}tbody tr:hover{background:color-mix(in srgb, var(--color-surface) 60%, transparent)}:is(td:last-child:has(button),td:last-child:has(a),th:last-child){text-align:right}td small{color:var(--color-muted);display:block}td .actions{justify-content:flex-end}.numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.batch-list-table table,.batch-details-table table{table-layout:fixed}.batch-list-table table{min-width:0}.batch-list-table th:first-child,.batch-list-table td:first-child{width:16%}.batch-list-table th:nth-child(2),.batch-list-table td:nth-child(2){width:23%}.batch-list-table th:nth-child(3),.batch-list-table td:nth-child(3){text-align:right;width:14%}.batch-list-table th:nth-child(4),.batch-list-table td:nth-child(4){text-align:right;width:17%}.batch-list-table th:nth-child(5),.batch-list-table td:nth-child(5){text-align:left;width:18%}.batch-list-table th:nth-child(6),.batch-list-table td:nth-child(6){text-align:left;width:12%}.batch-list-table tbody tr{cursor:pointer}.batch-list-table tbody tr:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.batch-details-table table{min-width:980px}.batch-details-table th,.batch-details-table td{white-space:nowrap}.batch-details-table th:first-child,.batch-details-table td:first-child{width:7%}.batch-details-table th:nth-child(2),.batch-details-table td:nth-child(2){width:22%}.batch-details-table th:nth-child(3),.batch-details-table td:nth-child(3){text-align:right;width:14%}.batch-details-table th:nth-child(4),.batch-details-table td:nth-child(4){width:8%}.batch-details-table th:nth-child(5),.batch-details-table td:nth-child(5),.batch-details-table th:nth-child(6),.batch-details-table td:nth-child(6){text-align:right;width:14%}.batch-details-table th:nth-child(7),.batch-details-table td:nth-child(7){text-align:right;width:10%}.batch-details-table th:nth-child(8),.batch-details-table td:nth-child(8){text-align:right;width:11%}.batch-total-cost{justify-content:flex-end;padding:16px 20px;font-size:16px;font-weight:700;display:flex}.production-material-usage{border-top:1px solid var(--color-line);margin-top:18px;padding-top:16px}.production-material-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.production-material-list span{background:var(--color-surface);color:var(--color-ink);border-radius:8px;padding:6px 10px;font-size:13px;display:inline-flex}.batch-date-filters{flex-wrap:wrap;align-items:end;gap:8px;margin:20px 0;display:flex}.batch-date-filters button{background:var(--color-panel);color:var(--color-ink);border-color:var(--color-line)}.batch-date-filters button.active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.batch-date-filters label{min-width:150px}.batch-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.summary-card{text-align:center;cursor:pointer;border:1px solid var(--color-line);color:var(--color-ink);background:var(--color-panel);flex-direction:column;justify-content:center;align-items:center;min-height:86px;padding:12px 16px}.summary-card.selected{border-color:var(--color-brand);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-brand) 18%, transparent);background:var(--color-panel)}.summary-card span,.summary-card small{color:var(--color-muted)}.summary-card strong{color:var(--color-ink);margin:4px 0;font-size:23px;line-height:1.1}.summary-card small{font-size:10px}@media (width<=700px){.batch-summary-cards{grid-template-columns:1fr}}.badge{background:var(--color-line);color:var(--color-muted);border-radius:999px;padding:2px 8px;font-size:12px;line-height:16px;display:inline-flex}.badge.ok{background:var(--color-selected);color:var(--color-brand-hover)}.pager{border-top:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;padding:16px;font-size:12px;display:flex}.pager button{width:32px;height:32px;padding:0}.pager-size{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.pager-size select{width:auto;min-width:64px;padding:6px 8px}@media (width<=640px){.pager{flex-wrap:wrap}.pager .actions{margin-left:auto}}.empty{text-align:center;color:var(--color-muted);padding:64px 16px}.empty>svg{opacity:.4;margin-bottom:12px}.empty h3{color:var(--color-ink);font-size:16px;font-weight:500;line-height:24px}.empty p{margin-top:4px}.empty button{margin-top:16px}.auth,.setup{place-items:center;min-height:100dvh;padding:16px;display:grid}.auth{background:linear-gradient(to bottom right, var(--color-selected), var(--color-surface), var(--color-surface))}.dark .auth{background:linear-gradient(to bottom right, var(--color-panel), var(--color-surface), var(--color-surface))}.authcard{width:min(384px,100%);box-shadow:var(--shadow-xl);border-radius:16px;gap:16px;padding:32px;display:grid}.auth-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.auth-brand .brand-tile{border-radius:16px;width:56px;height:56px;margin-bottom:16px}.authcard p{color:var(--color-muted);margin-top:4px}.authcard input{background:var(--color-surface);padding-top:10px;padding-bottom:10px}.authcard>button{padding:10px 16px}.auth-theme{position:absolute;top:16px;right:16px}.setup>.page{width:min(850px,100%)}.center{place-items:center;min-height:240px;display:grid}.spinner{border:3px solid var(--color-line);border-top-color:var(--color-brand);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin;display:inline-block}.spinner.small{border-width:2px;border-color:currentColor #0000 currentColor currentColor;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.overlay{background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;padding:40px 16px;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-panel);border:1px solid var(--color-line);width:100%;box-shadow:var(--shadow-xl);border-radius:16px;outline:none;margin:0 auto}.modal-sm{max-width:384px}.modal-md{max-width:512px}.modal-lg{max-width:672px}.modal-xl{max-width:768px}.modalhead{border-bottom:1px solid var(--color-line);background:var(--color-panel);z-index:2;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex;position:sticky;top:-40px}.modalhead h2{font-size:16px;line-height:24px}.modalbody{padding:24px}.modal:has(.loan-modal-form){max-width:560px;overflow:hidden}.modal:has(.loan-modal-form) .modalhead{background:#f8fbff;padding:15px 18px 13px}.modal:has(.loan-modal-form) .modalbody{padding:0}.loan-modal-title{align-items:center;gap:14px;display:flex}.loan-modal-title-icon{width:44px;height:44px;color:var(--color-brand);background:#dff8ed;border-radius:13px;place-items:center;display:grid}.loan-modal-title-icon svg{width:23px;height:23px}.loan-modal-title strong{color:#14213d;font-size:20px;line-height:1.1;display:block}.loan-modal-title small{color:var(--color-muted);margin-top:4px;font-size:11px;font-weight:400;display:block}.loan-modal-form{padding:20px 18px 14px}.loan-form-grid{grid-template-columns:1fr 1fr;gap:13px 16px;display:grid}.loan-form-field{gap:5px;min-width:0;display:grid}.loan-form-field>span:first-child{color:#5b6b84;text-transform:uppercase;letter-spacing:.01em;font-size:11px;font-weight:700}.loan-form-field>span:first-child b{color:#ef4444;margin-left:5px}.loan-input-wrap{color:#65758e;background:#fbfdff;border:1px solid #d4deeb;border-radius:8px;align-items:center;gap:8px;min-height:39px;padding:0 10px;display:flex}.loan-input-wrap svg{width:16px;height:16px}.loan-input-wrap:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 3px #0596691f}.loan-input-wrap input,.loan-input-wrap textarea,.loan-input-wrap select{color:#17233d;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0;font-size:13px}.loan-input-wrap input::placeholder,.loan-input-wrap textarea::placeholder{color:#8a98ad}.loan-input-wrap input[type=date]{color:#17233d}.loan-remarks-field{grid-column:1/-1}.loan-textarea-wrap{align-items:flex-start;min-height:72px;padding-top:10px;position:relative}.loan-textarea-wrap textarea{resize:vertical;min-height:42px;line-height:1.35}.loan-textarea-wrap small{color:#718096;font-size:10px;position:absolute;bottom:7px;right:10px}.loan-modal-actions{background:#fbfdff;border-top:1px solid #e4ebf3;justify-content:flex-end;gap:8px;margin:18px -18px -14px;padding:13px 18px;display:flex}.loan-modal-actions button{min-height:36px;padding:0 15px;font-size:12px}:is(.modal:has(.loan-detail-modal),.modal:has(.loan-repayment-form)){max-width:560px;overflow:hidden}:is(.modal:has(.loan-detail-modal) .modalbody,.modal:has(.loan-repayment-form) .modalbody){padding:0}.loan-detail-modal{padding:18px}.loan-detail-grid{grid-template-columns:1fr 1fr;gap:12px 18px;display:grid}.loan-detail-grid>div{border:1px solid var(--color-line);background:var(--color-panel);border-radius:9px;min-width:0;padding:10px 12px}.loan-detail-grid small{color:#718096;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.loan-detail-grid strong{overflow-wrap:anywhere;color:var(--color-ink);font-size:13px;line-height:1.35;display:block}.loan-detail-modal h3{color:var(--color-ink);margin:18px 0 8px;font-size:14px}.loan-detail-modal .tablepanel{border-radius:9px;overflow:hidden}.loan-detail-modal .ledger-modal-footer{background:#fbfdff;border-top:1px solid #e4ebf3;margin:18px -18px -18px;padding:13px 18px}.loan-repayment-form{gap:13px;padding:20px 18px 14px;display:grid}.loan-repayment-form>label{color:#5b6b84;text-transform:uppercase;gap:5px;font-size:11px;font-weight:700;display:grid}.loan-repayment-form>label input{border:1px solid var(--color-line);background:var(--color-panel);min-height:39px;color:var(--color-ink);border-radius:8px;outline:0;padding:0 10px;font-size:13px}.loan-repayment-form>label input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #0596691f}.loan-repayment-actions{background:#fbfdff;border-top:1px solid #e4ebf3;justify-content:flex-end;gap:8px;margin:5px -18px -14px;padding:13px 18px;display:flex}.loan-repayment-actions button{min-height:36px;padding:0 15px;font-size:12px}@media (width<=700px){.modal:has(.loan-modal-form) .modalhead{padding:22px}.loan-modal-form{padding:28px 22px 22px}.loan-form-grid{grid-template-columns:1fr;gap:20px}.loan-remarks-field{grid-column:auto}.loan-modal-actions{margin:28px -22px -22px;padding:20px 22px}.loan-modal-title-icon{border-radius:16px;width:56px;height:56px}.loan-modal-title strong{font-size:24px}.loan-modal-title small{font-size:14px}:is(.modal:has(.loan-detail-modal),.modal:has(.loan-repayment-form)){max-width:calc(100vw - 24px)}.loan-detail-modal{padding:14px}.loan-detail-grid{grid-template-columns:1fr;gap:8px}.loan-detail-modal .ledger-modal-footer{margin:14px -14px -14px;padding:12px 14px}.loan-repayment-form{padding:16px 14px 12px}.loan-repayment-actions{margin:4px -14px -12px;padding:12px 14px}}.modal:has(.stock-modal-form){max-width:560px;overflow:hidden}.modal:has(.stock-modal-form) .modalhead{background:#f8fbff;padding:15px 18px 13px}.modal:has(.stock-modal-form) .modalbody{padding:0}.stock-modal-title{align-items:center;gap:14px;display:flex}.stock-modal-title-icon{width:44px;height:44px;color:var(--color-brand);background:#dff8ed;border-radius:13px;place-items:center;display:grid}.stock-modal-title-icon svg{width:23px;height:23px}.stock-modal-title strong{color:#14213d;font-size:20px;line-height:1.1;display:block}.stock-modal-title small{color:var(--color-muted);margin-top:4px;font-size:11px;font-weight:400;display:block}.stock-modal-form{padding:20px 18px 14px}.stock-modal-grid{grid-template-columns:1fr 1fr;gap:13px 16px;display:grid}.stock-modal-grid .select-field,.stock-form-field{gap:5px;min-width:0;display:grid}.stock-modal-grid .field-label,.stock-form-field>span:first-child{color:#5b6b84;text-transform:uppercase;font-size:11px;font-weight:700}.stock-modal-grid .select-field:has(.select-validation) .field-label:after{content:" *";color:#ef4444}.stock-modal-grid .select-trigger{color:#8a98ad;background:#fbfdff;border:1px solid #d4deeb;border-radius:8px;justify-content:flex-start;gap:8px;min-height:39px;padding:0 10px;font-size:13px}.stock-modal-grid .select-trigger svg:last-child{margin-left:auto}.stock-input-wrap{color:#65758e;background:#fbfdff;border:1px solid #d4deeb;border-radius:8px;align-items:center;gap:8px;min-height:39px;padding:0 10px;display:flex}.stock-input-wrap svg{width:16px;height:16px}.stock-input-wrap:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 3px #0596691f}.stock-input-wrap input,.stock-input-wrap select{color:#17233d;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0;font-size:13px}.stock-input-wrap input::placeholder{color:#8a98ad}.stock-field-wide{grid-column:1/-1}.stock-modal-actions{background:#fbfdff;border-top:1px solid #e4ebf3;justify-content:flex-end;gap:8px;margin:18px -18px -14px;padding:13px 18px;display:flex}.stock-modal-actions button{min-height:36px;padding:0 15px;font-size:12px}@media (width<=700px){.modal:has(.stock-modal-form){max-width:calc(100vw - 24px)}.modal:has(.stock-modal-form) .modalhead{padding:22px}.stock-modal-title-icon{border-radius:16px;width:56px;height:56px}.stock-modal-title strong{font-size:24px}.stock-modal-title small{font-size:14px}.stock-modal-form{padding:28px 22px 22px}.stock-modal-grid{grid-template-columns:1fr;gap:20px}.stock-field-wide{grid-column:auto}.stock-modal-actions{margin:28px -22px -22px;padding:20px 22px}.stock-modal-actions button{min-height:44px;padding:0 18px;font-size:14px}}.modal:has(.customer-modal-form){width:560px;max-width:calc(100% - 32px);overflow:visible}.modal:has(.customer-modal-form) .modalhead{background:#f8fbff;padding:15px 18px 13px}.modal:has(.customer-modal-form) .modalbody{padding:0;overflow:visible}.customer-modal-title{align-items:center;gap:14px;display:flex}.customer-modal-title-icon{width:44px;height:44px;color:var(--color-brand);background:#dff8ed;border-radius:13px;place-items:center;display:grid}.customer-modal-title-icon svg{width:23px;height:23px}.customer-modal-title strong{color:#14213d;font-size:20px;line-height:1.1;display:block}.customer-modal-title small{color:var(--color-muted);margin-top:4px;font-size:11px;font-weight:400;display:block}.customer-modal-form{padding:20px 18px 14px}.customer-modal-grid{grid-template-columns:1fr 1fr;gap:13px 16px;display:grid}.customer-form-field,.customer-modal-grid .select-field{gap:5px;min-width:0;display:grid}.customer-form-field>span:first-child,.customer-modal-grid .field-label{color:#5b6b84;text-transform:uppercase;font-size:11px;font-weight:700}.customer-form-field>span:first-child b{color:#ef4444}.customer-modal-grid .select-field:has(.select-validation) .field-label:after{color:#ef4444}.customer-modal-grid .select-field:has(.select-validation) .field-label:after{content:" *"}.customer-input-wrap,.customer-modal-grid .select-trigger{color:#65758e;background:#fbfdff;border:1px solid #d4deeb;border-radius:8px;align-items:center;gap:8px;min-height:39px;padding:0 10px;display:flex}.customer-input-wrap svg{width:16px;height:16px}.customer-input-wrap:focus-within,.customer-modal-grid .select-trigger:focus-visible{border-color:var(--color-brand);box-shadow:0 0 0 3px #0596691f}.customer-input-wrap input,.customer-input-wrap textarea{color:#17233d;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.customer-input-wrap input::placeholder,.customer-input-wrap textarea::placeholder{color:#8a98ad}.customer-modal-grid .select-trigger{color:#8a98ad;justify-content:flex-start;width:100%;font-size:13px}.customer-modal-grid .select-trigger svg:last-child{margin-left:auto}.customer-modal-grid .select-panel{z-index:50;margin-top:6px}.customer-modal-grid .select-panel .search-input{min-height:39px;padding:7px 10px}.customer-modal-grid .select-panel .search-input input{padding-left:28px}.customer-modal-grid .select-panel li button{padding:9px 11px;font-size:13px}.customer-modal-grid .select-panel li button:hover,.customer-modal-grid .select-panel li button.highlight{color:#047857;background:#d1fae5}.customer-remarks-field{grid-column:1/-1}.customer-textarea-wrap{align-items:flex-start;min-height:72px;padding-top:10px}.customer-textarea-wrap textarea{resize:vertical;min-height:42px;line-height:1.35}.customer-modal-actions{background:#fbfdff;border-top:1px solid #e4ebf3;border-radius:0 0 16px 16px;justify-content:flex-end;gap:8px;margin:18px -18px -14px;padding:13px 18px;display:flex}.customer-modal-actions button{min-height:36px;padding:0 15px;font-size:12px}@media (width<=700px){.modal:has(.customer-modal-form) .modalhead{padding:20px}.customer-modal-form{padding:22px 20px 18px}.customer-modal-grid{grid-template-columns:1fr;gap:16px}.customer-remarks-field{grid-column:auto}.customer-modal-actions{margin:22px -20px -18px;padding:16px 20px}.customer-modal-actions button{flex:1}.customer-modal-title-icon{width:50px;height:50px}.customer-modal-title strong{font-size:21px}.customer-modal-title small{font-size:12px}}.modal:has(.production-modal-content){flex-direction:column;max-width:min(860px,100vw - 32px);max-height:calc(100vh - 48px);display:flex}.modal:has(.production-modal-content) .modalbody{flex-direction:column;flex:1;min-height:0;padding:18px 24px 20px;display:flex;overflow:hidden}.production-modal-content{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.modalbody>p{color:var(--color-muted);margin-bottom:16px}.check{text-transform:none;align-items:center;gap:8px;display:flex}.check input{width:auto;accent-color:var(--color-brand)}.detail{max-width:768px}.detail>img{object-fit:cover;border-radius:12px;max-width:100%;max-height:330px}dl{grid-template-columns:140px minmax(0,1fr);gap:12px;display:grid}dt{color:var(--color-muted)}dd{overflow-wrap:anywhere;margin:0}details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.select-field{min-width:0;position:relative}.select-trigger{text-align:left;justify-content:space-between;width:100%;height:38px;margin-top:4px;padding:8px 12px}.select-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-panel{z-index:5;border:1px solid var(--color-line);background:var(--color-panel);box-shadow:var(--shadow-xl);border-radius:12px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.select-panel .search-input{border-bottom:1px solid var(--color-line);width:100%;padding:8px 12px}.select-panel .search-input>svg{top:19px;left:24px}.select-panel ul{max-height:208px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.select-panel li button{text-align:left;width:100%;color:var(--color-ink);background:0 0;border-radius:0;justify-content:flex-start;padding:10px 12px}.select-panel li+li{border-top:1px solid var(--color-line)}.select-panel li button:has(.select-option-product){padding:12px 14px}.select-option-product{gap:4px;min-width:0;line-height:1.2;display:grid}.select-option-product strong,.select-option-product small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.select-option-product strong{font-size:15px;font-weight:600}.select-option-product small{color:var(--color-muted);font-size:12px}.select-panel li button:hover,.select-panel li button.highlight{background:var(--color-selected);color:var(--color-brand-hover)}.no-options{color:var(--color-muted);text-align:center;padding:20px 12px}.select-validation{opacity:0;width:1px;height:1px;padding:0;position:absolute;bottom:0;left:0}.dropdown{display:inline-block;position:relative}.dropdown-panel{border:1px solid var(--color-line);background:var(--color-panel);width:200px;box-shadow:var(--shadow-lg);z-index:10;border-radius:12px;padding:4px;position:absolute;top:100%;right:0}.dropdown-panel button{width:100%;color:var(--color-ink);background:0 0;justify-content:flex-start}.dropdown-panel button:hover{background:var(--color-selected);color:var(--color-brand-hover)}.mobile,.scroll-hint{display:none}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.drawer-backdrop{z-index:50;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0}.drawer{z-index:51;width:288px;height:100%;position:relative}.drawer-close{right:8px;top:calc(env(safe-area-inset-top) + 12px);position:absolute}.drawer .brand{padding-right:40px}.drawer .collapse{display:none}.toast{border:1px solid var(--color-line);font-size:14px;background:var(--color-panel)!important;color:var(--color-ink)!important}.rowhead{justify-content:space-between;gap:12px;display:flex}.section{min-width:0}@media (width<=1023px){.desktop{display:none}.mobile{display:block}.stat strong{font-size:18px;line-height:24px}}@media (width<=767px){main{padding:16px}.scroll-hint{color:var(--color-muted);padding:8px 16px;font-size:12px;display:block}.toolbar{width:100%}}@media (width<=639px){.pagehead{flex-direction:column;align-items:flex-start}.card{padding:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{gap:8px;padding:10px}.stat-icon{width:32px;height:32px}.stat span{font-size:10px;line-height:14px}.stat strong{font-size:16px;line-height:20px}.profile-text{display:none}.profile-area,.navbar{gap:8px}.workspace-name small{color:var(--color-muted);font-size:10px}.formgrid{grid-template-columns:1fr}.search-input{width:100%}.toolbar input{max-width:none}.toolbar>.search-input{flex:1;min-width:180px}.pager{flex-direction:column-reverse}.overlay{padding:16px}.modalhead{top:-16px}.detail dl{grid-template-columns:1fr;gap:4px}.detail dd{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.tabs{gap:10px;display:flex}.vehicle-nav{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.vehicle-nav a,.vehicle-tabs button{border:1px solid var(--color-line);color:var(--color-muted);background:var(--color-panel);border-radius:8px;padding:8px 12px;text-decoration:none}.vehicle-nav a.active,.vehicle-nav a:hover,.vehicle-tabs button.active{color:var(--color-brand);border-color:var(--color-brand)}.vehicle-stats .card{color:var(--color-ink);text-decoration:none}.vehicle-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.vehicle-grid h3,.section-head{align-items:center;gap:8px;display:flex}.vehicle-row,.alert-row{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.vehicle-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.vehicle-card{color:var(--color-ink);align-items:center;gap:14px;text-decoration:none;display:flex}.vehicle-card img,.profile-hero img{object-fit:cover;border-radius:10px;width:64px;height:64px}.vehicle-image{background:var(--color-brand-soft);width:64px;height:64px;color:var(--color-brand);border-radius:10px;place-items:center;display:grid}.profile-hero{align-items:center;gap:18px;margin-bottom:18px;display:flex}.vehicle-tabs{margin-bottom:20px;overflow:auto}.vehicle-tabs button{cursor:pointer}.alert-row>div{gap:4px;display:grid}.alert-row>div span{color:var(--color-muted);font-size:13px}.back-link{color:var(--color-brand);margin-bottom:14px;display:inline-block}.vehicle-upload-preview{object-fit:cover;border:1px solid var(--color-line);border-radius:10px;width:96px;height:72px;margin-top:8px;display:block}.vehicle-thumb{object-fit:cover;cursor:zoom-in;border-radius:10px;width:46px;height:46px;display:block}.vehicle-image-large{object-fit:contain;border-radius:14px;max-width:min(80vw,640px);max-height:70vh;margin:auto;display:block}.vehicle-table th:nth-child(2),.vehicle-table td:nth-child(2){text-align:center;width:76px}.vehicle-table th:nth-child(3),.vehicle-table td:nth-child(3){min-width:170px}.crop-box{background:#eef1f5;border-radius:8px;place-items:center;width:240px;height:240px;margin-top:10px;display:grid;overflow:hidden}.crop-box img{object-fit:cover;transform-origin:50%;width:100%;height:100%}.modal:has(.vehicle-image-large){max-width:600px}.vehicle-image-large{background:#f1f3f5;width:min(520px,80vw);height:min(520px,70vh)}.quick-actions{flex-wrap:wrap;gap:8px;display:flex}.dashboard-panels{margin-top:18px}.empty-state{text-align:center;padding:18px 0}.status-danger{color:#dc2626;font-weight:600}.status-success{color:#15803d;font-weight:600}.vehicle-table{overflow-x:auto}.vehicle-table table{min-width:720px}.vehicle-cell{align-items:center;gap:10px;display:flex}.vehicle-cell img,.vehicle-cell .vehicle-image{width:38px;height:38px}.vehicle-cell .vehicle-image{place-items:center;display:grid}.vehicle-table td,.vehicle-table th{padding:11px 14px}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--color-panel)}.vehicle-list-controls{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:end;gap:12px;padding:14px 16px;display:flex}.vehicle-list-controls label{min-width:180px;color:var(--color-muted);gap:6px;font-size:13px;display:grid}.vehicle-list-controls input,.vehicle-list-controls select{border:1px solid var(--color-line);background:var(--color-surface);min-height:40px;color:var(--color-ink);border-radius:8px;padding:8px 10px}.vehicle-list-controls label:first-child{flex:1}.vehicle-pagination{border-top:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.vehicle-pagination>div{gap:8px;display:flex}.vehicle-pagination button{min-height:36px}.crop-box{width:300px;height:300px;position:relative}.crop-box:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000 33%,#ffffffbf 33.3% 33.6%,#0000 34% 66%,#ffffffbf 66.3% 66.6%,#0000 67%),linear-gradient(#0000 33%,#ffffffbf 33.4% 33.7%,#0000 34% 66%,#ffffffbf 66.4% 66.7%,#0000 67%);position:absolute;inset:0}.crop-controls{gap:6px;margin-top:10px;display:grid}.crop-controls label{color:var(--color-muted);font-size:12px}.crop-controls input{width:300px;max-width:100%;display:block}.crop-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.vehicle-form{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);align-items:start;gap:28px;display:grid}.vehicle-form-left,.vehicle-form-right{min-width:0}.vehicle-form-right{justify-items:center;display:grid}.vehicle-form-right .crop-controls,.vehicle-form-right .crop-actions{width:100%;max-width:360px}.vehicle-form-actions{gap:8px;margin-top:24px;display:flex}.upload-label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.upload-button{background:var(--color-brand);color:#fff;cursor:pointer;border-radius:8px;padding:9px 14px;font-weight:600;display:inline-flex}.upload-name{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:13px;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.field-label{color:var(--color-muted);margin-bottom:6px;font-size:13px;display:block}@media (width<=700px){.vehicle-form{grid-template-columns:1fr;gap:18px}.vehicle-form-right{order:2}.vehicle-form-left{order:1}.vehicle-form-actions{justify-content:flex-end}.crop-box{width:min(100%,320px);height:min(100vw,320px)}}.tabs+.tablepanel th:last-child{text-align:left}.tabs+.tablepanel td:has(.change-list){text-align:left}.stock-table{width:fit-content;max-width:100%}.stock-table table{table-layout:fixed;width:min(100%,980px);min-width:760px}.stock-table th,.stock-table td{padding:10px 14px}.stock-table th:first-child,.stock-table td:first-child{width:72px}.stock-table th:nth-child(2),.stock-table td:nth-child(2){width:280px}.stock-table th:nth-child(3),.stock-table td:nth-child(3){width:150px}.stock-table th:nth-child(4),.stock-table td:nth-child(4){width:90px}.stock-table th:nth-child(5),.stock-table td:nth-child(5){text-align:left;width:220px}.stock-warning,.stock-out,.stock-ok{white-space:nowrap;align-items:center;margin-left:8px;font-size:12px;font-weight:600;display:inline-flex}.stock-warning{color:#b45309}.stock-out{color:#dc2626}.stock-ok{color:var(--color-brand)}.stock-status-card{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.stock-status-card span{color:var(--color-muted)}.stock-summary-cards{grid-template-columns:repeat(3,minmax(0,220px));gap:12px;margin:0}.summary-card{cursor:pointer;text-align:left;border:1px solid var(--color-line);transition:border-color .15s,box-shadow .15s}.summary-card:hover,.summary-card.selected{border-color:var(--color-brand);box-shadow:var(--shadow-md)}.summary-card.selected{background:var(--color-panel)}@media (width<=639px){.stock-summary-cards{grid-template-columns:1fr 1fr}.summary-card:last-child{grid-column:1/-1}}.summary-card{color:var(--color-ink);background:var(--color-panel)}.summary-card:hover,.summary-card.selected{color:var(--color-ink)}.batch-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.batch-form{min-width:0;padding:24px}.batch-form fieldset{border:0;min-width:0;margin:0;padding:0}.batch-form h2{margin:0 0 18px}.batch-form fieldset>.muted{margin:10px 0 28px;font-size:12px}.batch-material{border:1px solid var(--color-line);border-radius:12px;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:14px;margin-bottom:16px;padding:18px;display:grid}.batch-material .batch-row-heading,.batch-material .batch-balance,.batch-material>p,.batch-material>.stock-warning{grid-column:1/-1}.batch-row-heading,.batch-balance{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.batch-row-heading .link{align-items:center;gap:5px;display:inline-flex}.batch-balance{color:var(--color-muted);font-size:12px}.batch-material p{margin:0}.batch-remarks{margin-top:26px;display:block}.batch-remarks textarea{margin-top:9px}.batch-preview{min-width:0;padding:28px;position:sticky;top:90px}.batch-preview-heading{text-align:center;border-bottom:1px dashed var(--color-line);padding-bottom:24px}.batch-preview-heading svg{color:var(--color-brand)}.batch-preview-heading p{letter-spacing:2px;margin:14px 0 8px;font-size:10px}.batch-preview-heading h2{margin:0 0 6px;font-size:26px}.batch-preview-heading .muted{font-size:11px}.billing-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.bill-line{grid-template-columns:minmax(130px,1.5fr) repeat(4,minmax(58px,1fr)) minmax(76px,auto);gap:6px}.preview-head,.preview-item{grid-template-columns:minmax(0,1.25fr) 38px minmax(84px,1fr) 76px;gap:6px;min-width:0}.preview-head{font-size:11px}.preview-item{padding:12px 0;font-size:13px}.preview-item>strong{font-size:15px}.preview-item strong{overflow-wrap:anywhere}.preview-item small{font-size:11px}@media (width<=1250px){.billing-layout{grid-template-columns:1fr}.bill-preview{position:static}.preview-head,.preview-item{grid-template-columns:minmax(0,1.4fr) 45px minmax(120px,1fr) 100px}}.billing-layout{padding-bottom:76px;position:relative}.billing-layout form>.card>button[type=submit]{z-index:2;width:min(360px,100%);position:absolute;bottom:0;right:0}@media (width<=1250px){.billing-layout form>.card>button[type=submit]{width:100%;margin-top:8px;position:static}}.batch-preview-items{margin:24px 0;padding-left:20px;list-style:decimal}.batch-preview-items li{overflow-wrap:anywhere;padding:10px 0}.batch-preview-items li strong{float:right;margin-left:12px}.batch-preview-empty{text-align:center;color:var(--color-muted);padding:28px 0}.batch-preview-remarks{border-top:1px dashed var(--color-line);padding-top:20px;font-size:13px}.batch-preview-remarks p,.batch-detail-remarks{white-space:pre-wrap;overflow-wrap:anywhere}.batch-preview-footer{border-top:1px dashed var(--color-line);color:var(--color-muted);padding-top:18px;font-size:12px}.batch-preview-submit{border-top:1px solid var(--color-line);margin-top:24px;padding-top:18px}.batch-preview-submit p{margin:0 0 14px;font-size:12px}.batch-preview-submit button{width:100%}@media (width<=850px){.batch-layout{grid-template-columns:1fr}.batch-preview{position:static}}@media (width<=620px){.batch-material{grid-template-columns:1fr}.batch-material .select-field,.batch-material>label{grid-column:1/-1}}@media (width<=480px){.batch-form,.batch-preview{padding:18px}.batch-material{padding:12px}}.modal:has(.vehicle-form){max-width:min(960px,100vw - 40px);max-height:calc(100vh - 40px);overflow-y:auto}.modal .formgrid>.actions{grid-column:1/-1;justify-content:flex-start;align-items:center;margin-top:8px}.reminder-heading+.modal .formgrid>.actions{justify-content:flex-start}.vehicle-summary-grid>.card:not(.summary-card)>.stat{box-shadow:none;background:0 0;border:0;min-height:0;padding:0}.vehicle-form input[type=date],.formgrid input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:46px;padding-right:12px}.vehicle-form input[type=date]::-webkit-calendar-picker-indicator{opacity:.7;cursor:pointer;filter:none;width:20px;height:20px}.formgrid input[type=date]::-webkit-calendar-picker-indicator{opacity:.7;cursor:pointer;filter:none;width:20px;height:20px}.vehicle-form input[type=date]:focus,.formgrid input[type=date]:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 18%,transparent)}.formgrid input[type=date]{accent-color:var(--color-brand)}.formgrid input[type=date]::-webkit-calendar-picker-indicator{accent-color:var(--color-brand)}.vehicle-summary-grid button{font:inherit;text-align:left;cursor:pointer}.vehicle-summary-grid>.summary-card{min-height:116px;padding:18px 20px}.vehicle-summary-grid>.summary-card>.stat{box-shadow:none;background:0 0;border:0;align-items:center;min-height:0;padding:0;display:flex}.vehicle-summary-grid>.summary-card>.stat .stat-icon{width:42px;height:42px}.vehicle-summary-grid>.card:not(.summary-card){min-height:116px}.dashboard-metric{border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-ink);min-height:112px;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;transition:all .15s;display:flex}.metric-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-size:12px;font-weight:700}.dashboard-metric strong{font-size:28px;line-height:1.1}.dashboard-metric small{color:var(--color-muted);font-size:13px}.vehicle-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vehicle-stats>.card{min-height:112px}@media (width<=800px){.vehicle-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.vehicle-stats{grid-template-columns:1fr}}.fine-type-select{position:relative}.fine-type-select>label{display:block;position:relative}.fine-type-select input{width:100%;padding-right:42px}.select-chevron{color:var(--color-muted);pointer-events:none;font-size:22px;position:absolute;bottom:13px;right:14px}.fine-type-menu{z-index:80;background:var(--color-panel);border:1px solid var(--color-line);box-shadow:var(--shadow-lg);border-radius:0 0 14px 14px;position:absolute;top:78px;left:0;right:0;overflow:hidden}.fine-type-search{border-bottom:1px solid var(--color-line);color:var(--color-muted);align-items:center;gap:8px;padding:10px 14px;display:flex}.fine-type-search input{border:0;outline:0;width:100%;padding:4px}.fine-type-menu>button{text-align:left;width:100%;color:var(--color-ink);cursor:pointer;background:0 0;border:0;padding:12px 18px;font-size:15px;display:block}.fine-type-menu>button:hover{background:var(--color-panel-muted)}.fine-type-menu .create-type-link{border-top:1px solid var(--color-line);color:var(--color-brand);font-weight:600}.select-dismiss{z-index:-1;background:0 0;border:0;position:fixed;inset:0}.final-crop-panel{justify-items:center;gap:10px;width:100%;display:grid}.final-crop-image{aspect-ratio:1;object-fit:cover;border:1px solid var(--color-line);width:min(100%,360px);box-shadow:var(--shadow-md);border-radius:12px;display:block}.profile-hero{gap:22px;min-height:150px;padding:24px}.profile-hero img,.profile-hero .vehicle-image{object-fit:cover;border-radius:14px;width:128px;height:96px}.profile-actions{margin-left:auto}.vehicle-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.vehicle-summary-grid .card{color:var(--color-ink);text-decoration:none}.vehicle-summary-grid .card:hover{border-color:var(--color-brand)}@media (width<=700px){.vehicle-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero{flex-wrap:wrap}.profile-actions{margin-left:0}}.section-head{justify-content:space-between;width:100%}.status-select{cursor:pointer;border:0;border-radius:999px;padding:5px 10px;font-weight:600}.status-select.unpaid{color:#92400e;background:#fef3c7}.status-select.paid{color:#047857;background:#d1fae5}.crop-box{aspect-ratio:1;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;max-width:360px;height:auto;position:relative;overflow:hidden}.crop-box:active{cursor:grabbing}.crop-box img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;min-width:0;max-width:none;min-height:0;max-height:none;position:absolute;transform:none}.receipt-list{gap:14px;display:grid}.receipt-item{border:1px solid var(--color-line);background:#fff;border-radius:10px;padding:10px}.receipt-preview{object-fit:contain;border-radius:8px;width:100%;max-height:480px;margin:auto;display:block}.receipt-pdf{background:#f7faf9;border:0;border-radius:8px;width:100%;height:520px;display:block}.vehicle-table tbody tr{cursor:pointer}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-list>div{border-bottom:1px solid var(--color-line);gap:4px;padding:10px 0;display:grid}.detail-list span{color:var(--color-muted);font-size:13px}.detail-list strong{font-weight:600}@media (width<=700px){.detail-list{grid-template-columns:1fr}}.receipt-gallery{gap:14px;display:grid}.receipt-thumbs{gap:10px;padding-bottom:2px;display:flex;overflow:auto}.receipt-thumb{border:1px solid var(--color-line);width:92px;min-width:92px;color:var(--color-muted);cursor:pointer;background:#fff;border-radius:8px;gap:5px;padding:6px;display:grid}.receipt-thumb.selected{border-color:var(--color-brand);box-shadow:0 0 0 2px #05966926}.receipt-thumb img{object-fit:contain;border-radius:5px;width:78px;height:58px}.receipt-thumb span{height:58px;color:var(--color-brand);background:var(--color-panel-muted);border-radius:5px;place-items:center;font-weight:700;display:grid}.receipt-thumb small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.receipt-viewer{border:1px solid var(--color-line);background:var(--color-panel-muted);border-radius:10px;place-items:center;min-height:180px;padding:10px;display:grid}.receipt-toolbar{justify-content:flex-end;gap:10px;display:flex}.receipt-empty{text-align:center;color:var(--color-muted);padding:40px}.reminder-status{color:#475569;background:#e2e8f0;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.reminder-status.active{color:#047857;background:#d1fae5}.reminder-status.due-soon{color:#92400e;background:#fef3c7}.reminder-status.due-today{color:#c2410c;background:#ffedd5}.reminder-status.overdue{color:#b91c1c;background:#fee2e2}.reminder-status.cleared{color:#475569;background:#e2e8f0}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.dashboard-metric{border:1px solid var(--color-line);color:var(--color-ink);background:#fff;border-radius:14px;gap:6px;padding:18px;text-decoration:none;display:grid}.dashboard-metric:hover{border-color:var(--color-brand);transform:translateY(-1px)}.dashboard-metric strong{font-size:28px}.dashboard-metric small{color:var(--color-muted)}.dashboard-analytics{grid-template-columns:2fr 1fr;gap:14px;margin:14px 0;display:grid}.dashboard-wide{margin:14px 0}.expense-bars{align-items:end;gap:14px;height:150px;padding:15px 10px;display:flex}.expense-bar{background:#ecfdf5;border-radius:8px;flex:1;align-items:end;height:100%;display:flex}.expense-bar span{background:var(--color-brand);border-radius:8px;width:100%;display:block}.cost-breakdown{gap:12px;display:grid}.cost-breakdown p{border-bottom:1px solid var(--color-line);justify-content:space-between;padding-bottom:10px;display:flex}.insights-card{background:#f0fdf4}@media (width<=800px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-analytics{grid-template-columns:1fr}}@media (width<=500px){.dashboard-kpis{grid-template-columns:1fr}}.activity-entry{border-bottom:1px solid var(--color-line);padding:16px 0}.activity-entry-head{justify-content:space-between;gap:16px;display:flex}.activity-entry time,.activity-entry small{color:var(--color-muted)}.activity-entry p{color:var(--color-ink);margin:6px 0}.master-data-intro{max-width:720px;color:var(--color-muted);margin:0 0 18px}.master-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.master-data-grid .card{align-content:start;gap:12px;display:grid}.master-pills{flex-wrap:wrap;gap:8px;display:flex}.master-pills span{color:#047857;background:#ecfdf5;border-radius:999px;padding:7px 10px;font-size:14px}.master-add{gap:8px;display:flex}.master-add input{flex:1}@media (width<=760px){.master-data-grid{grid-template-columns:1fr}.master-add{flex-direction:column}}.master-pill{color:#047857;background:#ecfdf5;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:14px;display:inline-flex}.master-pill button{color:#047857;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:14px}.alert-filters{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.filter-buttons{flex-wrap:wrap;gap:6px;display:flex}.filter-buttons button{border:1px solid var(--color-line);color:var(--color-muted);cursor:pointer;background:#fff;border-radius:999px;padding:7px 12px}.filter-buttons button.active{border-color:var(--color-brand);color:#047857;background:#ecfdf5}.alert-filters input{max-width:280px}@media (width<=700px){.alert-filters{flex-direction:column;align-items:stretch}.alert-filters input{max-width:none}}.info-tip{border:1px solid var(--color-muted);width:18px;height:18px;color:var(--color-muted);cursor:help;vertical-align:middle;border-radius:50%;place-items:center;margin-left:5px;font-size:12px;display:inline-grid}.dashboard-range{color:var(--color-muted);align-items:center;gap:6px;font-size:12px;display:flex}.dashboard-range input{width:125px;padding:8px}.expense-bar{position:relative}.expense-bar small{white-space:nowrap;color:var(--color-muted);font-size:10px;position:absolute;top:calc(100% + 6px)}@media (width<=900px){.dashboard-range{display:none}}.breakdown-visual{align-items:center;gap:22px;display:flex}.cost-donut{text-align:center;border-radius:50%;flex:none;place-content:center;width:138px;height:138px;display:grid;position:relative}.cost-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:22px}.cost-donut strong,.cost-donut small{z-index:1;position:relative}.cost-donut strong{font-size:18px}.cost-donut small{color:var(--color-muted)}.split-workspace{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:18px;display:grid}.split-sidebar{gap:12px;display:grid;position:sticky;top:18px}.split-sidebar .filter-buttons{gap:6px;display:grid}.split-sidebar .filter-buttons button{text-align:left}.split-content{min-width:0}@media (width<=800px){.split-workspace{grid-template-columns:1fr}.split-sidebar{position:static}.split-sidebar .filter-buttons{flex-wrap:wrap;display:flex}}.inline-overlay{pointer-events:none;background:0 0;justify-content:flex-start;align-items:flex-start;padding:190px 20px 20px;display:flex;position:fixed;inset:0}.inline-overlay>section{pointer-events:auto;width:250px;max-height:calc(100vh - 210px);box-shadow:var(--shadow-lg);border-radius:14px;overflow:auto}.inline-overlay .modal-close{display:none}.alert-vehicle-link{white-space:nowrap;align-items:center;gap:10px;min-width:190px;display:inline-flex}.alert-vehicle-thumb,.alert-vehicle-placeholder{object-fit:cover;border:1px solid var(--color-line);border-radius:8px;flex:0 0 44px;width:44px;height:44px}.alert-vehicle-placeholder{background:#ecfdf5;place-items:center;font-size:22px;display:grid}.vehicle-table th:first-child,.vehicle-table td:first-child{width:48px}.vehicle-table th:nth-child(2){min-width:220px}.vehicle-table tbody tr:hover{background:#f8fffb}.modal-form .pagehead{display:none}.modal-form .page{gap:0}.modal-form .card{border:0;padding:0}.tablepanel td:last-child .actions{justify-content:flex-end}.production-details-table table{min-width:0}.production-details-table th:last-child,.production-details-table td:last-child{text-align:right}.production-details-table .scroll-hint{display:none}.production-details-table td:first-child{white-space:normal}.batch-form .production-total{margin:24px 0 0}.production-date-label{margin:-8px 0 0;font-weight:600}.production-date-label small{color:var(--color-muted);margin-top:6px;font-weight:400;display:block}.production-product-fields{grid-template-columns:minmax(0,2fr) minmax(80px,1fr);align-items:start;gap:16px;display:grid}.production-product-fields>*{min-width:0}@media (width<=480px){.production-product-fields{gap:10px}}.production-remove.button-md{color:#dc2626;background:#fff1f2;border-color:#fecaca;flex-shrink:0;padding:9px}.production-remove.button-md:hover:not(:disabled){background:#ffe4e6;border-color:#f87171}.production-remove.button-md:disabled{color:#dc2626;opacity:.55}.production-product-fields .select-panel{width:100%;margin-top:8px;position:relative;top:auto;left:auto;right:auto}.production-validation{background:var(--color-panel);color:var(--color-ink);border:1px solid #f59e0b;border-radius:10px;margin-bottom:16px;padding:14px}.production-validation ul{margin:10px 0 0;padding-left:20px}.production-validation li+li{margin-top:8px}.production-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:10px 0 14px;display:flex}.production-filters>label{min-width:160px}.production-quick-filters{flex-wrap:wrap;gap:8px;display:flex}.production-filter-panel{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-panel) 70%, transparent);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:28px;margin:10px 0 14px;padding:14px 16px;display:flex}.production-header-actions{gap:10px;display:flex}.production-date-range,.production-quick-select{gap:7px;display:grid}.production-filter-label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.production-filter-label small{color:var(--color-brand);letter-spacing:0;text-transform:none;margin-left:8px;font-size:11px}.production-range-fields{align-items:end;gap:10px;display:flex}.production-range-fields>label{width:155px}.production-range-arrow{color:var(--color-muted);padding-bottom:10px;font-size:18px}.production-quick-active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.production-clear-filter{color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:9px 10px}.production-clear-filter:hover{color:var(--color-brand)}.production-summary-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 14px;display:grid}.production-metric-card{flex-direction:column;justify-content:space-between;min-width:0;min-height:108px;padding:16px;display:flex}.production-metric-label{color:var(--color-muted);white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.3;display:block}.production-metric-value{white-space:normal;overflow-wrap:anywhere;align-items:baseline;gap:6px;min-width:0;font-size:clamp(16px,1.65vw,24px);font-weight:700;line-height:1.15;display:flex}.production-metric-value span{white-space:normal;font-size:.68em;font-weight:600}.production-summary-cards .stat{padding:16px}.production-summary-cards span,.production-summary-cards small{color:var(--color-muted);font-size:12px;display:block}.production-summary-cards strong{white-space:nowrap;margin:7px 0 2px;font-size:21px;display:block}.production-summary-cards small{display:none}.production-edit-link{margin-left:10px}.production-summary-cards .stat{min-width:0}.production-modal-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.production-modal-summary div{background:var(--color-panel-muted);border-radius:10px;padding:14px}.production-modal-summary span,.production-modal-summary strong{display:block}.production-modal-summary span{color:var(--color-muted);font-size:12px}.production-modal-summary strong{margin-top:6px;font-size:20px}.production-insight{border:1px solid var(--color-line);background:var(--color-panel-muted);border-radius:10px;padding:12px 14px;font-size:13px}.production-insight p{margin:6px 0 0}.production-modal-table{flex-direction:column;flex:1;min-height:0;display:flex;overflow:visible}.production-modal-table .scroll-hint{display:none}.production-modal-table .tablewrap{flex:1;min-height:0;overflow:visible auto}.production-modal-table table{table-layout:fixed;width:100%;min-width:0}.production-modal-table th:first-child,.production-modal-table td:first-child{white-space:normal;overflow-wrap:anywhere;width:68%}.production-modal-table th:nth-child(2),.production-modal-table td:nth-child(2){width:14%}.production-modal-table th:nth-child(3),.production-modal-table td:nth-child(3){text-align:right;white-space:nowrap;width:18%}.production-modal-content>.actions{flex:none;margin-top:0}.production-edit-row{grid-template-columns:minmax(0,1fr) 140px auto;align-items:end;gap:12px;margin-bottom:14px;display:grid}@media (width<=1100px){.production-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.production-metric-card{min-height:96px}}@media (width<=850px){.production-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.production-modal-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.production-edit-row{grid-template-columns:minmax(0,1fr) 90px auto}.production-summary-cards{grid-template-columns:1fr 1fr}}.production-dashboard-section{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-panel) 72%, transparent);border-radius:14px;margin:14px 0;padding:18px}.production-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.production-section-heading h2{margin:3px 0 0;font-size:18px}.eyebrow{letter-spacing:1.5px;color:var(--color-muted);font-size:10px;font-weight:700}.production-hero-value{color:var(--color-brand);white-space:nowrap;font-size:30px}.production-hero-value small{color:var(--color-muted);font-size:14px}.production-dashboard-section .production-summary-cards{margin:0}.production-batch-section{background:color-mix(in srgb, var(--color-panel-muted) 55%, transparent)}.production-generated-insight{color:var(--color-muted);margin:14px 0 0;font-size:13px}.production-insights-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.production-insights-grid>div{background:var(--color-panel-muted);border-radius:10px;min-width:0;padding:12px}.production-insights-grid span{color:var(--color-muted);font-size:12px;display:block}.production-insights-grid strong{margin-top:6px;font-size:18px;display:block}.production-trend{grid-column:span 2}.production-bars{align-items:end;gap:8px;height:75px;margin-top:8px;display:flex}.production-bar-column{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.production-bar{background:var(--color-brand);border-radius:5px 5px 2px 2px;width:100%;max-width:28px;min-height:6px}.production-bar-column small{color:var(--color-muted);font-size:10px}.production-chart-card{border:1px solid var(--color-line);background:var(--color-panel);border-radius:12px;margin-top:12px;padding:14px}.production-list-table{overflow:hidden}.production-page-size{color:var(--color-muted);justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.production-page-size select{width:auto;min-width:76px;padding:7px 28px 7px 10px}.production-list-table .tablewrap{overflow-x:auto}.production-list-table table{table-layout:fixed;width:100%;min-width:0}.production-list-table th,.production-list-table td{white-space:nowrap;padding:10px 9px}.production-list-table th:first-child,.production-list-table td:first-child{white-space:normal;width:18%}.production-list-table th:nth-child(2),.production-list-table td:nth-child(2){width:9%}.production-list-table th:nth-child(3),.production-list-table td:nth-child(3){text-align:right;width:8%}.production-list-table th:nth-child(4),.production-list-table td:nth-child(4){text-align:center;width:8%}.production-list-table th:nth-child(5),.production-list-table td:nth-child(5){text-align:right;width:10%}.production-list-table th:nth-child(6),.production-list-table td:nth-child(6){width:8%}.production-list-table th:nth-child(7),.production-list-table td:nth-child(7){text-align:right;width:10%}.production-list-table th:nth-child(8),.production-list-table td:nth-child(8){white-space:normal;overflow-wrap:anywhere;width:16%}.production-list-table th:nth-child(9),.production-list-table td:nth-child(9){width:7%}.production-list-table th:nth-child(10),.production-list-table td:nth-child(10){text-align:right;width:6%}.production-list-table .badge{white-space:nowrap;align-items:center;line-height:1.2;display:inline-flex}.production-list-table .production-date-link{white-space:normal;text-align:left;line-height:1.25}@media (width<=1100px){.production-list-table table{min-width:900px}.production-list-table th,.production-list-table td{padding-left:8px;padding-right:8px}}.production-chart-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.production-chart-title span{font-weight:700}.production-chart-title strong{color:var(--color-muted);font-size:12px;font-weight:500}.comparison-chart{align-items:end;gap:12px;height:120px;padding:12px 4px 0;display:flex}.comparison-column{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:5px;min-width:0;height:100%;display:flex}.comparison-bars{align-items:end;gap:3px;height:100%;display:flex}.comparison-bars i{border-radius:4px 4px 1px 1px;width:13px;min-height:5px;display:block}.comparison-production{background:var(--color-brand)}.comparison-batches{background:#94a3b8}.comparison-column small{color:var(--color-muted);font-size:10px}.chart-legend{color:var(--color-muted);gap:14px;margin-top:8px;font-size:11px;display:flex}.chart-legend i{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.legend-production{background:var(--color-brand)}.legend-batches{background:#94a3b8}@media (width<=850px){.production-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-trend{grid-column:span 2}}@media (width<=640px){.production-filter-panel{display:block}.production-date-range,.production-quick-select{margin-bottom:14px}.production-range-fields{flex-direction:column;align-items:stretch}.production-range-fields>label{width:100%}.production-range-arrow{text-align:center;padding:0;transform:rotate(90deg)}.production-quick-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.production-quick-filters button{width:100%}}.grid{display:grid}.staff-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.staff-summary-cards .summary-card{min-width:0}.staff-search{border:1px solid var(--color-line);background:var(--color-panel);max-width:520px;color:var(--color-muted);border-radius:12px;align-items:center;gap:10px;margin:0 0 14px;padding:0 14px;display:flex}.staff-search input{width:100%;min-width:0;color:var(--color-ink);font:inherit;background:0 0;border:0;outline:0;padding:12px 0}@media (width<=900px){.staff-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.staff-summary-cards{grid-template-columns:1fr}}.company-settings-form{gap:18px;max-width:1180px;display:grid}.settings-section{padding:24px}.settings-section-heading{margin-bottom:20px}.settings-section-heading h2{margin:0 0 6px;font-size:20px}.settings-section-heading p{color:var(--color-muted);margin:0}.settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-fields .wide{grid-column:1/-1}.settings-fields textarea{min-height:88px}.settings-actions{justify-content:flex-end;gap:12px;padding:4px 0 12px;display:flex}.logo-upload{border:1px dashed var(--color-border);cursor:pointer;border-radius:14px;align-items:center;gap:18px;padding:18px;display:flex}.logo-upload span:last-child{flex-direction:column;gap:5px;display:flex}.logo-upload small{color:var(--color-muted)}.logo-upload input{margin-top:6px}.logo-preview{background:var(--color-selected);width:72px;height:72px;color:var(--color-brand);border-radius:12px;place-items:center;display:grid;overflow:hidden}.logo-preview img{object-fit:contain;width:100%;height:100%}@media (width<=700px){.settings-fields{grid-template-columns:1fr}.settings-actions{justify-content:stretch}.settings-actions>*{flex:1}.settings-section{padding:18px}}.settings-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:24px;max-width:1400px;display:grid}.settings-sidebar{background:color-mix(in srgb,var(--color-surface) 72%,transparent);border:1px solid var(--color-border);border-radius:16px;padding:18px 12px;position:sticky;top:24px}.settings-sidebar h3{margin:0 12px 12px;font-size:16px}.settings-sidebar a{color:var(--color-muted);border-radius:10px;padding:11px 12px;font-weight:600;text-decoration:none;display:block}.settings-sidebar a:hover,.settings-sidebar a.active{background:var(--color-selected);color:var(--color-brand)}.settings-main{min-width:0}@media (width<=850px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{align-items:center;gap:4px;padding:10px;display:flex;position:static;overflow:auto}.settings-sidebar h3{display:none}.settings-sidebar a{white-space:nowrap}}.settings-sidebar button{text-align:left;width:100%;color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 12px;font-weight:600;display:block}.settings-sidebar button:hover,.settings-sidebar button.active{background:var(--color-selected);color:var(--color-brand)}.settings-workspace-content>.page{background:0 0;padding:0}.settings-workspace-content>.page>header{display:none}@media print{nav,aside,header,.button,button,.sidebar,.page-actions{display:none!important}body,#root,main{background:#fff!important}.bill-document{max-width:100%}.card{box-shadow:none!important;border:0!important}}.billing-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.billing-summary-grid .stat{align-items:flex-start;min-height:118px}.billing-summary-grid .stat span{letter-spacing:.06em}.bills-table-card{padding:0;overflow:hidden}.bills-toolbar{border-bottom:1px solid var(--color-line);background:var(--color-panel);flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.bills-toolbar select,.date-filter input{border:1px solid var(--color-line);background:var(--color-panel);min-height:40px;color:var(--color-ink);font:inherit;border-radius:8px;padding:0 10px}.bills-search{flex:300px;align-items:center;gap:8px;min-width:240px;display:flex}.bills-search .search-bar{flex:1}.bills-search svg{color:var(--color-muted);flex:none}.date-filter{align-items:center;gap:6px;display:flex}.sort-select{margin-left:auto}.bills-table-card .tablewrap{padding:0}.bills-table-card table{min-width:980px}.bills-table-card th{letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap;background:#f8fafc;font-size:11px}.bills-table-card td,.bills-table-card th{padding:13px 14px}.bills-row td{vertical-align:middle}.bills-row .amount,.bills-row th:nth-child(5),.bills-row th:nth-child(7){text-align:right;font-variant-numeric:tabular-nums}.bills-row .final-amount{color:var(--color-ink);font-size:15px}.discount-pill,.status-pill{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.discount-pill{color:#2563eb;background:#eff6ff}.status-pill{color:#047857;text-transform:capitalize;background:#ecfdf5}.view-bill-action{border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-brand);font:inherit;cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;font-weight:600;display:inline-flex}.view-bill-action:hover{border-color:var(--color-brand);background:var(--color-selected)}@media (width<=1100px){.billing-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sort-select{margin-left:0}}@media (width<=700px){.billing-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bills-toolbar>*,.bills-search,.date-filter{width:100%}.date-filter input{flex:1}.bills-toolbar .link{width:auto}.billing-summary-grid .stat{min-height:100px}}.diesel-split{grid-template-columns:minmax(280px,.38fr) minmax(0,.62fr);align-items:start;gap:18px;display:grid}.diesel-entry-card,.diesel-history-card{margin:0}.diesel-entry-card h2,.diesel-history-card h2{margin:0 0 5px}.diesel-entry-form{gap:13px;margin-top:18px;display:grid}.diesel-entry-form .form-actions{flex-wrap:wrap;gap:8px;display:flex}.diesel-filters{flex-wrap:wrap;align-items:end;gap:10px;margin:18px 0;display:flex}.diesel-filters>input{flex:220px;min-width:150px}.diesel-filters label{flex:0 0 132px}.diesel-filters input{width:100%}.diesel-table-wrap{overflow-x:auto}.diesel-table-wrap table{min-width:720px}.diesel-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.diesel-summary>div{border:1px solid var(--color-line);background:#fff;border-radius:12px;gap:4px;padding:14px;display:grid}.diesel-summary strong{font-size:20px}.diesel-summary span{color:var(--color-muted);font-size:12px}.diesel-entry-header{border-bottom:1px solid var(--color-line);align-items:center;gap:18px;margin:-18px -18px 8px;padding:22px 18px;display:flex}.diesel-entry-header h2{font-size:28px}.diesel-entry-header p{margin:4px 0 0;font-size:16px}.diesel-entry-icon{width:74px;height:74px;color:var(--color-brand);background:#ecfdf5;border-radius:18px;place-items:center;display:grid}.diesel-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}.diesel-field-wrap{min-width:0}.diesel-field-wrap>small{color:var(--color-muted);margin-top:8px;font-size:13px;display:block}.diesel-entry-grid .select-field,.diesel-entry-grid label{width:100%}.diesel-entry-grid label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-size:13px;font-weight:600}.diesel-entry-grid input,.diesel-entry-grid .select-trigger{min-height:48px;margin-top:7px}.diesel-entry-grid input[readonly]{background:#f1f5f9;font-weight:700}.diesel-action-footer{background:#ecfdf5;border-radius:14px;grid-column:1/-1;justify-content:flex-end;margin-top:4px;padding:22px}.diesel-action-footer .button:first-child{background:var(--color-brand);color:#fff}@media (width<=850px){.diesel-split{grid-template-columns:1fr}.diesel-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.diesel-summary{grid-template-columns:1fr 1fr}.diesel-summary>div:last-child{grid-column:1/-1}.diesel-filters>*{flex:100%!important}.diesel-filters label{flex-basis:100%}}@media (width<=600px){.diesel-entry-grid{grid-template-columns:1fr}.diesel-entry-header{align-items:flex-start}.diesel-action-footer{grid-column:auto;justify-content:stretch}.diesel-action-footer>*{flex:1}}.sale-availability{color:var(--color-muted);margin-top:-16px;font-size:13px}.sale-availability strong{color:var(--color-brand)}.sale-metrics{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sale-metrics>div{border:1px solid var(--color-line);background:#f8fafc;border-radius:10px;gap:4px;padding:12px 14px;display:grid}.sale-metrics span{color:var(--color-muted);font-size:12px}.sale-metrics strong{font-size:16px}.sale-metrics .profit{color:#047857;background:#ecfdf5}.sale-metrics .loss{color:#b91c1c;background:#fef2f2}.sale-liters-field,.sale-cost-field{min-width:0}.sale-cost-field{grid-column:1/-1}@media (width<=600px){.sale-metrics{grid-template-columns:1fr}.sale-metrics>div{grid-column:auto}}.sale-availability{margin-top:8px;line-height:1.4}.diesel-entry-grid{align-items:start}.fuel-dashboard-controls{align-items:center;gap:10px;display:flex}.fuel-date-range{border:1px solid var(--color-line);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:4px 9px;display:flex}.fuel-date-range input{background:0 0;border:0;width:125px;padding:7px}.fuel-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.fuel-kpi{border:1px solid var(--color-line);background:#fff;border-radius:16px;grid-template-columns:42px 1fr;align-content:center;gap:5px 12px;min-height:112px;padding:18px;display:grid}.fuel-kpi-icon{color:#059669;background:#dcfce7;border-radius:11px;grid-row:span 3;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.fuel-kpi span:not(.fuel-kpi-icon){color:var(--color-muted);font-size:13px}.fuel-kpi strong{color:var(--color-ink);font-size:27px}.fuel-kpi small{color:var(--color-muted)}.fuel-kpi.mint,.fuel-kpi.profit{background:#f0fdf4}.fuel-kpi.blue{background:#eff6ff}.fuel-kpi.orange{background:#fff7ed}.fuel-kpi.loss{background:#fef2f2}.fuel-kpi.profit strong{color:#059669}.fuel-kpi.loss strong{color:#dc2626}.fuel-dashboard-grid{grid-template-columns:1.25fr 1.25fr 1fr;gap:14px;margin:14px 0;display:grid}.fuel-bars{border-bottom:1px solid var(--color-line);align-items:end;gap:12px;height:190px;padding:20px 8px 0;display:flex}.fuel-bar-group{flex:1;justify-content:center;align-items:end;height:100%;display:flex;position:relative}.fuel-bar{border-radius:6px 6px 0 0;width:24px;min-height:8px}.fuel-bar.added{background:#10b981}.fuel-bar.sold{background:#3b82f6}.fuel-bar-group small{color:var(--color-muted);font-size:10px;position:absolute;bottom:-20px}.fuel-finance-summary{gap:14px;margin-top:22px;display:grid}.fuel-finance-summary div{border-bottom:1px solid var(--color-line);justify-content:space-between;padding-bottom:10px;display:flex}.fuel-finance-summary span{color:var(--color-muted)}.fuel-insights{background:#f0fdf4}.fuel-insights p{border-bottom:1px solid #05966926;padding:10px 0}@media (width<=1000px){.fuel-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fuel-dashboard-grid{grid-template-columns:1fr 1fr}.fuel-dashboard-grid .card:last-child{grid-column:1/-1}}@media (width<=600px){.fuel-dashboard-controls{flex-wrap:wrap;width:100%}.fuel-dashboard-controls select{flex:1}.fuel-kpi-grid,.fuel-dashboard-grid{grid-template-columns:1fr}.fuel-dashboard-grid .card:last-child{grid-column:auto}}.fuel-bars{margin-bottom:0;padding-bottom:30px}.fuel-bar-group small{white-space:nowrap;bottom:-25px}.fuel-bars+p{margin-top:24px}.fuel-dashboard-controls input{border:1px solid var(--color-line);height:40px;color:var(--color-ink);font:inherit;background:#fff;border-radius:8px;padding:0 10px}.fuel-kpi-icon{background:#10b9811f;border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:2px;color:#059669!important;display:grid!important}.fuel-kpi.blue .fuel-kpi-icon{background:#dbeafe;color:#2563eb!important}.fuel-kpi.orange .fuel-kpi-icon{background:#ffedd5;color:#ea580c!important}.fuel-kpi.loss .fuel-kpi-icon{background:#fee2e2;color:#dc2626!important}.diesel-sale-card{overflow:visible}.diesel-sale-card .select-field{z-index:2;position:relative}.diesel-sale-card .select-panel{z-index:50}.diesel-filters .diesel-sort{color:var(--color-muted);flex:0 0 160px;gap:5px;font-size:12px;display:grid}.diesel-sort select{border:1px solid var(--color-line);background:var(--color-panel);min-height:40px;color:var(--color-ink);font:inherit;border-radius:8px;padding:0 10px}.diesel-pagination{color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.diesel-pagination>div{gap:8px;display:flex}.diesel-range-error,.diesel-filter-error{color:#b91c1c;background:#fef2f2;border-radius:8px;padding:10px 12px}.diesel-table-wrap .diesel-pagination button{min-height:36px}.bills-toolbar{flex-wrap:nowrap;align-items:center}.bills-toolbar .bills-search{flex:auto;min-width:280px}.bills-toolbar .bills-search .toolbar{flex-wrap:nowrap;align-items:center;width:100%}.bills-toolbar .bills-search .search-input{flex:auto;width:auto;max-width:none}.bills-toolbar>select{flex:none;width:auto;min-width:150px}.bills-toolbar .date-filter{white-space:nowrap;flex:none}.bills-toolbar .date-filter input{width:132px}@media (width<=1200px){.bills-toolbar{flex-wrap:wrap}.bills-toolbar .bills-search{flex:100%}}.invoice-page{max-width:1180px;margin:0 auto}.invoice-card{background:#fff;padding:34px}.invoice-header{border-bottom:2px solid var(--color-line);justify-content:space-between;gap:24px;padding-bottom:24px;display:flex}.invoice-header h1{margin:0;font-size:24px}.invoice-header p{color:var(--color-muted);margin:6px 0}.invoice-meta{text-align:right;color:var(--color-muted);gap:5px;display:grid}.invoice-meta strong{color:var(--color-ink);font-size:22px}.invoice-meta b{color:#047857;background:#ecfdf5;border-radius:999px;justify-self:end;padding:5px 10px;font-size:12px}.invoice-bill-to{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;padding:24px 0;display:grid}.invoice-bill-to h3{color:var(--color-muted);letter-spacing:.08em;grid-column:1/-1;margin:0;font-size:12px}.invoice-bill-to strong{font-size:18px}.invoice-items{border-collapse:collapse;width:100%}.invoice-items th{color:var(--color-muted);text-transform:uppercase;text-align:left;background:#f8fafc;font-size:11px}.invoice-items th,.invoice-items td{border-bottom:1px solid var(--color-line);padding:12px 10px}.invoice-items th:not(:nth-child(2)),.invoice-items td:not(:nth-child(2)){text-align:right}.invoice-totals{border-top:1px solid var(--color-line);max-width:420px;margin:24px 0 0 auto;padding-top:12px}.invoice-totals p,.invoice-totals h2,.invoice-boxes p{justify-content:space-between;gap:20px;display:flex}.invoice-totals h2{color:#047857;background:#ecfdf5;border-radius:10px;padding:14px}.invoice-boxes{border-top:1px solid var(--color-line);max-width:420px;margin:24px 0 0 auto;padding-top:18px}.invoice-boxes h3{color:var(--color-muted);letter-spacing:.08em;font-size:12px}.invoice-card footer{border-top:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;margin-top:30px;padding-top:18px;display:flex}@media (width<=800px){.invoice-card{padding:20px;overflow:auto}.invoice-header{flex-direction:column}.invoice-meta{text-align:left}.invoice-meta b{justify-self:start}.invoice-bill-to{grid-template-columns:1fr 1fr}.invoice-items{min-width:900px}.invoice-totals,.invoice-boxes{margin-left:0}.invoice-card footer{flex-direction:column;gap:8px}}@media print{body{background:#fff}.sidebar,.topbar,.pagehead,.invoice-page~*{display:none!important}.invoice-page{max-width:none;margin:0}.invoice-card{box-shadow:none;border:0;padding:0}.invoice-card footer{break-inside:avoid}}.bills-toolbar>.bills-search{flex:0 430px;order:2;min-width:340px;margin-left:auto}.bills-toolbar>select,.bills-toolbar>.date-filter{order:1}@media (width<=1200px){.bills-toolbar>.bills-search{flex:100%;order:2;min-width:0;margin-left:0}}.invoice-page{width:100%;max-width:794px;margin:0 auto;overflow:visible}.invoice-card{box-sizing:border-box;width:100%;overflow:visible}.invoice-items{table-layout:fixed;word-break:normal}.invoice-items th,.invoice-items td{overflow-wrap:anywhere;white-space:normal}.invoice-items th:nth-child(3),.invoice-items td:nth-child(3),.invoice-items th:nth-child(4),.invoice-items td:nth-child(4),.invoice-items th:nth-child(5),.invoice-items td:nth-child(5){width:8%}.invoice-items th:nth-child(6),.invoice-items td:nth-child(6),.invoice-items th:nth-child(7),.invoice-items td:nth-child(7),.invoice-items th:nth-child(9),.invoice-items td:nth-child(9){width:11%}@media print{@page{size:A4 portrait;margin:0}html,body,#root{width:210mm;min-height:297mm;background:#fff!important;overflow:visible!important}.shell,.navbar,.sidebar,.pagehead,.invoice-page~*{display:none!important}.workspace,main,.page{background:#fff!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}.invoice-page{width:190mm;max-width:190mm;margin:0 auto!important;overflow:visible!important}.invoice-card{width:100%;box-shadow:none!important;border:0!important;border-radius:0!important;padding:12mm!important}.invoice-header{gap:10mm}.invoice-items{font-size:9px}.invoice-items th,.invoice-items td{padding:2.5mm 1.5mm}.invoice-items thead{display:table-header-group}.invoice-items tr,.invoice-totals,.invoice-boxes,.invoice-card footer{break-inside:avoid}.invoice-items{width:100%!important;min-width:0!important}}.invoice-page{width:100%;max-width:1180px;margin:0 auto}.invoice-items{box-sizing:border-box;table-layout:fixed;width:100%;font-size:13px;line-height:1.35}.invoice-items th,.invoice-items td{box-sizing:border-box;overflow-wrap:normal;word-break:normal;padding:10px 8px;overflow:hidden}.invoice-items th{white-space:normal;text-align:center;font-size:12px;line-height:1.2}.invoice-items th:first-child,.invoice-items td:first-child{width:4%}.invoice-items th:nth-child(2),.invoice-items td:nth-child(2){text-align:left;width:25%}.invoice-items th:nth-child(3),.invoice-items td:nth-child(3){width:8%}.invoice-items th:nth-child(4),.invoice-items td:nth-child(4){width:7%}.invoice-items th:nth-child(5),.invoice-items td:nth-child(5){width:8%}.invoice-items th:nth-child(6),.invoice-items td:nth-child(6){width:10%}.invoice-items th:nth-child(7),.invoice-items td:nth-child(7){width:12%}.invoice-items th:nth-child(8),.invoice-items td:nth-child(8){width:16%}.invoice-items th:nth-child(9),.invoice-items td:nth-child(9){width:10%}.invoice-items td:not(:nth-child(2)){text-align:right;white-space:nowrap}.invoice-items td:nth-child(2) strong{white-space:normal;font-size:14px}.invoice-items td:nth-child(8){text-align:center;white-space:normal}@media print{.invoice-page{width:190mm;max-width:190mm;margin:0 auto}.invoice-items,.invoice-items th{font-size:9px}.invoice-items th,.invoice-items td{padding:4px 3px}.invoice-items td:nth-child(2) strong{font-size:10px}html,body,#root{height:auto!important;min-height:0!important;overflow:visible!important}.shell,.workspace{height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}.navbar,.sidebar,.pagehead,.invoice-page~*{display:none!important}.invoice-page,.invoice-page .invoice-card{visibility:visible!important;height:auto!important;max-height:none!important;display:block!important;position:static!important;overflow:visible!important}.invoice-card header.invoice-header,.invoice-card footer{visibility:visible!important;display:flex!important}}.pagehead .page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.pagehead .page-actions .button{white-space:nowrap;margin:0}@media (width<=800px){.pagehead .page-actions{justify-content:flex-start;gap:10px;width:100%}}.box-return-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-history-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.customer-history-summary .stat{padding:14px}.customer-history-summary .stat strong{font-size:22px}@media (width<=560px){.customer-history-summary{grid-template-columns:1fr}}@media (width<=900px){.box-return-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.box-return-summary{grid-template-columns:1fr}}.history-customer-filter{align-items:flex-end;gap:8px;min-width:0;display:flex}.history-customer-filter .select-field{flex:1;min-width:0}.history-customer-filter>button{white-space:nowrap;height:42px}.box-return-filters{align-items:end}.box-return-filters>label,.box-return-filters .history-customer-filter{align-self:end}@media (width<=900px){.history-customer-filter{grid-column:auto}}@media (width<=560px){.history-customer-filter{flex-direction:column;align-items:stretch}.history-customer-filter>button{height:auto}}.current-datetime{color:var(--color-muted);white-space:nowrap;flex-direction:column;align-items:flex-end;font-size:12px;line-height:1.25;display:flex}.current-datetime strong{color:var(--color-muted);font-size:12px;font-weight:500}.current-datetime span{color:var(--color-ink);letter-spacing:.01em;font-size:14px;font-weight:600}@media (width<=700px){.current-datetime{display:none}}.reminder-action-modal{gap:10px;display:grid}.reminder-action-modal button{justify-content:flex-start}.reminder-detail-hero{background:#ecfdf5;border-radius:14px;align-items:center;gap:14px;margin-bottom:20px;padding:18px 20px;display:flex}.reminder-detail-hero.alert{background:#fff7ed}.reminder-detail-hero.overdue{background:#fff1f2}.reminder-detail-hero.due-today{background:#eff6ff}.reminder-detail-hero.completed{background:#ecfdf5}.reminder-detail-icon{width:48px;height:48px;color:var(--color-brand);background:#ffffffbf;border-radius:12px;place-items:center;display:grid}.reminder-detail-hero>div:nth-child(2){gap:4px;min-width:0;display:grid}.reminder-detail-hero span{color:var(--color-muted);font-size:14px}.reminder-detail-hero b{color:var(--color-brand);margin-left:auto;font-size:16px}.reminder-detail-hero.overdue b{color:#b91c1c}.reminder-detail-hero.alert b{color:#b45309}.reminder-detail-item{align-items:flex-start;gap:14px;padding:10px 6px;display:flex}.reminder-detail-item-icon{color:#315b86;background:#d1fae5;border-radius:12px;flex:0 0 42px;place-items:center;height:42px;display:grid}.reminder-detail-item>div{gap:4px;min-width:0;display:grid}.reminder-detail-item>div>span{color:#6b7f9d;font-size:13px}.reminder-detail-item strong{overflow-wrap:anywhere;font-size:15px}.reminder-detail-item.status-item strong{color:#059669}.reminder-detail-footer{border-top:1px solid var(--color-line);background:#ecfdf5;border-radius:14px;justify-content:space-between;gap:12px;margin-top:20px;padding:16px;display:flex}.reminder-detail-footer .actions{flex-wrap:wrap;gap:8px;display:flex}.reminder-detail-footer>button{background:var(--color-brand);color:#fff}@media (width<=640px){.reminder-detail-footer{flex-direction:column}.reminder-detail-footer .actions,.reminder-detail-footer>button{width:100%}.reminder-detail-footer button{flex:1}}.detail-list .reminder-detail-item{border-bottom:1px solid var(--color-line);align-items:flex-start;gap:14px;min-width:0;padding:10px 6px;display:flex}.detail-list .reminder-detail-item>.reminder-detail-item-icon{color:#315b86;width:42px;height:42px;font-size:initial;background:#d1fae5;border-radius:12px;flex:0 0 42px;place-items:center;padding:0;display:grid}.detail-list .reminder-detail-item>div{flex:1;gap:4px;min-width:0;display:grid}.detail-list .reminder-detail-item>div>span{color:#6b7f9d;font-size:13px}@media (width<=640px){.detail-list .reminder-detail-item{padding-left:0;padding-right:0}}.reminder-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.reminder-summary-card{border:1px solid var(--color-line);min-width:0;color:var(--color-ink);text-align:left;cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:14px;padding:18px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.reminder-summary-card:hover,.reminder-summary-card.active{border-color:var(--color-brand);transform:translateY(-1px);box-shadow:0 4px 14px #0f766e1f}.reminder-summary-icon{width:42px;height:42px;color:var(--color-brand);background:#d1fae5;border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.reminder-summary-card>span:last-child{gap:4px;min-width:0;display:grid}.reminder-summary-card small{color:var(--color-muted);font-size:13px}.reminder-summary-card strong{font-size:24px;line-height:1}@media (width<=900px){.reminder-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.reminder-summary-cards{grid-template-columns:1fr}}.role-select{border:1px solid var(--color-line);background:var(--color-panel);width:100%;min-height:46px;color:var(--color-ink);font:inherit;cursor:pointer;appearance:auto;border-radius:10px;padding:0 38px 0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.role-select:hover{border-color:var(--color-brand)}.role-select:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 18%,transparent);outline:none}.investment-form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.investment-form-grid>div{flex-direction:column;gap:14px;display:flex}.box-return-form .investment-form-grid{grid-template-columns:1fr;gap:14px}.box-return-form .form-actions{margin-top:4px}.modalbody .tablepanel{width:100%;min-width:0;overflow:hidden}.modalbody .tablewrap{overflow-x:hidden}.modalbody .tablewrap table{table-layout:fixed;width:100%;font-size:12px}.modalbody .tablewrap th,.modalbody .tablewrap td{white-space:normal;overflow-wrap:anywhere;padding:7px 8px}.modalbody .tablewrap th:first-child,.modalbody .tablewrap td:first-child{width:31%}.modalbody .tablewrap th:nth-child(2),.modalbody .tablewrap td:nth-child(2),.modalbody .tablewrap th:nth-child(3),.modalbody .tablewrap td:nth-child(3){width:22%}.modalbody .tablewrap th:nth-child(4),.modalbody .tablewrap td:nth-child(4){width:25%}.investment-history-add>:nth-child(2),.investment-history-add+h3+.tablepanel th:nth-child(3),.investment-history-add+h3+.tablepanel td:nth-child(3){display:none}.investment-history-add+h3{font-size:0}.investment-history-add+h3:after{content:"Additional Investment";font-size:16px}.modalbody .tablepanel th:nth-child(3),.modalbody .tablepanel td:nth-child(3){display:none}.modalbody .tablepanel th:nth-child(4),.modalbody .tablepanel td:nth-child(4){width:47%}.modalbody .tablepanel th:nth-child(4){text-align:left;font-size:0}.modalbody .tablepanel th:nth-child(4):after{content:"REMARKS";font-size:12px}.modalbody .tablepanel td:first-child{text-align:left;width:35%}.modalbody .tablepanel td:nth-child(2){text-align:left;width:30%;font-weight:600}.modalbody .tablepanel td:nth-child(4){text-align:left;width:35%}.modalbody .tablepanel table{table-layout:fixed;width:100%;min-width:0}.modalbody .tablepanel table th:first-child,.modalbody .tablepanel table td:first-child{text-align:left;width:32%;display:table-cell!important}.modalbody .tablepanel table th:nth-child(2),.modalbody .tablepanel table td:nth-child(2){text-align:left;width:28%;display:table-cell!important}.modalbody .tablepanel table th:nth-child(3),.modalbody .tablepanel table td:nth-child(3){text-align:left;width:40%;display:table-cell!important}.modalbody .form-actions button{min-height:34px;padding:7px 12px;font-size:13px}.modal:has(.investment-modal-summary){width:min(1120px,100vw - 32px);max-width:none}.modal:has(.investment-modal-summary) .modalhead{border-bottom:0;padding:26px 40px 0}.modal:has(.investment-modal-summary) .modalhead h2{letter-spacing:-.02em;font-size:28px}.investment-modal-subtitle{color:var(--color-muted);margin:-8px 0 24px;font-size:16px}.investment-modal-summary{background:linear-gradient(110deg,#effcf7,#f5fffb);border-radius:16px;align-items:center;gap:22px;margin-bottom:20px;padding:24px 26px;display:flex}.investment-modal-summary-icon{color:#059669;background:#d1fae5;border-radius:50%;flex:0 0 92px;place-items:center;height:92px;display:grid}.investment-modal-summary-copy{flex:1;min-width:0}.investment-modal-summary-copy h2{color:var(--color-heading);margin:0 0 7px;font-size:25px}.investment-modal-summary-copy span{color:#475569;background:#e2e8f0;border-radius:999px;padding:5px 12px;font-weight:600;display:inline-block}.investment-modal-summary-copy p{color:var(--color-muted);margin:10px 0 0}.investment-modal-date{color:var(--color-brand);align-items:center;gap:12px;display:flex}.investment-modal-date small{color:var(--color-muted);font-size:12px;display:block}.investment-modal-date strong{color:var(--color-heading);margin-top:4px;font-size:17px;display:block}.investment-modal-metrics{grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:24px;display:grid}.investment-modal-metrics .ledger-info-item{border:1px solid var(--color-line);background:var(--color-surface);border-radius:14px;min-height:76px;padding:16px 20px}.investment-modal-metrics .ledger-info-icon{color:var(--color-brand);background:#dff8ed}.investment-modal-section{border:1px solid var(--color-line);border-radius:16px;margin-top:18px;padding:20px 16px 12px}.investment-modal-section-head{justify-content:space-between;align-items:center;gap:16px;margin:0 8px 16px;display:flex}.investment-modal-section-head h3{margin:0;font-size:20px}.investment-modal-section-head p{color:var(--color-muted);margin:5px 0 0;font-size:14px}.investment-modal-section-head button{white-space:nowrap}.investment-modal-section .tablepanel{margin:0}.investment-modal-section table{table-layout:fixed;min-width:0}.investment-modal-section th,.investment-modal-section td{padding:11px 14px}.investment-modal-section th:first-child,.investment-modal-section td:first-child{text-align:left;width:27%}.investment-modal-section th:nth-child(2),.investment-modal-section td:nth-child(2){text-align:left;width:25%}.investment-modal-section th:nth-child(3),.investment-modal-section td:nth-child(3){text-align:left;width:36%}.investment-modal-section th:nth-child(4),.investment-modal-section td:nth-child(4){text-align:right;width:12%}.investment-row-menu{border:1px solid var(--color-line);background:var(--color-surface);width:36px;height:32px;color:var(--color-heading);letter-spacing:2px;border-radius:8px;font-weight:700}.investment-row-actions{justify-content:flex-end;gap:6px;display:flex}.investment-row-actions button{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-heading);cursor:pointer;border-radius:7px;padding:5px 8px;font-size:11px}.investment-row-actions button:hover{background:var(--color-selected)}.investment-row-actions .danger-text{color:#dc2626;border-color:#fecaca}.form-warning{color:#b42318;margin:8px 0;font-size:13px;font-weight:600}.modal:has(.investment-modal-summary) .investment-modal-section table{table-layout:fixed;width:100%}:is(.modal:has(.investment-modal-summary) .investment-modal-section th:first-child,.modal:has(.investment-modal-summary) .investment-modal-section td:first-child){width:22%}:is(.modal:has(.investment-modal-summary) .investment-modal-section th:nth-child(2),.modal:has(.investment-modal-summary) .investment-modal-section td:nth-child(2)){width:21%}:is(.modal:has(.investment-modal-summary) .investment-modal-section th:nth-child(3),.modal:has(.investment-modal-summary) .investment-modal-section td:nth-child(3)){width:35%}:is(.modal:has(.investment-modal-summary) .investment-modal-section th:nth-child(4),.modal:has(.investment-modal-summary) .investment-modal-section td:nth-child(4)){text-align:left;width:22%}.modal:has(.investment-modal-summary) .investment-row-actions{flex-wrap:nowrap;justify-content:flex-start}.modal:has(.investment-modal-summary) .investment-row-actions button{min-width:58px;padding:6px 9px}.investment-modal-summary{gap:12px;margin-bottom:12px;padding:14px 16px}.investment-modal-summary-copy h2{font-size:18px}.investment-modal-date{gap:8px;font-size:12px}.investment-modal-metrics .ledger-info-icon{flex-basis:28px;height:28px}.investment-modal-section{margin-top:10px;padding:11px 9px 5px}.investment-modal-section-head p{font-size:11px}.modal:has(.investment-modal-summary) .investment-row-actions button{min-width:50px;padding:4px 6px;font-size:10px}.investment-inline-form{border:1px solid var(--color-line);background:#f8fafc;border-radius:14px;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;margin:0 0 18px;padding:16px;display:grid}.investment-inline-form .form-actions{margin:0}.investment-inline-form .form-actions button{white-space:nowrap}.modal:has(.investment-modal-summary) .ledger-modal-footer{align-items:center;margin-top:24px;padding-top:20px}.modal:has(.investment-modal-summary) .ledger-modal-footer>div{gap:12px;display:flex}@media (width<=700px){.modal:has(.investment-modal-summary) .modalhead{padding:20px 20px 0}.modal:has(.investment-modal-summary) .modalbody{padding:0 20px 20px}.investment-modal-summary{flex-wrap:wrap;align-items:flex-start;padding:18px}.investment-modal-summary-icon{flex-basis:64px;height:64px}.investment-modal-date{width:100%;margin-left:82px}.investment-modal-metrics{grid-template-columns:1fr}.investment-modal-section-head{flex-direction:column;align-items:flex-start}.investment-inline-form{grid-template-columns:1fr}.investment-inline-form .form-actions{justify-content:flex-start}}.modal:has(.investment-modal-summary){width:min(980px,100vw - 28px)}.modal:has(.investment-modal-summary) .modalhead{padding:20px 32px 0}.modal:has(.investment-modal-summary) .modalhead h2{font-size:24px}.modal:has(.investment-modal-summary) .modalbody{padding:0 32px 22px}.investment-modal-subtitle{margin:-5px 0 16px;font-size:14px}.investment-modal-summary{border-radius:14px;gap:16px;margin-bottom:16px;padding:18px 20px}.investment-modal-summary-icon{flex-basis:70px;height:70px}.investment-modal-summary-copy h2{margin-bottom:4px;font-size:21px}.investment-modal-summary-copy span{padding:4px 10px;font-size:13px}.investment-modal-summary-copy p{margin-top:6px;font-size:13px}.investment-modal-date strong{font-size:15px}.investment-modal-metrics{gap:12px 16px;margin-bottom:18px}.investment-modal-metrics .ledger-info-item{min-height:62px;padding:12px 16px}.investment-modal-metrics .ledger-info-icon{border-radius:10px;flex-basis:34px;height:34px}.investment-modal-metrics .ledger-info-item strong{font-size:17px}.investment-modal-section{border-radius:14px;margin-top:14px;padding:15px 12px 8px}.investment-modal-section-head{margin:0 6px 10px}.investment-modal-section-head h3{font-size:17px}.investment-modal-section-head p{margin-top:3px;font-size:12px}.investment-modal-section-head button{min-height:34px;padding:7px 12px;font-size:13px}.investment-modal-section th,.investment-modal-section td{padding:8px 10px;font-size:12px}.investment-modal-section th:nth-child(4){text-align:right;width:12%;font-size:12px!important;display:table-cell!important}.investment-modal-section th:nth-child(4):after{content:none!important}.investment-modal-section td:nth-child(4){width:12%;display:table-cell!important}.investment-modal-section .tablewrap{overflow-x:hidden}.investment-row-menu{width:30px;height:27px;line-height:20px}.modal:has(.investment-modal-summary) .ledger-modal-footer{margin-top:16px;padding-top:14px}.investment-modal-actions{align-items:center;gap:8px;display:inline-flex}:is(.box-return-history table:has(tbody td:last-child button) th:last-child,.box-return-history table:has(tbody td:last-child button) td:last-child),.investment-note{display:none}.investment-note span{color:var(--muted);font-size:.9rem}.form-actions{justify-content:flex-end;gap:10px;margin-top:auto;display:flex}.profile-form-card{padding:20px 22px}.profile-form{grid-template-columns:1.3fr 1fr 1.3fr 1fr auto;align-items:end;gap:12px;display:grid}.profile-form label{gap:7px;display:grid}.profile-form label span{color:#475569;font-size:12px;font-weight:600}.profile-form input,.profile-form select{height:40px}.profile-form button{white-space:nowrap;height:40px}@media (width<=900px){.profile-form{grid-template-columns:1fr 1fr}.profile-form label:first-child,.profile-form button{grid-column:1/-1}}.shift-form-card,.shift-list-card{padding:20px 22px}.shift-card-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.shift-card-heading h2{font-size:16px}.shift-card-heading p{margin-top:4px;font-size:12px}.shift-form{grid-template-columns:minmax(220px,1.5fr) minmax(150px,1fr) minmax(150px,1fr) auto;align-items:end;gap:12px;display:grid}.shift-form label{gap:7px;display:grid}.shift-form label span{color:#475569;font-size:12px;font-weight:600}.shift-form input{height:40px}.shift-form button{white-space:nowrap;height:40px}.shift-list-card{margin-top:16px}.shift-list-card table{min-width:0}.shift-list-card th,.shift-list-card td{padding:12px 14px}.shift-list-card th{color:#64748b;background:#f8fafc;font-size:11px}.shift-list-card td{font-size:13px}.shift-count{color:#047857;background:#ecfdf5;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.shift-status{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.shift-status.active{color:#15803d;background:#dcfce7}.shift-status.inactive{color:#64748b;background:#f1f5f9}@media (width<=760px){.shift-form{grid-template-columns:1fr 1fr}.shift-form label:first-child,.shift-form button{grid-column:1/-1}.investment-form-grid{grid-template-columns:1fr}}.finance-read-only{display:contents}.finance-read-only .box-return-form,.finance-read-only .loan-modal-form,.finance-read-only .loan-repayment-form,.finance-read-only .pagehead>.button,:is(.finance-read-only table:has(tbody td button) th:last-child,.finance-read-only table:has(tbody td button) td:last-child){display:none!important}body:has(.finance-read-only) .ledger-modal-footer{display:none!important}@media (width>=1201px){.reminder-filters{grid-template-columns:minmax(150px,1.5fr) repeat(6,minmax(110px,1fr))}}