:root{--bg:#faf9f8;--surface:#fff;--surface-2:#f3f0ee;--border:#e6e0dc;--ink:#18140f;--ink-soft:#6b5f56;--ink-faint:#9f9186;--accent:#eb3d00;--accent-ink:#fff;--accent-soft:#fce7dc;--danger:#d6336c;--danger-soft:#fce4ed;--shadow-sm:0 1px 2px #18140f0d;--shadow-md:0 4px 14px #18140f14;--shadow-lg:0 16px 40px #18140f24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);padding:0 20px;margin:0;padding-block:24px 56px;font-family:Manrope,-apple-system,Segoe UI,sans-serif}h1,h2{text-wrap:balance;margin:0}a{color:var(--accent)}.num{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace}.app-shell{flex-direction:column;gap:22px;max-width:1180px;margin:0 auto;display:flex}.titlebar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.brand{flex-direction:column;gap:4px;display:flex}.brand-logo{width:auto;height:30px;display:block}.brand .sub{color:var(--ink-soft);font-size:.8rem;font-weight:500}.topbar-right{align-items:center;gap:12px;display:flex}.customer-chip{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--ink-soft);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:.78rem;display:flex}.customer-chip .avatar{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.customer-chip b{color:var(--ink);font-weight:700}.user-chip{color:var(--ink-soft);align-items:center;gap:8px;font-size:.78rem;display:flex}.user-chip b{color:var(--ink)}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:2px;width:fit-content;padding:4px;display:inline-flex}.segmented a{color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:8px 18px;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.segmented a.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.segmented a .hint{color:var(--ink-faint);font-size:.62rem;font-weight:500;display:block}.panel{flex-direction:column;gap:16px;display:flex}.note-strip{color:var(--ink-soft);background:var(--accent-soft);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:.82rem;display:flex}.note-strip .dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;margin-top:6px}.note-strip b{color:var(--ink)}.legend{flex-wrap:wrap;gap:8px;display:flex}.legend-item{background:var(--surface);border:1px solid var(--border);color:var(--ink-soft);border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.swatch{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.swatch.hollow{border:1.5px solid var(--ink-faint);background:0 0!important}.table-wrap{border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:16px;overflow:hidden}.table-scroll{overflow-x:auto}table.sheet{border-collapse:collapse;background:var(--surface);width:100%;font-size:.82rem}table.sheet th,table.sheet td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);white-space:nowrap;padding:8px 10px}table.sheet th:last-child,table.sheet td:last-child{border-right:none}table.sheet thead tr:first-child th{background:var(--surface-2);font-weight:700}table.sheet thead tr:last-child th{background:var(--surface-2);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:600}table.sheet tbody tr{transition:background .1s}table.sheet tbody tr:hover{background:var(--accent-soft)}.process-head{align-items:center;gap:6px;display:inline-flex}.sl-badge{background:var(--surface-2);width:20px;height:20px;color:var(--ink-faint);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.desc-input{width:220px}.qty-input{text-align:center;width:44px}.measure-cell{align-items:center;gap:7px;display:flex}.measure-input{width:72px}input[type=text],input[type=number],input[type=password]{font:inherit;background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:7px;padding:5px 7px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8rem;transition:border-color .12s,box-shadow .12s}input.desc-input,input.text-field{font-family:Manrope,sans-serif}input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}select{font:inherit;background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:7px;padding:5px 7px;font-size:.8rem}input.toggle[type=checkbox]{appearance:none;background:var(--border);cursor:pointer;border-radius:999px;flex:none;width:30px;height:17px;transition:background .15s;position:relative}input.toggle[type=checkbox]:after{content:"";background:var(--surface);width:13px;height:13px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}input.toggle[type=checkbox]:checked{background:var(--accent)}input.toggle[type=checkbox]:checked:after{transform:translate(13px)}.amount-cell{text-align:right;color:var(--ink-faint)}.amount-cell.live{color:var(--accent);background:var(--accent-soft);border-radius:7px;font-weight:700}.total-cell{text-align:right;font-weight:800;background:var(--surface-2)!important}.row-actions{text-align:center}.btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;padding:9px 16px;font-size:.82rem;font-weight:700;transition:transform .1s,box-shadow .1s}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-dashed{border:1.5px dashed var(--border);color:var(--ink-soft);background:0 0}.btn-dashed:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md)}.btn-text-danger{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:.76rem;font-weight:600}.btn-text-danger:hover{text-decoration:underline}.btn-text-danger:disabled{opacity:.4;cursor:not-allowed}.below-table{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.summary-card{background:var(--surface);border:1px solid var(--border);width:min(300px,100%);box-shadow:var(--shadow-md);border-radius:16px;margin-left:auto;overflow:hidden}.summary-card .row{justify-content:space-between;align-items:center;padding:10px 16px;font-size:.85rem;display:flex}.summary-card .row+.row{border-top:1px solid var(--border)}.summary-card .row span:first-child{color:var(--ink-soft);font-weight:600}.summary-card .row.grand{background:var(--accent-soft)}.summary-card .row.grand span:first-child{color:var(--ink)}.summary-card .row.grand span:last-child{color:var(--accent);font-size:1.05rem;font-weight:800}.rate-table-wrap{border:1px solid var(--border);box-shadow:var(--shadow-md);background:var(--surface);border-radius:16px;overflow:hidden}table.ratecard{border-collapse:collapse;width:100%;font-size:.86rem}table.ratecard th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);background:var(--surface-2);padding:10px 16px;font-size:.65rem;font-weight:700}table.ratecard td{border-top:1px solid var(--border);padding:8px 16px}table.ratecard tr:hover td{background:var(--accent-soft)}table.ratecard input.rate-name{width:100%}.rate-actions{justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.version-badge{color:var(--ink-soft);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.76rem;font-weight:600;display:inline-flex}.version-badge b{color:var(--accent)}.toast{opacity:0;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-lg);pointer-events:none;border-radius:12px;padding:11px 18px;font-size:.84rem;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(10px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.login-shell{justify-content:center;align-items:center;min-height:70vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:min(340px,100%);box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;gap:16px;padding:28px 26px;display:flex}.login-card .brand-logo{height:40px}.login-card .sub{color:var(--ink-soft);font-size:.82rem}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--ink-soft);font-size:.76rem;font-weight:700}.field input{font-family:Manrope,sans-serif}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:8px;margin:0;padding:8px 10px;font-size:.8rem}@media (width<=640px){.titlebar{flex-direction:column;align-items:flex-start}.below-table{flex-direction:column}.summary-card{width:100%;margin-left:0}}