:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#102a43;background:#f3f6fb;font-size:16px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:18px 4vw;background:white;border-bottom:1px solid #d9e2ef;flex-wrap:wrap}header>span{color:#52657a;font-size:.9rem}header form{margin-left:auto;display:flex;align-items:center;gap:16px}.brand{font-size:1.5rem;color:#123253;text-decoration:none;font-weight:750}.brand strong{color:#075ee6}main{max-width:1200px;margin:32px auto;padding:0 24px}h1{font-size:1.8rem;margin:8px 0 20px}h2{font-size:1.25rem;margin:0 0 8px}p{line-height:1.6}.card{background:white;padding:28px;border:1px solid #d9e2ef;border-radius:12px}.login{max-width:480px;margin:7vh auto}.eyebrow{color:#075ee6;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin:0}.login form{display:grid;gap:18px}label{display:grid;gap:7px;font-weight:600;font-size:.9rem}input,select,button{font:inherit;border-radius:6px;min-height:44px}input,select{border:1px solid #acbdd1;padding:9px 12px;background:white;max-width:100%;width:100%;color:inherit}button{background:#075ee6;color:white;border:1px solid #075ee6;padding:10px 18px;cursor:pointer;font-weight:600}.secondary{background:white;color:#0756ca;border-color:#b7cae3}a{color:#0756ca}button:hover{filter:brightness(.95)}:focus-visible{outline:3px solid #176bdb;outline-offset:3px}.muted{color:#52657a;font-size:.875rem}.error{border-left:4px solid #bf3030;background:#fff0f0;padding:12px;color:#8c2020}.notice{background:#e4f1ff;border:1px solid #bfd8fa;border-radius:8px;padding:16px}.heading{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}.company,.search,.new-customer{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.new-customer{padding:20px 0}.new-customer label:nth-of-type(2){flex:1;min-width:220px}details{border-top:1px solid #d9e2ef;margin-top:20px;padding-top:16px}summary{cursor:pointer;color:#0756ca;font-weight:650;min-height:36px}.table-scroll{overflow:auto;margin-top:20px}table{width:100%;border-collapse:collapse;text-align:left}th{background:#eaf4ff;font-size:.9rem}th,td{padding:14px;border-bottom:1px solid #d9e2ef;overflow-wrap:anywhere}.pages{display:flex;justify-content:center;gap:24px;margin-top:20px}@media(max-width:600px){main{padding:0 12px;margin-top:20px}.card{padding:20px}.heading>*,.company,.search{width:100%}.company label,.search label{flex:1}.login{margin:28px auto}header{gap:12px}header>span{display:none}header form{gap:10px}header form span{font-size:.85rem}}