:root{font-family:Arial,"Segoe UI",sans-serif;color:#222b29;background:#f5f7f6;font-size:16px;letter-spacing:0}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid #d9e2dd;padding:16px max(16px,calc((100% - 600px)/2));min-height:76px}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-weight:700;min-width:0}.brand b{background:#176952;color:#fff;padding:10px;border-radius:6px}.brand span{overflow-wrap:anywhere}header select{width:110px;flex-shrink:0}
main{max-width:600px;margin:0 auto;padding:24px 16px 48px}h1{font-size:24px;margin:12px 0 24px}h2{font-size:18px;margin:0}label{display:grid;gap:8px;font-weight:600;margin:0 0 18px}input,select{width:100%;min-height:48px;border:1px solid #aebdb5;border-radius:6px;padding:10px;background:white;color:#222b29}input:focus,select:focus,button:focus-visible{outline:3px solid #93c7b3;outline-offset:2px}
button{border:1px solid #aebdb5;border-radius:6px;min-height:48px;padding:12px 16px;background:#fff;display:inline-flex;gap:10px;align-items:center;justify-content:center;color:inherit}.primary{background:#176952;color:white;border-color:#176952;font-weight:700}.icon{width:48px;height:48px;padding:12px;flex-shrink:0}svg{width:22px;height:22px;flex-shrink:0}.capture-actions{display:flex;gap:12px;margin:20px 0 32px}.capture-actions .primary{flex:1;min-height:64px}.capture-actions .icon{height:64px;width:64px}.identity,.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.identity{padding-bottom:24px}.identity div{min-width:0;overflow-wrap:anywhere}.identity small{display:block;font-size:12px;color:#62736a;margin-top:6px;direction:ltr}.company-label{margin-bottom:4px}.muted{color:#62736a;font-size:14px;margin:8px 0;overflow-wrap:anywhere}.notice{background:#fff3d3;color:#61481c;border-inline-start:4px solid #bc8618;padding:12px;line-height:1.5;overflow-wrap:anywhere}.error{background:#fff0ed;color:#9a3022;border-color:#b74130}#signIn{width:100%}#queueSummary{color:#62736a;font-size:14px}ul{list-style:none;margin:0;padding:0}li{display:flex;align-items:center;gap:12px;border-bottom:1px solid #d9e2dd;padding:16px 0}li .details{flex:1;min-width:0}li strong,li small{display:block;overflow-wrap:anywhere}li strong{font-size:15px}li small{font-size:12px;color:#62736a;margin-top:5px;line-height:1.5}li .status{font-size:13px;color:#176952;margin-top:8px}li[data-state=error] .status{color:#9a3022}li[data-state=queued] .status,li[data-state=sending] .status{color:#855c0c}.thumb{width:56px;height:72px;object-fit:contain;background:#fff;border:1px solid #d9e2dd;border-radius:4px;flex-shrink:0}.receipt-icon{width:56px;height:72px;background:#e8eeeb;display:grid;place-items:center;flex-shrink:0;border-radius:4px}
@media(max-width:360px){header{padding:12px}.brand{gap:8px}.brand span{font-size:14px}main{padding-inline:12px}}
#employeeId{direction:inherit}#employeeId bdi{direction:ltr;unicode-bidi:isolate;display:block;margin-top:4px}
.photo-button{padding:0;border:0;background:transparent;flex-shrink:0}
.capture-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-bottom:16px;color:#176952;text-decoration:none}
.capture-back:focus-visible{outline:2px solid #3f9378;outline-offset:2px}
#photoPreview{width:740px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);border:1px solid #aebdb5;border-radius:8px;padding:16px;color:inherit}
#photoPreview::backdrop{background:#13271f66}
#photoPreview h2{font-size:18px;margin:0}
#previewStatus{font-size:14px;overflow-wrap:anywhere}
#previewImage{display:block;width:100%;height:65dvh;object-fit:contain;background:#edf2ef}
#photoPreview:has(#captureReviewActions:not([hidden])) #previewImage{height:50dvh}
#captureReviewActions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
#captureReviewActions .primary{flex:1}
#uploadHistory summary{padding:16px 0;cursor:pointer;font-weight:600;border-bottom:1px solid #d9e2dd}
.capture-dashboard{padding:20px 0;border-top:1px solid #d9e2dd;border-bottom:1px solid #d9e2dd;margin-bottom:14px}.capture-dashboard h2{font-size:16px;margin:0 0 12px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.dashboard-grid button{width:100%}.latest-upload{grid-row:span 1;justify-content:flex-start;text-align:start;padding:8px;min-width:0}.latest-upload img{width:48px;height:62px;object-fit:contain;background:#fff;border:1px solid #d9e2dd;border-radius:4px;flex-shrink:0}.latest-upload>span{min-width:0}.latest-upload small,.latest-upload strong{display:block;overflow-wrap:anywhere}.latest-upload small{font-size:11px;color:#62736a}.latest-upload strong{font-size:13px;margin:3px 0}.dashboard-stat{display:flex;flex-direction:column;gap:4px;padding:8px;min-width:0;text-align:center}.dashboard-stat strong{font-size:22px;font-variant-numeric:tabular-nums}.dashboard-stat span{font-size:11px;line-height:1.25;overflow-wrap:anywhere}.dashboard-stat[aria-pressed=true]{background:#e1eee8;border-color:#176952}.receipt-delete{margin-inline-start:auto}.danger{color:#9a3022;border-color:#d9aaa3}.preview-actions{display:flex;gap:8px}
@media(max-width:480px){.dashboard-grid{grid-template-columns:1fr 1fr}.latest-upload{grid-column:1/-1}.dashboard-stat{min-height:70px}}