:root{--navy:#112b4e;--navy-2:#18395f;--ink:#142235;--muted:#67768a;--bg:#f5f7fa;--panel:#ffffff;--line:#d6dde5;--orange:#f59e0b;--teal:#68d2c0;--soft:#eef3f7;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f4f6f9 0,#eef3f7 100%)}
header{background:linear-gradient(135deg,var(--navy),#1b416f);color:white;padding:15px max(16px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 4px 20px rgba(17,43,78,.18)}
.brand{display:flex;align-items:center;gap:14px}.brandlogo{width:64px;height:auto;display:block}.brand strong{display:block;font-size:24px}.brand small{color:#d7e6f3;display:block;font-size:12px;letter-spacing:.02em}
#userbar{display:flex;align-items:center;gap:12px}
main{max-width:1200px;margin:25px auto;padding:0 15px}footer{margin-top:30px;background:#0f2139;color:#e8eef5;padding:18px max(16px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}footer small{display:block;color:#b8c7d8}.footergrid{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:14px}
h1{font-size:28px;margin:0}h2{font-size:19px;margin:0 0 16px}h3{font-size:16px;margin:18px 0 9px}p{margin:6px 0 18px}.muted{color:var(--muted)}.heading,.line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sync{color:#266d60;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:22px 0}.stat,.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 14px rgba(20,46,80,.06)}.stat{padding:17px}.stat span{display:block;color:#607386;font-size:13px}.stat strong{display:block;font-size:30px;margin-top:3px;color:var(--navy)}
.tabs{display:flex;gap:6px;overflow-x:auto;margin:20px 0 12px;padding-bottom:5px}.tab{flex-shrink:0;border:0;background:#eaf0f6;padding:11px 18px;border-radius:10px;cursor:pointer;font-weight:700;color:#334b63}.tab.active{background:var(--navy-2);color:white}.panel{padding:23px;min-height:240px}.login{max-width:600px;margin:6vh auto;padding:30px}.loginbrand{display:flex;gap:16px;align-items:center;margin-bottom:8px}.loginlogo{width:86px;height:auto;display:block}.servicechips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 20px}.servicechips span{background:#eff5fb;color:var(--navy-2);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #d8e4ef}.contactcard{margin-top:18px;padding:14px 16px;border-radius:12px;background:#f7f9fc;border:1px solid #dce4eb}.contactcard strong{display:block;color:var(--navy)}.contactcard small{display:block;color:#637489}
label{display:block;font-weight:600;font-size:13px;margin:8px 0}input,select{display:block;width:100%;border:1px solid #bfcedb;border-radius:10px;padding:10px 12px;font:inherit;background:white}input:disabled{background:#f2f4f7;color:#65788c}button{border:0;border-radius:10px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}button.primary{background:var(--orange);color:#1e2630}button.secondary{background:#dfe8f2;color:var(--navy)}button.ghost{background:transparent;border:1px solid #c9d7e4;color:white}button:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:10px;flex-wrap:wrap}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:10px 15px}.wide{grid-column:1/-1}.inputscan{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:14px;background:white}th,td{padding:10px 12px;border-bottom:1px solid #edf1f5;text-align:left;vertical-align:top}th{background:#f7fafc;color:#475e74;position:sticky;top:0}tbody tr:hover{background:#fafcfe}.detail{padding:14px;background:#f7fafc;border:1px dashed #d2dbe4;border-radius:12px}.settings{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.userrow,.lookup-row,.print-job{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid #e5ebf2;border-radius:10px;margin:8px 0;background:#fbfcfe}.lookup-row.archived{opacity:.65}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.status-queued{background:#fff4d8;color:#845500}.status-printing{background:#d8edff;color:#0e4f88}.status-submitted{background:#dcf7ea;color:#155b36}.status-failed,.error{color:#a7252f}.status-uncertain{background:#fce7e7;color:#8a2525}.lookup-actions,.row-actions{display:flex;gap:8px;flex-wrap:wrap}.lookup-meta{font-size:12px;color:#708194}#toast{position:fixed;right:18px;bottom:18px;background:#0d2038;color:white;padding:12px 16px;border-radius:12px;box-shadow:0 10px 24px rgba(7,19,34,.25);max-width:420px;opacity:0;transform:translateY(8px);transition:.2s}#toast.show{opacity:1;transform:translateY(0)}dialog{border:0;border-radius:16px;max-width:min(640px,94vw);padding:18px;box-shadow:0 25px 50px rgba(0,0,0,.22)}video{width:100%;border-radius:12px;background:black;min-height:240px}@media (max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.settings{grid-template-columns:1fr}}@media (max-width:700px){header{align-items:flex-start;flex-direction:column}.brandlogo{width:56px}.stats,.formgrid{grid-template-columns:1fr}.panel,.login{padding:18px}.loginbrand{align-items:flex-start;flex-direction:column}.loginlogo{width:74px}footer{flex-direction:column}}