:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:dark;--bg:#081625;--shell:#101f31;--panel:#13283b;--panel2:#172f44;--border:#29445b;--line:#2d465d;--text:#edf5ff;--muted:#a5b9ca;--accent:#49c1ec;--accent-dark:#09658c;--mint:#66dbbb;--danger:#ffa09d;--radius:16px;--shadow:0 15px 32px #030d1a44;color:var(--text);background:var(--bg);font-size:15px}
*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;background:radial-gradient(ellipse at 10% -30%,#1b48602f,transparent 57%),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,.file-button:focus-within{outline:3px solid #98dffc;outline-offset:2px}input,select{width:100%;background:#0b1b2d;color:#f1f8ff;border:1px solid #3c5b73;padding:12px 13px;border-radius:10px;min-width:0}input::placeholder{color:#849fb1}input[type=checkbox]{width:19px;height:19px;accent-color:#51c5ef}label{display:block;font-weight:650;font-size:12px;letter-spacing:.01em;color:#b8c9d7;margin-bottom:14px}label>input,label>select{display:block;margin-top:7px}button,.file-button{border:1px solid #355b77;background:#1c354c;color:#e9f5ff;border-radius:10px;padding:11px 15px;font-weight:750;transition:background .15s,border-color .15s}button:hover,.file-button:hover{background:#244a64;border-color:#84c4ea}.primary{background:#0c87b6;border-color:#24b6eb;color:#fff;box-shadow:0 6px 18px #00152340}.primary:hover{background:#0799cf}button.subtle-button{border:0;background:none;color:#73d2f4;padding:8px}
.top{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(90deg,#122638,#132638);border-bottom:1px solid #294257;padding:17px max(24px,calc((100vw - 1560px)/2))}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#ddf5ff;background:linear-gradient(135deg,#146a90,#1bb5b8);font-size:23px;font-weight:900;letter-spacing:-.06em}.brand-mark span{color:#a6ffff}.top h1{font-size:19px;line-height:1;margin:0 0 7px;letter-spacing:.05em}.top h1 span{color:#59cffa}.top small{font-size:12px;color:var(--muted)}.top-right{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tag{white-space:nowrap;border:1px solid #2a6a72;background:#143f47;color:#8aeadb;border-radius:100px;padding:7px 10px;font-size:11px;font-weight:800;letter-spacing:.02em}.tag-muted{color:#bad4e4;background:#192e40;border-color:#35526a}.tag-alert{color:#ffd7aa;background:#483224;border-color:#81563f}
.tabs{display:flex;gap:4px;background:#0d1e30;padding:7px max(22px,calc((100vw - 1560px)/2));border-bottom:1px solid var(--border);overflow:auto}.tabs button{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:13px;color:#b4c8d6;padding:11px 16px;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0}.tabs button:hover{background:#193248}.tabs button.active{color:#d5f3ff;background:#13283d;border-color:#4bcaf4}.nav-number{font-size:10px;font-weight:900;color:#69b7d6;letter-spacing:.04em}
main{max-width:1600px;padding:25px 26px 62px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px}.page-heading h2{font-size:clamp(23px,2.4vw,31px);letter-spacing:-.04em;font-weight:780;margin:4px 0 3px}.page-heading p{color:#b2c6d4;margin:4px 0;font-size:13px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:900;color:#5cc0d8;margin:0 0 7px}.page-proof{white-space:nowrap;font-size:10px;letter-spacing:.15em;color:#8caec0;font-weight:800}.page-proof span{color:#67d7b0;margin-left:5px}
.panel{margin-bottom:16px;background:linear-gradient(145deg,#162c3f,#102537);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.selection{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;padding:16px 20px;margin-bottom:19px;background:#102234}.selection label{margin:0}.selection input,.selection select{background:#132b3e;font-size:14px;padding:11px 12px}
.tab[hidden],[hidden]{display:none!important}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.scan-layout{grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.space{justify-content:space-between}.actions{margin-top:14px}h2{font-size:20px;letter-spacing:-.025em;margin:0 0 10px}h3{font-size:17px;letter-spacing:-.02em;margin:0 0 12px}p{line-height:1.55}.small{font-size:12px}.muted,footer{color:var(--muted)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:360px;margin:13px 0 17px;background:#081c2c;border:1px solid #31536b;border-radius:11px;padding:4px}.segmented button{border:0;color:#afc7d7;background:transparent;font-size:13px;padding:11px;border-radius:8px}.segmented button.selected{background:#1a6085;color:#ebfbff;box-shadow:0 3px 12px #0003}
.camera-wrap{position:relative;min-height:245px;height:clamp(260px,31vw,385px);background:#060e1a;border:1px solid #43647b;border-radius:13px;overflow:hidden;margin:0 0 16px;display:grid;place-items:center}.camera-wrap video{display:block;width:100%;height:100%;object-fit:contain;background:#04101b}.camera-reticle{pointer-events:none;position:absolute;top:17%;left:13%;right:13%;bottom:20%;border:2px dashed #87d9ef;border-radius:16px;box-shadow:0 0 0 999px #03162535 inset}.camera-reticle:before,.camera-reticle:after{content:'';position:absolute;width:36px;height:36px;border-color:#b0fbff}.camera-reticle:before{top:-3px;left:-3px;border-top:4px solid;border-left:4px solid;border-radius:13px 0 0 0}.camera-reticle:after{right:-3px;bottom:-3px;border-right:4px solid;border-bottom:4px solid;border-radius:0 0 13px 0}.camera-wrap .guide{position:absolute;bottom:14px;left:12%;right:12%;text-align:center;background:#081e30e6;border-radius:9px;padding:8px;color:#d2f4ff;font-weight:700;font-size:12px}.camera-tools{justify-content:space-between;align-items:end}.camera-picker{margin:0;flex:1;min-width:180px}.camera-picker select{margin-top:5px}.capture-actions{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(135px,1fr) minmax(135px,1fr);align-items:stretch}.capture-actions .file-button{display:grid;place-items:center;text-align:center;font-size:13px;margin:0}.capture-button{min-height:54px;font-size:14px;letter-spacing:.01em}.capture-symbol{font-size:22px;vertical-align:-2px;margin-right:3px}.camera-panel>.muted.small{margin-bottom:2px}.status-panel{background:#13283b}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metrics>div{border:1px solid #35536b;background:#112536;padding:13px 12px;border-radius:12px;display:flex;flex-direction:column;gap:7px}.metrics strong{font-size:29px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.metrics span{font-size:11px;color:#afc4d3}.progress-heading{margin-top:17px;display:flex;justify-content:space-between;color:#bbd1df;font-size:12px;font-weight:650}.progress-track{height:8px;background:#30485a;border-radius:100px;overflow:hidden;margin:9px 0 11px}.progress-fill{height:100%;background:linear-gradient(90deg,#1889be,#4ddabb);width:0;transition:width .2s ease}
.review-panel{position:sticky;top:14px;max-height:calc(100vh - 30px);overflow:auto;scrollbar-color:#41617a #122538}.review-panel h2{margin:4px 0 7px}.review-panel #scan-status{font-size:12px;margin:0 0 14px;color:#b9ccdd}.form-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.review-panel label{margin-bottom:13px}.review-panel input,.review-panel select{min-height:43px}.review-panel .row{margin-bottom:6px}.equipment{background:#102639;border:1px solid #25495e;border-radius:12px;padding:13px;margin:10px 0}.equipment label.check{margin:0}.equipment>div:not([hidden]){margin-top:12px;padding-top:12px;border-top:1px solid #2e4e63}.equipment>div label:last-child{margin-bottom:2px}.check{display:flex;align-items:center;gap:10px;font-size:13px;color:#deeff7}.check input{flex:none;min-height:0}.save-actions{display:flex;align-items:stretch;margin-top:17px}.save-actions #save-guard{flex:1;min-height:53px}.save-actions #reset-guard{background:#21384b}.save-note{font-size:11px;color:#8eaeba;text-align:center;margin:12px 0 0}#scan-image{display:block;max-width:100%;width:100%;height:auto;max-height:168px;object-fit:contain;background:#0c1c2e;border:1px solid #35546a;border-radius:10px;margin:10px 0}#scan-image[hidden]{display:none}
.recent-panel{box-shadow:none;background:#102437;padding-bottom:10px}.recent-panel h3{margin:0}.table-wrap{max-height:500px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:12px 13px;border-bottom:1px solid #29465d;font-size:12px;vertical-align:middle}th{color:#9fbdd0;letter-spacing:.03em;font-size:11px;font-weight:750}td{color:#e0edf5}td .muted{color:#a8bdcb}td button{font-size:12px;padding:7px 11px}td .activity-state{display:inline-block;padding:5px 9px;border-radius:99px;background:#184a41;color:#a2ecca;font-size:11px;font-weight:800}.activity-state.checked-out{background:#2d3c50;color:#d2dce7}
#toast{z-index:100;position:fixed;right:20px;bottom:20px;max-width:450px;box-shadow:0 8px 40px #0008;background:#16654f;color:#fff;font-size:13px;font-weight:700;border-radius:12px}#toast:not(:empty){padding:14px 18px}#toast.error{background:#963f4b}.alert{color:var(--danger)}.exception{padding:11px 3px;border-bottom:1px solid var(--border)}ul{padding-left:20px}.readiness{background:#162a38;border-style:dashed}footer{text-align:center;font-size:11px;padding:17px 24px 30px}
@media(min-width:1600px){.camera-wrap{height:390px}}
@media(max-width:1120px){.scan-layout{grid-template-columns:1fr}.review-panel{max-height:none;overflow:visible;position:static}.camera-wrap{height:320px}.metrics strong{font-size:25px}}
@media(max-width:850px){.two-col,.selection{grid-template-columns:1fr}.page-proof{display:none}.form-grid{grid-template-columns:1fr}.top{padding:14px 17px}.top-right{justify-content:flex-start}.tabs{padding:6px 12px}main{padding:16px 12px 45px}.camera-wrap{height:280px}.panel{padding:16px}.page-heading h2{font-size:23px}}
@media(max-width:600px){.top{flex-wrap:wrap}.capture-actions{grid-template-columns:1fr 1fr}.capture-button{grid-column:1/-1}.metrics{grid-template-columns:repeat(2,1fr)}.brand h1{font-size:16px}.page-heading{margin-top:3px}.camera-tools{align-items:stretch}.camera-picker{min-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#ocr-text { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 14rem; overflow: auto; }