:root{font-family:"Segoe UI","Microsoft JhengHei",sans-serif;color:#18302f;background:#f3f6f4;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dde6e0;padding:23px 5vw;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center}.brand strong{font-size:18px}.brand small{display:block;color:#75847d;font-size:12px;margin-top:4px}.mark{display:grid;place-items:center;background:#195c4d;color:white;width:42px;height:42px;border-radius:11px;font-weight:700}.account{font-size:12px;color:#557266;display:flex;gap:20px}.account a{color:#195c4d}main{max-width:1500px;margin:42px auto;padding:0 5vw}.panel{background:#fff;border:1px solid #dce5df;border-radius:14px}.eyebrow{font-size:12px;color:#23725e;letter-spacing:.12em;font-weight:700;margin:0 0 14px}h1{font-size:30px;line-height:1.4;margin:0 0 12px;letter-spacing:-.02em}h2{font-size:17px;margin:0 0 5px}.muted{color:#6a7d73;line-height:1.8}input,select{border:1px solid #cbd8cf;border-radius:7px;padding:11px 12px;font:inherit;min-width:0;background:white;color:#18302f}button{border:1px solid #195c4d;border-radius:7px;background:#195c4d;color:white;padding:10px 16px;font:inherit;font-size:13px;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#fff;color:#275a48;border-color:#cbd8cf}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #89c8ae;outline-offset:2px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stats .panel{padding:24px}.stats span{font-size:13px;color:#667c70}.stats strong{display:block;font-size:37px;font-weight:600;margin-top:12px}.amber{color:#ac7136}.records{overflow:hidden}.toolbar{padding:24px;display:flex;gap:16px;align-items:center;justify-content:space-between}.actions{display:flex;gap:8px;align-items:center}.actions input{width:210px;font-size:13px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:13px}th{background:#f7f9f7;font-weight:500;color:#6b7f73;padding:14px 19px;border-block:1px solid #e7ede8}td{padding:19px;border-bottom:1px solid #edf1ee}.numeric{text-align:right;font-variant-numeric:tabular-nums}td strong{display:block;font-size:14px}td small{display:block;color:#7c8d82;margin-top:5px}.badge{display:inline-block;background:#e9f4ed;color:#287254;padding:5px 9px;border-radius:5px;font-size:12px}.badge.stale{background:#fbf0df;color:#976329}.empty{padding:45px 20px;text-align:center;color:#79897f}.footnote{font-size:12px;color:#7c8d82;padding:0 24px 18px;line-height:1.8}.notice{color:#a14427;line-height:1.7}.tabs{display:flex;gap:22px;margin:15px 0}.tabs button{background:none;color:#718379;border:0;border-radius:0;padding:12px 0}.tabs .selected{border-bottom:2px solid #195c4d;color:#195c4d;font-weight:bold}.overlay{position:fixed;inset:0;background:#183e3470;display:flex;align-items:center;justify-content:center;padding:25px;z-index:10}.modal{width:min(1050px,96vw);max-height:90vh;overflow:auto}.modal form{padding:0 24px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px}.check{display:flex;align-items:center;gap:10px;margin:20px 0;font-size:13px}.modal small{color:#73847b}.modal .footnote{padding:0}.access{max-width:700px;margin:100px auto}footer{text-align:center;font-size:12px;color:#8a9a90;margin:55px 0 25px}@media(max-width:950px){.toolbar,.heading{align-items:flex-start;flex-direction:column}.actions{flex-wrap:wrap}.stats{gap:8px}.stats .panel{padding:16px}.stats strong{font-size:29px}h1{font-size:25px}.account span{display:none}main{padding:0 4vw}}@media(max-width:550px){.form-grid{grid-template-columns:1fr}.stats span{font-size:11px}}

.brand-logo{width:76px;height:54px;object-fit:contain}.brand{gap:16px}

.toners{display:grid;grid-template-columns:repeat(4,40px);gap:5px}.toner{font-size:11px;text-align:center;border-top:4px solid;border-radius:3px;padding:5px 2px;background:#f3f6f4}.toner.black{border-color:#333}.toner.cyan{border-color:#00a5ca}.toner.magenta{border-color:#d94283}.toner.yellow{border-color:#eabf15}

.approvals{padding:22px;margin:25px 0}.approval{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #e7ede8}.approval small{display:block;color:#6a7d73;margin-top:8px}.mobile-devices{display:none}.device-card{padding:20px;border-top:1px solid #e7ede8}.device-identity{font-size:13px;line-height:1.8;color:#63786c;margin:12px 0}.device-identity b{color:#18302f}.device-identity small{display:block}.card-counts{display:grid;grid-template-columns:1fr 1fr;margin:15px 0}.card-counts small{display:block;color:#6a7d73}.card-counts b{display:block;font-size:25px;margin:5px 0}.received{display:block;color:#7c8d82;margin:15px 0}.device-card .toners{grid-template-columns:repeat(4,1fr)}@media(max-width:700px){.mobile-devices{display:block}.desktop-devices{display:none}.approval{align-items:flex-start;flex-direction:column}.stats .panel{padding:12px}.brand-logo{width:54px;height:48px}.brand strong{font-size:16px}.brand{gap:9px}header{padding:16px 4vw}}

.date-filters{padding:20px 24px;display:flex;flex-direction:column;gap:15px;margin:20px 0}.date-filters small{display:block;font-size:12px;color:#6a7d73;margin-top:5px}.date-actions{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.date-actions label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#63786c}.date-actions input{padding:9px 11px;font-size:13px}@media(max-width:700px){.date-actions{display:grid;grid-template-columns:1fr 1fr}.date-actions input{width:100%}.date-filters{padding:17px}.date-actions button{width:100%}}

.pwa-button{background:none;color:#195c4d;border:0;padding:0;font-size:12px}.account{align-items:center}@media(max-width:550px){.pwa-button{max-width:65px;line-height:1.6}}

.danger{background:white;border-color:#dcb7ac;color:#9b472b}.tabs{flex-wrap:wrap;gap:15px}
.brand-logo{width:72px;height:72px;object-fit:contain;border-radius:15px}.service-card{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;padding:28px 32px;border:1px solid #c6ddd0;border-radius:20px;background:linear-gradient(125deg,#e4f2e9,#eef4e7 65%,#e0edf2)}.service-label{display:inline-block;color:#195c4d;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:12px}.service-card h2{font-size:22px;color:#195c4d}.service-card p{font-size:13px;color:#637b6c;margin:10px 0 18px}.service-phone{display:block;width:fit-content;font-size:25px;line-height:1.6;font-weight:700;letter-spacing:.02em;color:#183e34;text-decoration:none}.service-phone:hover{text-decoration:underline}.service-line{display:block;margin-top:12px;font-size:13px;color:#195c4d}.service-card figure{margin:0;padding:10px;background:white;border-radius:12px;text-align:center;flex-shrink:0}.service-card figure img{display:block;image-rendering:pixelated}.service-card figcaption{color:#195c4d;font-size:12px;margin-top:4px}@media(max-width:700px){header{flex-wrap:wrap;gap:16px}.account{width:100%;flex-wrap:wrap;gap:10px;align-items:center}.brand .brand-logo{width:64px;height:64px}.service-card{padding:22px;gap:22px;align-items:flex-start;flex-direction:column}.service-card figure{align-self:center}.service-card h2{font-size:21px}.tabs{gap:14px;flex-wrap:wrap}.date-actions{min-width:0}.service-copy{width:100%}}

.category-filter{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0}.category-filter label{font-weight:600}.category-filter small{color:#667c70}.category-filter select{margin-left:8px}.category-badge{display:block;width:fit-content;margin:7px 0;background:#e7f1eb;color:#195c4d;padding:4px 8px;border-radius:5px;font-size:12px}.category-modal{max-width:480px;padding:25px}.category-modal label{display:flex;flex-direction:column;gap:10px}.client-download{font-size:13px;color:#195c4d;font-weight:600}
.issues{display:flex;flex-wrap:wrap;gap:6px;max-width:360px;white-space:normal}.issue{font-size:12px;padding:4px 8px;border-radius:5px}.issue.critical{background:#fbe4dd;color:#a1391c;font-weight:600}.issue.warning{background:#fbf0df;color:#976329}.trays small{display:block;margin:2px 0;color:#5f7268}.trays .empty-tray{color:#a1391c;font-weight:600}.toolbar .check{margin:0}