.login-screen{min-height:100svh;display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 85% 0%,#89731d38,transparent 45%),radial-gradient(ellipse at 0% 100%,#44494f52,transparent 55%),linear-gradient(140deg,#292b2f,#131415 48%,#080909)}
.login-card{width:min(440px,100%);padding:40px;border:1px solid #c0c3b92b;border-radius:24px;background:linear-gradient(145deg,#383b419c,#151618d9);backdrop-filter:blur(28px);box-shadow:0 24px 90px #0008,inset 0 1px 0 #ffffff1a}.login-card>img{width:185px;margin-bottom:42px}.login-card h1{font-size:38px;margin:10px 0}.login-card p{font-size:14px;color:#c2c4c8;margin-bottom:26px}.login-card .form-field{margin-bottom:20px}.login-card input{background:#0d0f13a8;border-color:#62657180;font-size:16px;min-height:48px}.login-card .button{width:100%;min-height:48px;background:linear-gradient(115deg,#fff0a0,#f0cc32);color:#18180d;font-weight:800;margin-top:8px;border-radius:9px}.login-error{color:#ffe189!important;min-height:22px;margin:16px 0!important}.login-footer{font-size:12px!important;margin:24px 0 0!important}.login-card .eyebrow{color:#ebd571}
[hidden]{display:none!important}.signout{width:100%;margin-top:15px}.live-empty{padding:32px;text-align:center;color:var(--muted)}.live-empty h2{margin-bottom:10px;color:var(--text)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;flex-wrap:wrap;font-size:13px}.record-description{font-size:13px;color:var(--muted);margin:8px 0}.record-actions{display:flex;align-items:center;gap:8px;margin-top:20px;flex-wrap:wrap}.inline-note{font-size:13px;color:var(--muted);margin:14px 0}.job-form-customer{margin-bottom:12px}.customer-result{font-size:12px;margin:8px 0;color:var(--muted)}.job-form-service{max-height:300px;overflow:auto}.item-inactive{opacity:.65}.phone-line{font-variant-numeric:tabular-nums}.field-help{font-size:12px;margin-top:6px;color:var(--muted)}
.invoice-builder{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:24px;align-items:start}.invoice-builder .scan-zone{margin-bottom:16px}.invoice-builder .invoice-summary{width:100%}.invoice-client select,.invoice-client input{margin-top:8px}.invoice-client .form-field{margin-top:16px}.invoice-builder .item-selector{grid-template-columns:1fr}.invoice-builder .product-button{width:100%;overflow-wrap:anywhere}.invoice-builder .cart-item{flex-wrap:wrap}.line-edit{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:10px}.line-edit label{font-size:12px;display:block;margin-bottom:5px}.line-edit input{min-height:44px;font-size:14px}.invoice-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.invoice-meta-grid input,.invoice-meta-grid select{font-size:13px}.billing-checks{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px}.billing-checks label{display:flex;align-items:center;gap:8px;font-size:13px}.billing-checks input{width:18px;min-height:18px;accent-color:var(--yellow)}.invoice-checkout{padding:0 24px 22px}.invoice-checkout .button{width:100%}.invoice-smallprint{padding:16px 24px;font-size:12px;border-top:1px solid #ffffff14;color:#c1c4cc;overflow-wrap:anywhere}.invoice-smallprint h3{font-size:14px;margin-bottom:8px}.invoice-smallprint p{margin:5px 0}.bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.invoice-history{margin-top:24px}
.document-view{font-size:14px;position:static!important}.document-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.document-head img{width:180px;margin-bottom:15px}.document-head h2{font:600 36px var(--display);color:var(--yellow)}.document-head p{font-size:13px;color:var(--muted);margin:4px 0}.document-party{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:20px}.document-view table{white-space:normal;font-size:12px}.document-view td,.document-view th{padding:12px 8px;font-size:12px}.document-view td strong{font-size:12px}.document-total{text-align:right;margin:20px 0;font:600 32px var(--display);color:var(--yellow)}.document-detail{padding:18px;border:1px solid var(--border);margin-top:15px;border-radius:7px;overflow-wrap:anywhere}.document-words{font-size:13px;margin:18px 0}.document-tax{display:flex;flex-wrap:wrap;gap:15px;margin:16px 0;color:var(--muted);font-size:13px}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-gallery img{width:100%;height:140px;object-fit:cover;border-radius:7px}.camera-live{width:100%;background:#060707;border-radius:8px;max-height:320px;object-fit:cover}.ocr-status{color:var(--yellow);font-size:14px;margin:18px 0}.raw-text{width:100%;min-height:130px;font-size:13px}.receipt-row select{font-size:13px}.receipt-source-row{font-size:12px;color:var(--muted);margin:12px 0;overflow-wrap:anywhere}.receipt-row-head .button{padding:5px 10px}.source-preview{width:100%;height:260px;object-fit:contain;background:#0b0c0d;border-radius:7px}.connection-warning{background:#4b3120;color:#ffe0b3;padding:12px 24px;font-size:13px}.business-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-kpi{font:600 42px var(--display);color:var(--yellow)}
form.field-search{display:flex;max-width:650px}.field-search input{flex:1;min-width:0}.field-search .button{flex-shrink:0}input,select,textarea{max-width:100%}.service-option{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.service-option input{width:18px;min-height:18px;accent-color:var(--yellow)}.service-option strong{margin-left:auto}.customer-list{display:grid}.table-wrap{overflow-x:auto}.scan-zone #barcode-form{width:100%}.scan-zone #barcode-form input{min-width:0;flex:1}.stat-number{overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:default;transform:none!important}#menu-toggle:before{content:'☰';font-size:20px}.dialog-body .form-field label{display:block;margin-bottom:7px}.dialog-body input,.dialog-body select,.dialog-body textarea{width:100%}.dialog-body .service-option input{width:18px}.dialog-body{max-height:75svh;overflow:auto}.form-grid{gap:18px}
@media(max-width:1100px){.invoice-builder{grid-template-columns:1fr}.invoice-builder>.invoice-summary{position:static}.customer-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.login-screen{padding:22px}.login-card{padding:28px}.customer-list{grid-template-columns:1fr}.invoice-builder{display:flex;flex-direction:column}.invoice-builder>div,.invoice-builder>.invoice-summary{width:100%}.invoice-meta-grid,.business-fields{grid-template-columns:1fr}.document-head,.document-party{display:flex;flex-direction:column}.document-view table{min-width:650px}.photo-gallery{grid-template-columns:1fr 1fr}.record-actions .button{flex:1}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pagination .button{font-size:13px;padding:8px}.bank-grid{grid-template-columns:1fr}.page-header .record-actions{width:100%;margin-top:15px}.page-header{flex-wrap:wrap}.scan-zone{display:block}.invoice-summary{order:0!important}.invoice-builder>div:first-child{order:-1}.product-button{flex-direction:row;align-items:center}.toolbar{margin:18px 0}.dialog-body{max-height:78svh}.stat-number{font-size:29px}}
@media print{body{background:white;color:#000}#workspace,#login-root,#toast{display:none!important}body>div{display:block!important}#dialog{position:static;display:block;width:100%;max-height:none;border:0;background:white;overflow:visible;padding:0;margin:0}#dialog::backdrop{display:none}.dialog-head,.dialog-foot{display:none!important}.dialog-body{padding:0;max-height:none;overflow:visible}.document-view *{color:#000!important;background:white!important}.document-view{border:0!important;box-shadow:none!important;font:11px Arial,sans-serif}.document-view table{min-width:0;width:100%}.document-view td,.document-view th{font-size:10px;padding:9px 5px}.document-head{display:flex;flex-direction:row}.document-party{display:grid;grid-template-columns:1fr 1fr}.document-view .business-logo{filter:brightness(0)}.document-total{font-size:28px}.document-detail{border-color:#ccc}@page{size:A4;margin:14mm}}

.stat-card{padding:22px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,#242522,#191a18);box-shadow:inset 0 1px 0 #ffffff05}.stat-label{color:var(--muted);font-size:12px}.stat-number{font:600 40px/1.15 var(--display);margin:14px 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.stat-card{transition:transform 180ms,box-shadow 180ms}.document-view .table-wrap{margin:10px -10px}dialog:has(.document-view){width:min(1050px,calc(100% - 28px))}@media(min-width:761px){#menu-toggle{display:none}.sidebar{overflow-y:auto;scrollbar-width:thin}}@media(max-width:760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:16px}.stat-number{font-size:32px}.stat-foot{font-size:11px}.bank-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.stat-card:hover{transform:none}.stat-card{transition:none}}

:root{--bg:#101113;--panel:#191b20;--panel2:#22242b;--border:#33363c;--text:#f2f3f5;--muted:#b9bdc7}.sidebar{background:#151619}.location{background:#181a1e}.stat-card{background:linear-gradient(145deg,#26282e,#191b20)}.document-view{overflow-wrap:anywhere}.login-card label{display:block;margin-bottom:7px}.login-card input{width:100%}.login-card .button{display:flex;justify-content:center;align-items:center}.panel,.customer-card,.service-card{background:var(--panel)}.field-search{background:#17191d}.source-preview{cursor:zoom-in}dialog{background:#191b20}.sidebar{scrollbar-width:none}html{scrollbar-color:#444850 #888b91;scrollbar-width:thin}::-webkit-scrollbar-track{background:#888b91}::-webkit-scrollbar-thumb{background:#444850;border:1px solid #777b82}::-webkit-scrollbar-button{display:none}.stat-card:hover{border-color:#77705a}

@media(max-width:760px){.invoice-builder>div:first-child{display:contents}.invoice-builder .scan-zone{order:0;width:100%}.invoice-builder>.invoice-summary{order:1!important}.invoice-builder>div:first-child>.toolbar{order:2;width:100%}.invoice-builder>div:first-child>.panel{order:3;width:100%}.invoice-builder .product-button{padding:14px}.invoice-builder .product-button strong{font-size:13px}}