:root{font-family:"Segoe UI",Arial,sans-serif;color:#112950;background:#f5f8fc;--navy:#061f4b;--blue:#0879c4;--line:#dce8f4;--muted:#607086}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #73c8f5;outline-offset:2px}
.topbar{color:white;background:radial-gradient(circle at 85% 0%,#145c9b 0,#092e66 34%,#061f4b 76%);padding:21px 26px}.top-inner{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:22px}.brand-logo{width:105px;height:69px;overflow:hidden;background:white;border-radius:12px;flex:none}.brand-logo img{display:block;width:105px;height:auto}.eyebrow{margin:0;font-size:11px;font-weight:800;letter-spacing:.14em}.brand .eyebrow{color:#91d9ff}.brand h1{font-size:30px;margin:4px 0 2px;line-height:1.1}.tagline{margin:0;color:#d5e6f5;font-size:13px}.button{border:0;border-radius:10px;padding:12px 17px;font-weight:750}.button-white{background:white;color:#06224e}.button-white:hover{background:#e7f5ff}.button-primary{background:#0879c4;color:white}.button-primary:hover{background:#076aa9}.button-secondary{background:#eaf2fa;color:#0b4e83}.button-secondary:hover{background:#dcecf9}
.container{max-width:1490px;margin:auto;padding:26px}.demo-banner{display:flex;align-items:center;gap:14px;padding:12px 17px;margin-bottom:19px;border:1px solid #bcdff3;border-radius:12px;background:#eaf6fd;color:#0b3e6e;font-size:14px}.demo-banner strong{white-space:nowrap}.demo-banner span{flex:1}.demo-banner button{border:0;background:#fff;color:#0b5792;border-radius:8px;padding:9px 12px;font-weight:700}.overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px 21px;box-shadow:0 8px 24px #07295d0a}.metric span{display:block;color:#5a6b81;font-size:14px}.metric strong{display:block;margin-top:6px;color:#0b2b63;font-size:29px;line-height:1.15}
.workspace{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 35px #092e660b;overflow:hidden}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px 12px}.blue{color:var(--blue)}.workspace h2{margin:5px 0 0;font-size:23px}.data-actions{display:flex;gap:8px}.text-button{border:1px solid #d3e4f3;background:#f5f9fd;border-radius:8px;padding:9px 12px;color:#0c5489;font-weight:700}.text-button:hover{background:#e8f3fc}.tabs{display:flex;gap:28px;padding:0 24px;border-bottom:1px solid var(--line)}.tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:14px 0 12px;color:#61748e;font-weight:750}.tabs button[aria-selected="true"]{color:#0a5e9d;border-bottom-color:var(--blue)}.tabs span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;margin-left:5px;border-radius:15px;background:#eaf2fb;color:#0a5e9d;font-size:12px}.toolbar{display:flex;gap:12px;align-items:end;padding:18px 24px}.search{flex:1;max-width:550px}.toolbar label{display:block}.toolbar input,.toolbar select{width:100%;height:42px;border:1px solid #cdddec;border-radius:9px;padding:0 13px;background:#fff;color:#18385f}.filter{min-width:180px;color:#61748e;font-size:12px}.filter span{display:block;margin-bottom:4px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:950px}th{text-align:left;color:#65758c;background:#f7fafd;font-size:12px;letter-spacing:.03em}th,td{padding:14px 16px;border-bottom:1px solid #e7eef6}td{font-size:14px;vertical-align:middle}tbody tr{cursor:pointer}tbody tr:hover{background:#f4f9fd}tbody tr:last-child td{border-bottom:0}.service-no{font-weight:800;color:#0a5f9d}.customer-name{font-weight:700}.secondary-line{display:block;margin-top:3px;font-size:12px;color:#718099}.status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-weight:700;font-size:12px;white-space:nowrap}.status-new{background:#e8f1fb;color:#0a5e9d}.status-working{background:#e7f4fe;color:#096da8}.status-parts{background:#fff2d8;color:#9a6000}.status-ready{background:#def7e9;color:#167246}.status-delivered{background:#e9edf3;color:#53667f}.urgent-mark{display:inline-block;margin-left:5px;color:#bd3b3b;font-weight:800;font-size:12px}.view-link{border:0;background:none;color:#0871b6;font-weight:700;white-space:nowrap}.empty{text-align:center;padding:60px 20px;color:#66768c}.empty strong{display:block;margin-bottom:6px;color:#203b61}.empty span{font-size:14px}.pager{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 24px;border-top:1px solid var(--line);color:#697b90;font-size:13px}.pager div{display:flex;gap:6px}.pager button{border:1px solid #d3e4f3;border-radius:8px;padding:7px 11px;background:#fff;color:#0b5489}.pager button:disabled{opacity:.4;cursor:default}.privacy-note{font-size:13px;color:#65758b;line-height:1.5;margin:16px 3px}
.drawer-backdrop{position:fixed;inset:0;background:#061a3899;z-index:20}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(610px,100vw);background:white;z-index:21;display:flex;flex-direction:column;box-shadow:-16px 0 50px #061b3a2e}.drawer[hidden],.drawer-backdrop[hidden],[hidden]{display:none!important}.drawer-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.drawer-head h2{margin:5px 0 0;font-size:26px}.icon-button{border:0;background:#edf4fb;border-radius:9px;font-size:25px;width:36px;height:36px;line-height:1;color:#345573}#recordForm{display:flex;flex:1;min-height:0;flex-direction:column}.form-content{overflow:auto;flex:1;padding:6px 25px 24px}.form-content h3{font-size:15px;margin:22px 0 13px;padding-top:4px;color:#0b3974}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 13px}.form-content label{display:block;margin-bottom:12px;font-size:12px;font-weight:700;color:#52657d}.form-content input,.form-content select,.form-content textarea{display:block;width:100%;margin-top:5px;border:1px solid #cdddec;border-radius:9px;padding:10px;color:#1b385f;background:white;font-weight:400}.form-content textarea{resize:vertical}.field-note{font-size:12px;color:#697b90;line-height:1.5}.drawer-actions{padding:17px 25px;display:flex;justify-content:end;gap:9px;border-top:1px solid var(--line);background:white}.history{border-top:1px solid var(--line);margin-top:24px}.history ol{list-style:none;padding:0;margin:0}.history li{padding:9px 0;border-bottom:1px solid #edf2f7;color:#516983;font-size:13px}.history time{font-weight:700;color:#0a5e9d;margin-right:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:40;background:#0b2b63;color:#fff;border-radius:10px;padding:11px 17px;box-shadow:0 12px 30px #081d3e40}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.overview{grid-template-columns:repeat(2,1fr)}.workspace-head{align-items:start;flex-direction:column}.toolbar{align-items:stretch;flex-direction:column}.filter{max-width:250px}}
@media(max-width:550px){.top-inner{align-items:start;flex-direction:column}.brand-logo{width:82px;height:54px}.brand-logo img{width:82px}.brand h1{font-size:24px}.container{padding:14px}.overview{gap:9px}.metric{padding:13px}.metric strong{font-size:24px}.demo-banner{align-items:start;flex-direction:column}.form-grid{grid-template-columns:1fr}.tabs{gap:16px}.tabs button{font-size:13px}}
.strong-cell{font-weight:800;color:#0a5f9d}.status-cell{font-weight:700;white-space:nowrap}.row-action{border:1px solid #cde0f1;background:#f4f9fd;color:#0b5b94;border-radius:7px;padding:6px 12px;font-weight:700}.row-action:hover{background:#e5f2fc}
.row-actions{white-space:nowrap}.row-actions .row-action+.row-action{margin-left:5px}
.button-danger{background:#fff0ee;color:#a2352d;border:1px solid #f1c7c2}.button-danger:hover{background:#ffe4e0}.drawer-actions{flex-wrap:wrap}.drawer-actions .button-danger:first-child{margin-right:auto}.tabs{overflow-x:auto}.tabs button{white-space:nowrap}
.search span{display:block;margin-bottom:4px;color:#61748e;font-size:12px}.search-button{height:42px;border:0;border-radius:9px;background:#0879c4;color:#fff;padding:0 20px;font-weight:800}.search-button:hover{background:#076aa9}
.checks{border:1px solid #d9e5f1;border-radius:10px;margin:14px 0;padding:10px 12px}.checks legend{font-size:12px;font-weight:800;color:#52657d;padding:0 5px}.checks>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}.checks label{display:flex;align-items:center;gap:7px;margin:0;font-weight:500}.checks input{width:auto;margin:0}.form-preview{position:fixed;inset:0;background:#dfe6ef;z-index:50;overflow:auto;padding:15px}.preview-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;max-width:210mm;margin:0 auto 12px;padding:10px 12px;border-radius:10px;background:#fff;box-shadow:0 4px 18px #061f4b22}.preview-toolbar strong{color:#082e64}.preview-toolbar span{flex:1;font-size:12px;color:#697b90}.preview-toolbar .button{font-size:12px;padding:9px 11px;white-space:nowrap}.print-sheet{width:210mm;min-height:297mm;padding:13mm;background:white;margin:auto;box-shadow:0 15px 40px #102a4b30;color:#102b55;font:10pt Arial,sans-serif}.print-header{border-bottom:2px solid #1454a1;padding-bottom:8mm;margin-bottom:5mm}.print-header strong{font-size:17pt;color:#1454a1}.print-header h2{margin:2mm 0 0;font-size:14pt}.print-fields{display:grid;gap:2mm 7mm}.two-cols{grid-template-columns:1fr 1fr}.print-fields>div,.print-single{display:flex;align-items:baseline;gap:3mm;min-height:6mm}.print-fields b,.print-single b{font-size:8.5pt;white-space:nowrap}.print-fields span,.print-single span,.print-signatures span{flex:1;min-width:0;border-bottom:1px solid #bdcce0;min-height:4mm;overflow-wrap:anywhere}.print-sheet h3{font-size:9.5pt;margin:4mm 0 2mm;background:#e8eff7;padding:1.8mm 2.2mm;border-radius:4px}.print-text{min-height:13mm;white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid #d3deea;line-height:1.35}.print-text.small{min-height:8mm}.print-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.2mm 3mm;margin:3mm 0}.print-check-grid span{display:flex;gap:1.5mm;align-items:center;white-space:nowrap;font-size:8.5pt}.print-check-grid i{font-style:normal;border:1px solid #183f77;width:3mm;height:3mm;line-height:2.5mm;text-align:center;font-weight:800;font-size:8pt}.print-hint{font-size:8pt;color:#5c6d82;margin:1mm 0}.print-signatures{display:grid;grid-template-columns:1fr 1fr;gap:8mm;border-top:1.5px solid #1454a1;margin-top:5mm;padding-top:2mm}.print-signatures>div{font-size:8.5pt}.print-signatures b{display:block;margin-bottom:3mm}.print-signatures>div>div{display:flex;gap:3mm;align-items:baseline;min-height:7mm}.preview-open{overflow:hidden}
@media(max-width:850px){.preview-toolbar{flex-wrap:wrap}.print-sheet{transform-origin:top left}.checks>div{grid-template-columns:1fr}}
@media print{@page{size:A4 portrait;margin:0}body{background:#fff!important}.topbar,.container,.drawer,.drawer-backdrop,.toast,.preview-toolbar{display:none!important}.form-preview{position:static;display:block!important;background:white;padding:0;overflow:visible}.print-sheet{width:210mm;min-height:297mm;margin:0;padding:13mm;box-shadow:none;break-after:avoid-page;print-color-adjust:exact;-webkit-print-color-adjust:exact}}
body:not(.authenticated)>.topbar,body:not(.authenticated)>.container{display:none}.login-view{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 85% 0%,#145c9b 0,#092e66 34%,#061f4b 76%)}.login-card{width:min(430px,100%);padding:35px;background:#fff;border-radius:20px;box-shadow:0 24px 70px #04183a55}.login-card h1{margin:7px 0;color:#0b2b63;font-size:28px}.login-card p{color:#61748e;line-height:1.5}.login-card label,.user-dialog label,.setup-card label{display:block;margin:14px 0;color:#315075;font-size:13px;font-weight:700}.login-card input,.user-dialog input,.user-dialog select,.setup-card input{display:block;width:100%;margin-top:5px;border:1px solid #cdddec;border-radius:9px;padding:11px;color:#17385d}.login-card .button{width:100%;margin-top:10px}.login-error,.setup-error{color:#a2352d!important;background:#fff0ee;padding:10px;border-radius:8px}.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.top-actions>span{font-size:13px;color:#d5e6f5;margin-right:5px}.button-outline{background:transparent;color:#fff;border:1px solid #ffffff70}.button-outline:hover{background:#ffffff20}.user-dialog{border:0;border-radius:16px;width:min(480px,calc(100% - 30px));padding:23px;box-shadow:0 25px 70px #061f4b55}.user-dialog::backdrop{background:#061a3888}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0;color:#0b2b63}.dialog-actions{display:flex;justify-content:end;gap:8px;margin-top:18px}.setup-card{max-width:520px;margin:8vh auto;padding:30px;background:white;border:1px solid #dce8f4;border-radius:18px;box-shadow:0 14px 35px #092e660b}.setup-card h1{color:#0b2b63}
@media(max-width:700px){.top-inner{align-items:start;flex-direction:column}.top-actions{width:100%}.top-actions>span{width:100%}.top-actions .button{flex:1;white-space:nowrap}.workspace-head,.toolbar{padding-left:15px;padding-right:15px}.tabs{padding-left:15px;padding-right:15px}}
.users-list{max-height:180px;overflow:auto;border:1px solid #dce8f4;border-radius:10px;margin:14px 0}.user-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-bottom:1px solid #e7eef6;font-size:12px;color:#315075}.user-row:last-child{border-bottom:0}.user-row .text-button{padding:6px 10px;white-space:nowrap}.user-dialog h3{font-size:15px;color:#0b2b63;margin:18px 0 8px}
.user-row>span{min-width:0}.user-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.user-actions .text-button{font-size:12px}
@media(max-width:700px){.table-scroll{overflow:visible}table{min-width:0}thead{display:none}tbody{display:grid;gap:10px;padding:0 12px 12px}tbody tr{display:block;border:1px solid #dce8f4;border-radius:12px;background:#fff;overflow:hidden}tbody td{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:7px 11px;border:0;font-size:13px;text-align:right;overflow-wrap:anywhere}tbody td::before{content:attr(data-label);flex:none;color:#607086;font-weight:700;text-align:left}tbody .row-actions{display:flex;justify-content:flex-end;border-top:1px solid #e7eef6;margin-top:3px;padding-top:9px;white-space:normal}tbody .row-actions::before{display:none}.row-actions .row-action{flex:1}}