@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f6f7f5;--paper:#fff;--ink:#192e28;--muted:#7a8781;--line:#e5eae5;--green:#285b48;--dark:#163b30;--lime:#d9ed91;--soft:#edf4ec;--orange:#a9721e;--radius:18px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #93b9a2;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}svg{height:20px;width:20px;flex-shrink:0;vertical-align:middle;stroke-width:1.7}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}h1{font-size:32px;letter-spacing:-1.1px;font-weight:800;line-height:1.25}h2{font-size:18px;letter-spacing:-.4px;font-weight:800}h3{font-size:15px;font-weight:800}p{line-height:1.6}.muted{color:var(--muted)}.tiny{font-size:12px}.small{font-size:13px}.strong{font-weight:700}.mono{font-variant-numeric:tabular-nums}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:var(--dark);color:#fff;display:flex;flex-direction:column;padding:32px 20px 22px;z-index:25}.brand{display:flex;gap:11px;align-items:center;font-size:25px;font-weight:800;letter-spacing:-1px;padding:0 12px}.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--lime);color:var(--dark);display:grid;place-items:center}.brand-dot{color:var(--lime)}.workspace-name{margin:38px 12px 12px;font-size:10px;letter-spacing:1.7px;font-weight:700;color:#8fa99b}.nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;gap:12px;align-items:center;color:#c4d3cb;border-radius:10px;font-size:14px;font-weight:550;padding:14px 15px;transition:.15s}.nav-item:hover{background:#ffffff0b;color:white}.nav-item.active{background:var(--lime);color:var(--dark);font-weight:750}.nav-item .nav-count{margin-left:auto;background:#173b3013;border-radius:5px;padding:1px 6px;font-size:11px}.side-bottom{margin-top:auto}.help-card{margin:24px 3px;border:1px solid #ffffff20;padding:18px 14px;border-radius:14px;background:#ffffff04}.help-card .small{line-height:1.65;color:#bbcdc2;margin-top:9px}.help-card svg{color:var(--lime);margin-bottom:10px}.side-user{border-top:1px solid #ffffff18;padding:21px 8px 0;display:flex;gap:10px;align-items:center}.avatar{height:36px;width:36px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#e9eee6;color:var(--green);font-size:12px;font-weight:750}.side-user .avatar{background:#35594b;color:#d6e6d9}.main{margin-left:228px;min-height:100vh}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:#fff;gap:20px}.crumb{font-size:13px;color:#85918a;display:flex;gap:12px;align-items:center}.crumb span:last-child{color:#34473c}.top-right{display:flex;align-items:center;gap:18px}.open-indicator{font-size:12px;color:var(--green);display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;border-radius:50%;background:#52916a}.date{font-size:12px;color:#7a8781;border-right:1px solid var(--line);padding-right:18px}.content{max-width:1540px;margin:auto;padding:29px 38px 36px}.demo-strip{display:flex;align-items:center;gap:8px;color:#7b846e;font-size:11px;margin-bottom:24px}.demo-label{font-weight:750;letter-spacing:.7px;color:#69804b;background:#eaf0db;border-radius:5px;padding:4px 7px;font-size:9px}.demo-strip button{margin-left:auto;border:0;background:none;color:#7b846e;font-size:11px;padding:5px;text-decoration:underline;text-underline-offset:3px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-head p{font-size:13px;color:var(--muted);margin-top:7px}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:750;color:var(--green);margin-bottom:10px}.btn{border:1px solid var(--line);padding:12px 17px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:#fff;font-size:13px;font-weight:650;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover{background:#f1f5ef}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--green);border-color:var(--green);color:white;box-shadow:0 3px 7px #285b4812}.btn.primary:hover{background:#1c4637}.btn.lime{background:var(--lime);border-color:var(--lime);color:var(--dark)}.btn.text{border:0;background:transparent;box-shadow:none;padding:8px;color:var(--green)}.btn.small-btn{padding:8px 12px;font-size:12px;min-height:36px}.btn.danger{color:#a24740}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:20px 21px;position:relative}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#6b7b72;font-size:12px}.stat-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#f0f5ed;color:var(--green)}.stat-icon.amber{color:#a98330;background:#fbf4e4}.stat-icon.blue{color:#5b818f;background:#eff5f7}.stat-value{font-family:'Manrope',sans-serif;font-size:31px;font-weight:800;letter-spacing:-1px;margin-top:7px;line-height:1.4}.stat-value.money{font-size:25px;margin-top:12px;line-height:1.5}.stat-foot{font-size:11px;color:#89958a;margin-top:6px}.stat-foot .green{color:#578166}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{padding:23px 23px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-size:16px}.panel-head p{font-size:11px;color:var(--muted);margin-top:5px}.toolbar{padding:0 23px 17px;display:flex;justify-content:space-between;gap:12px;align-items:center}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{border:0;background:transparent;color:#7b887f;padding:8px 10px;border-radius:7px;font-size:11px;font-weight:600}.tab.active{background:#eaf0e8;color:#355a40}.tab-count{font-size:10px;opacity:.7;margin-left:4px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 11px;max-width:260px;width:100%;height:38px}.search svg{color:#94a197;width:16px;height:16px}.search input{border:0;background:none;outline:none;width:100%;font-size:12px;color:var(--ink)}input::placeholder,textarea::placeholder{color:#a3ada5}.search:focus-within{box-shadow:0 0 0 3px #dbe8d9;border-color:#86a38b}.ticket-head{display:grid;grid-template-columns:1.05fr 1.15fr .85fr 32px;gap:14px;padding:13px 23px;background:#fafbf9;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#99a296;font-size:9px;letter-spacing:1px;font-weight:700}.ticket-row{display:grid;grid-template-columns:1.05fr 1.15fr .85fr 32px;gap:14px;align-items:center;padding:20px 23px;border-bottom:1px solid #eff1ed;cursor:pointer;transition:.15s}.ticket-row:last-child{border-bottom:0}.ticket-row:hover{background:#f9fbf6}.plate{display:inline-flex;font-size:12px;font-weight:750;letter-spacing:.5px;line-height:1.4;padding:4px 8px;border-radius:5px;background:#f4f5f0;border:1px solid #e3e7de;color:#304339}.vehicle-model{font-size:10px;color:#8b968c;margin-top:8px}.customer-name{font-size:12px;font-weight:650}.complaint{font-size:11px;color:#8a958c;margin-top:6px;line-height:1.5}.status{font-size:10px;font-weight:650;display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:6px 8px;white-space:nowrap}.status.DIKERJAKAN{color:#9b7b26;background:#f8f0d9}.status.BARU{color:#5f7c8c;background:#edf3f6}.status.SELESAI{color:#5d60a0;background:#f1eff8}.status.LUNAS{color:#467855;background:#eaf3e8}.status svg{width:12px;height:12px;stroke-width:2}.row-time{font-size:10px;color:#9aa398;margin-top:8px}.row-arrow{border:1px solid var(--line);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#7c8c7d;background:#fff}.row-arrow svg{width:14px;height:14px}.list-footer{padding:14px 23px;display:flex;justify-content:space-between;font-size:10px;color:#98a292;background:#fdfefb;border-top:1px solid var(--line)}.right-stack{display:grid;gap:19px}.flow-card{background:#e8eedc;border:1px solid #e2e9d4;border-radius:18px;padding:22px}.flow-card h2{font-size:18px;line-height:1.5;letter-spacing:-.5px}.flow-card>p{font-size:11px;line-height:1.7;color:#7a896e;margin-top:5px}.flow-steps{display:grid;gap:0;margin:21px 0 17px}.flow-step{display:flex;align-items:start;gap:10px;position:relative;padding-bottom:19px}.flow-step:last-child{padding-bottom:0}.flow-step:not(:last-child):before{content:'';position:absolute;left:13px;top:29px;width:1px;height:18px;background:#c9d8b6}.step-dot{width:28px;height:28px;border:1px solid #ccd9bc;border-radius:50%;background:#f3f6e9;display:grid;place-items:center;font-size:11px;font-weight:700;color:#6b8053;flex-shrink:0}.flow-step strong{display:block;font-size:11px;margin:1px 0 5px}.flow-step p{font-size:10px;color:#7d8d73}.flow-bottom{border-top:1px solid #cfdbc0;padding-top:16px;display:flex;gap:7px;font-size:10px;color:#6a7f54}.flow-bottom svg{width:14px;height:14px}.attention{padding:20px}.attention h3{font-size:13px;display:flex;align-items:center;gap:8px}.attention h3 svg{width:16px;height:16px;color:#ac8b41}.stock-mini{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #eff1ed}.stock-mini span{font-size:11px}.stock-mini b{font-size:11px;color:#ab793d;white-space:nowrap}.attention .btn{width:100%;margin-top:10px;font-size:11px;min-height:34px}.footer-note{display:flex;gap:6px;align-items:center;justify-content:center;color:#a3aba0;font-size:10px;margin-top:30px}.footer-note svg{width:13px;height:13px}.page-narrow{max-width:900px;margin:0 auto}.back{display:inline-flex;gap:6px;align-items:center;color:#6b7c6e;font-size:12px;margin-bottom:20px}.back svg{height:15px;width:15px}.form-panel{padding:27px;margin-bottom:20px}.section-label{display:flex;gap:10px;align-items:center;margin-bottom:22px}.section-label .icon-box{width:35px;height:35px;border-radius:10px;background:var(--soft);display:grid;place-items:center;color:var(--green)}.section-label h2{font-size:16px}.section-label p{font-size:11px;color:var(--muted);margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field>label{font-size:12px;font-weight:600;color:#586c5b}.optional{font-weight:400;color:#97a18e}.field input,.field textarea,.field select,.line-input{width:100%;border:1px solid #dfe5dc;border-radius:9px;padding:12px 13px;color:var(--ink);background:#fff;outline:0;min-height:45px;font-size:13px}.field input:focus,.field textarea:focus,.field select:focus,.line-input:focus{border-color:#88a27c;box-shadow:0 0 0 3px #eaf0e3}.field textarea{resize:vertical;min-height:100px}.field-hint{font-size:10px;color:#98a38f}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px}.form-actions .right-actions{display:flex;gap:10px}.hint-box{padding:15px 17px;background:#f1f5ec;border-radius:10px;font-size:12px;color:#738268;display:flex;gap:10px;line-height:1.7;margin-top:20px}.hint-box svg{width:16px;height:16px;margin-top:2px}.inline-success{font-size:11px;color:var(--green);margin-top:7px;min-height:14px}.detail-hero{padding:25px;display:flex;justify-content:space-between;align-items:start;gap:16px}.detail-plate{font-size:24px;font-weight:800;letter-spacing:.4px;font-family:'Manrope';margin:10px 0 5px}.detail-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#7b8978;margin-top:20px}.detail-meta span{display:flex;align-items:center;gap:7px}.detail-meta svg{width:15px;height:15px}.complaint-box{background:#f8faf5;padding:20px 25px;border-top:1px solid var(--line);font-size:13px;color:#64735d;line-height:1.7}.complaint-box .tiny{color:#9ca68f;margin-bottom:6px;font-size:10px;letter-spacing:.8px}.work-state{text-align:center;padding:43px 25px}.work-illustration{width:64px;height:64px;background:#eff4e7;border:1px solid #e2ead9;border-radius:20px;display:grid;place-items:center;margin:0 auto 18px;color:var(--green)}.work-illustration svg{width:30px;height:30px}.work-state h2{margin-bottom:9px}.work-state p{font-size:12px;color:#839078;max-width:390px;margin:auto}.work-state .btn{margin-top:24px}.space-top{margin-top:22px}.items-section{padding:23px 24px}.items-section+.items-section{border-top:1px solid var(--line)}.item-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.item-header h3{display:flex;gap:8px;align-items:center}.item-header svg{color:#7e9570;height:18px;width:18px}.item-empty{padding:25px 15px;text-align:center;border:1px dashed #dce4d5;border-radius:10px;color:#9da991;font-size:12px;background:#fcfdf9}.item-line{display:grid;grid-template-columns:minmax(0,1fr) 64px 125px 105px 28px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf1e8;font-size:12px}.item-line .line-input{padding:9px;min-height:38px;font-size:12px}.item-line .name{font-weight:600;line-height:1.5}.item-line .sub{font-size:10px;color:#93a083;margin-top:3px}.item-labels{display:grid;grid-template-columns:minmax(0,1fr) 64px 125px 105px 28px;gap:12px;font-size:9px;letter-spacing:.4px;color:#97a18d;padding:0 0 4px}.remove-btn{border:0;background:transparent;padding:5px;color:#ad9a8d;border-radius:5px}.remove-btn svg{width:16px;height:16px}.sum-box{background:#f4f7ee;border-top:1px solid #e1e8d9;padding:22px 24px}.sum-line{display:flex;justify-content:space-between;font-size:12px;color:#7e8c71;margin-bottom:9px}.sum-total{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:23px;letter-spacing:-.5px;padding-top:14px;border-top:1px solid #dfe7d4;margin-top:15px}.sum-total span:first-child{font-size:14px;letter-spacing:0}.finish-bar{margin-top:20px;display:flex;gap:15px;justify-content:space-between;align-items:center}.finish-bar>p{font-size:11px;color:#8e9a80;max-width:270px;line-height:1.7}.invoice-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.invoice-paper{padding:32px}.invoice-brand{display:flex;justify-content:space-between;align-items:start;gap:15px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.invoice-brand .brand{padding:0;font-size:21px}.invoice-brand .brand-mark{width:30px;height:30px}.invoice-address{font-size:10px;color:#95a087;margin-top:9px}.invoice-title{text-align:right}.invoice-title h2{font-size:20px;font-weight:800;letter-spacing:1px}.invoice-title p{font-size:11px;margin-top:4px;color:#909b84}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;font-size:12px;line-height:1.8}.invoice-parties .tiny{font-size:9px;letter-spacing:1px;color:#a1ab96;margin-bottom:5px}.invoice-table{width:100%;border-collapse:collapse;font-size:12px}.invoice-table th{text-align:left;font-size:9px;letter-spacing:.8px;color:#9ca78f;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600}.invoice-table td{padding:15px 0;border-bottom:1px solid #eef1e8;vertical-align:top}.invoice-table td small{display:block;font-size:10px;color:#a0aa94;margin-top:5px}.invoice-table .right{text-align:right}.invoice-total{padding-top:22px}.invoice-note{font-size:11px;color:#89967b;margin-top:26px;line-height:1.7}.invoice-thanks{margin-top:30px;padding-top:20px;border-top:1px dashed #dfe5d4;font-size:11px;color:#839275;text-align:center}.payment-card{padding:23px}.payment-card h3{font-size:14px;margin:15px 0 7px}.payment-amount{font-size:29px;letter-spacing:-1px;font-weight:800;font-family:'Manrope';margin:11px 0 18px}.payment-card p{font-size:11px;color:#929e83}.payment-card .btn{width:100%;margin-top:11px}.payment-card .payment-info{padding:15px 0;border-top:1px solid var(--line);margin:12px 0 4px;line-height:1.9;font-size:12px;color:#74866a}.paid-check{width:42px;height:42px;background:#eaf3df;color:#638549;border-radius:50%;display:grid;place-items:center}.invoice-actions{margin-top:16px;padding:21px;font-size:11px;line-height:1.7;color:#8b967e}.invoice-actions svg{width:16px;height:16px;color:#7b936a;margin-right:5px}.customers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.customer-card{padding:22px;cursor:pointer;transition:.15s;text-align:left;width:100%;color:var(--ink);background:white}.customer-card:hover{border-color:#b5c8a8;transform:translateY(-2px)}.customer-top{display:flex;gap:11px;align-items:center;margin-bottom:21px}.customer-top .avatar{height:43px;width:43px;border-radius:13px}.customer-top h3{font-size:14px}.customer-top p{font-size:11px;color:#9ba68e;margin-top:4px}.customer-vehicle{display:flex;align-items:center;gap:8px;font-size:11px;color:#7c8c6e;margin-bottom:20px}.customer-vehicle svg{width:17px;height:17px}.customer-stats{padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.customer-stats .tiny{font-size:9px;color:#9aa58d;margin-bottom:5px}.customer-stats strong{font-size:12px}.inventory-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{text-align:left;background:#f9fbf5;color:#9aa58e;font-size:9px;letter-spacing:.7px;padding:15px 24px;font-weight:650;white-space:nowrap;border-bottom:1px solid var(--line)}.data-table td{padding:18px 24px;border-bottom:1px solid #edf1e7;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.product-name{font-weight:650}.product-code{font-size:10px;color:#a0aa95;margin-top:5px}.stock-tag{display:inline-block;font-size:10px;padding:5px 7px;border-radius:5px;background:#eef4e8;color:#74915d}.stock-tag.low{background:#faf1dc;color:#a1833d}.stock-tag.zero{background:#f8eae4;color:#b17864}.stock-number{font-size:15px;font-weight:750}.stock-unit{font-size:10px;color:#9da68f;margin-left:4px}.reports-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.report-body{padding:0 24px 25px}.report-row{margin-top:20px}.report-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.progress-track{height:9px;border-radius:5px;background:#edf1e8;overflow:hidden}.progress-bar{height:100%;border-radius:5px;background:#a7bf88}.report-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-split>div{padding:22px;background:#f4f7ee;border-radius:12px}.report-split strong{font-size:24px;font-family:'Manrope';letter-spacing:-.7px;display:block;margin-top:10px}.report-split p{font-size:12px;color:#849576}.empty{padding:45px 20px;text-align:center;color:#98a38d;font-size:13px;line-height:1.8}.empty svg{display:block;width:32px;height:32px;margin:0 auto 12px;color:#b2bda4}.empty .btn{margin-top:16px}.mobile-nav{display:none}.modal-backdrop{position:fixed;inset:0;z-index:80;background:#15281f66;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border-radius:21px;width:100%;max-width:540px;max-height:90dvh;overflow:auto;box-shadow:0 25px 80px #0e261933;position:relative}.modal.wide{max-width:670px}.modal-head{padding:24px 25px 18px;display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);gap:15px;position:sticky;top:0;background:#fff;z-index:2}.modal-head p{font-size:11px;color:#94a087;margin-top:5px}.close{background:#f3f6ee;border:0;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#8b9a7d;flex-shrink:0}.close svg{width:16px;height:16px}.modal-body{padding:24px 25px}.modal-body .search{max-width:none;margin-bottom:18px}.picker-item{display:flex;align-items:center;justify-content:space-between;gap:13px;background:white;border:1px solid var(--line);border-radius:10px;padding:14px;width:100%;text-align:left;margin:8px 0}.picker-item:hover{background:#f7faf2;border-color:#b6c8a6}.picker-item strong{font-size:12px;display:block}.picker-item p{font-size:10px;color:#9aa58c;margin-top:4px}.picker-item .picker-price{font-size:12px;color:#718563;white-space:nowrap}.picker-item .picker-add{width:25px;height:25px;border-radius:7px;background:#edf3e4;display:grid;place-items:center;margin-left:8px}.picker-item .picker-add svg{width:15px;height:15px}.picker-right{display:flex;align-items:center}.manual-service{border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.manual-service h3{font-size:12px;margin-bottom:15px}.manual-service .form-grid{grid-template-columns:1.5fr 1fr;gap:12px}.manual-service .btn{margin-top:14px;width:100%}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.payment-method{border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;gap:7px;align-items:center;padding:16px 9px;font-size:12px;cursor:pointer}.payment-method:has(input:checked){background:#f0f5e8;border-color:#8faa73;color:#5d7d42}.payment-method input{accent-color:var(--green);position:absolute;opacity:0}.payment-method:focus-within{outline:3px solid #dbe8cc}.payment-method svg{height:22px;width:22px}.modal-total{font-family:'Manrope';font-size:34px;font-weight:800;letter-spacing:-1px;margin-top:6px}.modal-submit{width:100%;margin-top:22px}.payment-hint{font-size:11px;background:#f6f8f0;padding:12px;border-radius:8px;margin-top:17px;color:#8b977e;line-height:1.7}.change-preview{display:flex;justify-content:space-between;font-size:12px;margin-top:13px;color:#8c997e}.wa-background{background:#edf1e7;padding:22px;border-radius:12px}.wa-bubble{background:white;border-radius:0 10px 10px 10px;padding:17px 19px;font-size:12px;line-height:1.85;white-space:pre-wrap;box-shadow:0 2px 2px #173e3508}.wa-caption{font-size:10px;text-align:right;color:#9caa8d;margin-top:8px}.history-item{display:flex;justify-content:space-between;gap:14px;padding:17px 0;border-bottom:1px solid var(--line);cursor:pointer}.history-item strong{font-size:12px}.history-item p{font-size:11px;color:#9ba68f;margin-top:5px}.history-price{text-align:right;font-size:12px;white-space:nowrap}.history-price .status{margin-top:8px}.confirm-actions{display:flex;justify-content:end;gap:12px;margin-top:24px}#toast{position:fixed;bottom:30px;left:calc(50% + 114px);transform:translate(-50%,20px);background:#244a38;color:white;border-radius:12px;padding:14px 20px;box-shadow:0 5px 25px #183d3322;font-size:12px;z-index:100;max-width:calc(100vw - 36px);width:max-content;opacity:0;pointer-events:none;transition:.2s;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#9b5646}.error-block{background:#faeee7;color:#a56b53;font-size:12px;padding:12px 15px;border-radius:8px;margin-top:15px}.chip{display:inline-flex;align-items:center;gap:5px;background:#edf2e6;color:#78915c;font-size:10px;padding:5px 8px;border-radius:6px}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.select-inline{border:1px solid var(--line);background:white;padding:10px 13px;border-radius:8px;font-size:12px;color:#6f8162}.customer-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.customer-summary>div{padding:15px;background:#f4f7ee;border-radius:10px}.customer-summary p{font-size:10px;color:#95a087}.customer-summary strong{font-size:17px;display:block;margin-top:6px}.save-note{font-size:10px;color:#99a889;margin-top:12px}.muted-divider{height:1px;background:var(--line);margin:22px 0}.mobile-logo{display:none}.label-heading{margin:10px 0 14px;font-size:11px;letter-spacing:.8px;color:#8c9a7c}.inline-flex{display:flex;align-items:center;gap:10px}.desktop-date{display:inline}.report-legend{display:flex;gap:15px;margin:17px 0 0;font-size:10px;color:#8c997f}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.breakdown-bar{display:flex;overflow:hidden;height:13px;border-radius:6px;margin-top:22px}.breakdown-bar>div{height:100%}.report-note{padding:20px 24px;font-size:11px;color:#99a58b;border-top:1px solid var(--line);line-height:1.8}.no-wrap{white-space:nowrap}
@media(min-width:1500px){.ticket-head,.ticket-row{grid-template-columns:1fr 1.3fr .85fr 32px}.content{padding-left:45px;padding-right:45px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1250px){.sidebar{width:204px;padding-left:14px;padding-right:14px}.main{margin-left:204px}.content{padding:25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.toolbar{flex-direction:column;align-items:stretch}.toolbar .search{max-width:none}.ticket-head,.ticket-row{gap:10px;padding-left:18px;padding-right:18px}.stat{padding:17px}.stat-value.money{font-size:22px}.customers-grid{grid-template-columns:repeat(2,1fr)}#toast{left:calc(50% + 102px)}}
@media(max-width:1050px){.sidebar{width:180px;padding:28px 10px}.main{margin-left:180px}.brand{font-size:22px;padding:0 8px;gap:8px}.brand-mark{width:31px;height:31px}.nav-item{padding:13px 12px;font-size:13px;gap:9px}.nav-item svg{width:18px;height:18px}.dashboard-grid{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr}.flow-card{padding:20px}.flow-steps{margin:17px 0}.toolbar{flex-direction:row;align-items:center}.toolbar .search{max-width:210px}.stats{gap:11px}.stat{padding:15px}.stat-top{font-size:10px}.stat-icon{width:27px;height:27px}.stat-value{font-size:27px}.stat-value.money{font-size:19px}.stat-foot{font-size:9px}.invoice-layout{grid-template-columns:1fr}.invoice-layout>.right-stack{display:block}.payment-card .btn{max-width:100%}.invoice-actions{margin-bottom:20px}#toast{left:calc(50% + 90px)}.reports-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{display:none}.main{margin-left:0}.topbar{height:68px;padding:0 20px}.crumb{display:none}.mobile-logo{display:block}.mobile-logo .brand{font-size:22px;padding:0}.mobile-logo .brand-mark{width:30px;height:30px}.top-right .date,.top-right>.avatar{display:none}.open-indicator{font-size:10px}.content{padding:20px 18px 102px}.demo-strip{font-size:9px;gap:6px;margin-bottom:23px}.demo-strip button{font-size:9px;padding:4px 0}.demo-label{font-size:8px;letter-spacing:.4px;padding:3px 5px}.page-head{margin-bottom:22px;align-items:start;gap:10px}.page-head h1{font-size:27px;letter-spacing:-.8px}.page-head p{font-size:11px;max-width:245px;line-height:1.7;margin-top:6px}.page-head>.btn{font-size:11px;padding:11px 12px;min-height:42px;margin-top:4px}.page-head>.btn svg{width:16px;height:16px}.eyebrow{font-size:9px;margin-bottom:7px;letter-spacing:1.4px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.stat{padding:16px 17px;border-radius:13px}.stat-top{font-size:11px}.stat-icon{width:29px;height:29px}.stat-icon svg{width:16px;height:16px}.stat-value{font-size:30px}.stat-value.money{font-size:24px;margin-top:10px}.stat-foot{font-size:10px;margin-top:3px}.dashboard-grid{gap:20px}.panel{border-radius:15px}.panel-head{padding:20px 18px 17px}.panel-head h2{font-size:15px}.panel-head p{font-size:10px}.toolbar{padding:0 17px 16px;flex-direction:column;align-items:stretch;gap:12px}.toolbar .search{max-width:none}.tabs{gap:2px}.tab{font-size:10px;padding:8px 9px}.ticket-head{display:none}.ticket-row{grid-template-columns:1fr auto;gap:12px;padding:18px;position:relative}.ticket-row .row-vehicle{grid-column:1;grid-row:1}.ticket-row .row-customer{grid-column:1;grid-row:2}.ticket-row .row-status{grid-column:2;grid-row:1;align-self:start;text-align:right}.ticket-row .row-arrow{grid-column:2;grid-row:2;justify-self:end}.plate{font-size:12px}.vehicle-model{font-size:10px;margin-top:6px}.customer-name{font-size:11px}.complaint{font-size:11px;margin-top:4px}.status{font-size:9px;padding:6px 7px}.row-time{font-size:9px}.list-footer{padding:13px 18px;font-size:9px}.right-stack{grid-template-columns:1fr}.flow-card{display:none}.attention{padding:20px}.stock-mini{padding:13px 0}.footer-note{font-size:9px;margin-top:23px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffefa;border-top:1px solid #e8ebdf;justify-content:space-around;padding:9px 8px max(10px,env(safe-area-inset-bottom));z-index:50;box-shadow:0 -4px 20px #203e3010}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#a0ab92;padding:4px 14px;min-width:65px;border-radius:9px}.mobile-nav a svg{width:20px;height:20px}.mobile-nav a.active{color:var(--green);background:#edf2e4;font-weight:700}.page-narrow{max-width:none}.form-panel{padding:21px 18px;margin-bottom:17px}.form-grid{grid-template-columns:1fr;gap:18px}.field.full{grid-column:auto}.field input,.field textarea,.field select{font-size:16px}.field>label{font-size:11px}.section-label{margin-bottom:20px}.section-label h2{font-size:15px}.form-actions{align-items:stretch;flex-direction:column-reverse;gap:10px}.form-actions .right-actions{display:flex;flex-direction:column-reverse;gap:10px}.form-actions .btn{width:100%}.form-actions>a{text-align:center;justify-content:center}.hint-box{font-size:11px}.detail-hero{padding:22px 19px;gap:10px}.detail-plate{font-size:23px}.detail-meta{gap:12px;margin-top:17px;font-size:10px}.detail-meta svg{width:13px;height:13px}.detail-hero .status{margin-top:4px}.complaint-box{padding:17px 19px;font-size:12px}.work-state{padding:35px 22px}.work-state h2{font-size:17px}.items-section{padding:20px 18px}.item-header h3{font-size:13px}.item-header .btn{font-size:10px;padding:8px 9px}.item-labels{display:none}.item-line{grid-template-columns:52px minmax(90px,1fr) 90px 22px;gap:9px;padding:16px 0}.item-line .item-name{grid-column:1/4;margin-bottom:3px}.item-line .item-qty{grid-column:1;grid-row:2}.item-line .item-price{grid-column:2;grid-row:2}.item-line .item-amount{grid-column:3;grid-row:2;text-align:right;font-size:11px}.item-line .remove-btn{grid-column:4;grid-row:1}.item-line .line-input{font-size:14px}.item-line .sub{font-size:9px}.sum-box{padding:20px 18px}.sum-total{font-size:23px}.finish-bar{flex-direction:column-reverse;align-items:stretch}.finish-bar .btn{width:100%}.finish-bar p{max-width:none;text-align:center;font-size:10px}.invoice-layout{gap:17px}.invoice-paper{padding:24px 18px}.invoice-brand{gap:12px;padding-bottom:20px;margin-bottom:20px}.invoice-brand .brand{font-size:18px;gap:7px}.invoice-brand .brand-mark{width:26px;height:26px;border-radius:8px}.invoice-brand .brand-mark svg{width:16px;height:16px}.invoice-address{font-size:9px;max-width:140px;line-height:1.6}.invoice-title h2{font-size:16px}.invoice-title p{font-size:10px}.invoice-parties{font-size:11px;gap:10px;margin-bottom:17px}.invoice-table{font-size:11px}.invoice-table th{font-size:8px}.invoice-table td{padding:14px 0}.invoice-table th:nth-child(3),.invoice-table td:nth-child(3){display:none}.invoice-table td small{font-size:9px}.invoice-thanks{font-size:10px}.invoice-note{font-size:10px}.payment-card{padding:23px}.customers-grid{grid-template-columns:1fr;gap:14px;margin-top:17px}.customer-card{padding:21px}.customer-stats strong{font-size:13px}.filter-row{flex-direction:column;align-items:stretch;gap:10px}.filter-row .search{max-width:none}.inventory-wrap{margin-left:0}.data-table th{padding:14px 16px}.data-table td{padding:17px 16px}.data-table th:nth-child(2),.data-table td:nth-child(2){display:none}.data-table th:nth-child(5),.data-table td:nth-child(5){display:none}.product-name{font-size:11px;white-space:normal;min-width:110px;line-height:1.5}.data-table td{font-size:11px}.stock-number{font-size:13px}.stock-unit{display:block;margin:4px 0 0;font-size:9px}.data-table .btn{font-size:10px;padding:7px;min-height:32px}.inventory-wrap .data-table th:nth-child(4),.inventory-wrap .data-table td:nth-child(4){display:none}.report-split{gap:10px}.report-split>div{padding:18px 14px}.report-split strong{font-size:21px}.report-split p{font-size:11px}.report-label{font-size:11px}.modal-backdrop{padding:0;align-items:flex-end}.modal{border-radius:22px 22px 0 0;max-height:92dvh;max-width:100%;padding-bottom:env(safe-area-inset-bottom)}.modal-head{padding:23px 22px 18px}.modal-head h2{font-size:18px}.modal-body{padding:22px}.modal-body .field input{font-size:16px}.manual-service .form-grid{grid-template-columns:1fr 1fr}.manual-service .field>label{font-size:10px}.picker-item{padding:13px 11px}.picker-item strong{font-size:11px}.picker-item .picker-price{font-size:11px}.picker-item .picker-add{margin-left:6px}.modal-submit{min-height:48px}.wa-background{padding:16px}.wa-bubble{font-size:11px;padding:15px}.history-item strong{font-size:11px}.history-item p{font-size:10px}.history-price{font-size:11px}#toast{left:50%;bottom:90px;font-size:11px}.page-head .select-inline{font-size:10px;padding:9px}.no-mobile{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{@page{margin:15mm;size:A4}body{background:white}.sidebar,.topbar,.demo-strip,.page-head,.back,.mobile-nav,.right-stack,.footer-note,.modal-backdrop,#toast{display:none!important}.main{margin:0}.content{padding:0;max-width:none}.invoice-layout{display:block}.invoice-paper{border:0;padding:0;box-shadow:none}.invoice-table th:nth-child(3),.invoice-table td:nth-child(3){display:table-cell}.invoice-table tr{break-inside:avoid}.invoice-paper{border-radius:0}body:not(:has(.invoice-paper)) .content{display:block}.invoice-note,.invoice-thanks{color:#333}.status{border:1px solid #aaa}.brand{color:#173e35}}

@media(max-width:760px){.tab{min-height:40px}.row-vehicle .plate{font-size:14px}.customer-name{font-size:12px}.complaint{font-size:12px;color:#6f7d72}.vehicle-model{font-size:11px;color:#7c887d}.field>label{font-size:12px}.page-head p{font-size:12px;color:#7a877b}.inventory-wrap .btn{min-height:42px}.item-header .btn{min-height:40px;font-size:11px}.search{height:43px}.search input{font-size:13px}.remove-btn{min-height:38px}.mobile-nav a{min-height:45px}.close{min-width:36px;min-height:36px}}

.invoice-layout{align-items:start}.right-stack{align-content:start}