:root{font-family:Arial,Helvetica,sans-serif;color:#20334b;background:#f3f5f8;font-synthesis:none;line-height:1.5;--navy:#17365d;--muted:#627186;--border:#dbe2eb}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}[hidden]{display:none!important}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3175bf;outline-offset:3px}.topbar{min-height:94px;padding:20px max(24px,calc((100vw - 1180px)/2));background:var(--navy);color:white;display:flex;justify-content:space-between;gap:24px;align-items:center}.brand{font-weight:900;font-size:28px;letter-spacing:1.5px;text-decoration:none;line-height:1.1}.brand span{display:block;font-size:10px;letter-spacing:2.7px;font-weight:400;margin-top:8px;color:#c7d6e9}.account{display:flex;align-items:center;gap:18px;font-size:13px;overflow-wrap:anywhere}.account .button{color:white;border-color:#6d839e;background:transparent}.account .button:hover{background:#244872}main{max-width:1180px;margin:38px auto 64px;padding:0 24px}h1{font-size:32px;letter-spacing:-.8px;margin:8px 0}h2{font-size:22px;margin:5px 0}p{margin:6px 0 16px}.muted{color:var(--muted)}.small,small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#667a93}.page-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-heading{margin-bottom:26px}.page-heading p{margin:0}.badge{color:#276047;background:#e7f1ec;border:1px solid #c9e2d5;border-radius:20px;font-size:11px;padding:7px 12px;white-space:nowrap}.panel{background:white;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 14px #17365d04;padding:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{border:1px solid var(--border);border-radius:10px;background:white;padding:23px}.stat>span{display:block;color:#52657e;font-size:13px}.stat strong{display:block;font-size:34px;line-height:1.25;margin:10px 0}.stat small{color:var(--muted)}.sync-note{display:flex;gap:14px;padding:20px;background:#edf2f9;border:1px solid #d9e3f0;border-radius:9px;margin:22px 0 28px;font-size:13px}.sync-note strong{font-size:13px}.sync-note p{margin:4px 0 0;color:#596c84}.sync-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#b87c29;margin-top:7px}.section-heading{margin-bottom:24px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}label>span:not(.optional){color:#9e3030}.optional{font-size:11px;font-weight:400;color:var(--muted);margin-left:6px}input,select{display:block;width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:6px;padding:11px 12px;color:#20334b;background:white;font-size:13px;min-height:43px}input::placeholder{color:#8290a1}select:disabled{background:#f3f5f7;color:#64748b;opacity:1}small{display:block;color:var(--muted);margin-top:6px}.button{display:inline-flex;gap:20px;justify-content:center;align-items:center;border:1px solid var(--navy);border-radius:6px;padding:10px 18px;background:var(--navy);color:white;font-size:13px;font-weight:600;min-height:42px}.button:hover{background:#254d7d}.secondary{background:white;color:var(--navy);border-color:#cbd5e1}.secondary:hover{background:#eef2f7}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e8edf3;padding-top:22px;margin-top:26px}.catalogue{margin-top:26px}.search{margin-bottom:22px;max-width:610px}.search>div{display:flex;gap:10px}.search input{flex:1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{background:#f7f9fc;color:#63768e;font-size:11px;letter-spacing:.4px;font-weight:600;white-space:nowrap}th,td{padding:14px 16px;border-bottom:1px solid #e8edf3}td{overflow-wrap:anywhere;max-width:340px}td:first-child{font-weight:600;color:var(--navy)}td:last-child{white-space:nowrap;color:var(--muted)}.pagination{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:20px}.pagination>div{display:flex;gap:8px}.empty{text-align:center;padding:36px 20px;color:#52657e}.empty p{font-size:13px;margin:8px 0 0}.notice{font-size:13px;background:#edf2f9;border:1px solid #d9e3f0;padding:12px 16px;border-radius:6px;margin-top:18px;overflow-wrap:anywhere}.notice.error{color:#8c2323;background:#fff2f0;border-color:#efc8c2}.notice.success{color:#225c41;background:#edf7f1;border-color:#c5dfcf}.access{max-width:660px;margin:70px auto;padding:40px}.access p{max-width:500px}.access .button{margin:10px 8px 0 0}footer{max-width:1180px;margin:0 auto 24px;padding:0 24px;color:#687b92;font-size:11px;font-weight:700;letter-spacing:1px}footer span{font-weight:400;margin-left:12px;letter-spacing:0}.skip-link{position:absolute;top:-80px;left:20px;background:white;padding:12px;z-index:10}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.account{flex-wrap:wrap;justify-content:flex-end;gap:8px}h1{font-size:28px}}@media(max-width:560px){.topbar{padding:20px;gap:14px;align-items:flex-start}.brand{font-size:23px}.brand span{font-size:8px}.account{font-size:11px;max-width:190px}.account .button{min-height:34px;padding:6px 12px}main{padding:0 16px;margin-top:26px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.stats{grid-template-columns:1fr;gap:10px}.stat{padding:16px 20px;display:grid;grid-template-columns:1fr auto;align-items:center}.stat strong{grid-column:2;grid-row:1/3;margin:0;font-size:28px}.stat small{grid-column:1;margin:3px 0 0}.panel{padding:20px}.fields{grid-template-columns:1fr;gap:20px}.form-footer{align-items:stretch;flex-direction:column}.section-heading{gap:12px}.section-heading .small{max-width:80px;text-align:right}.search>div{flex-wrap:wrap}.search input{flex-basis:100%}.pagination{align-items:flex-start;flex-direction:column}.access{margin-top:30px;padding:28px}.sync-note{padding:16px}h2{font-size:20px}}

.sync-note{align-items:center;justify-content:space-between}.sync-content{flex:1;min-width:0}.sync-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}#syncMessage{margin:-12px 0 26px}@media(max-width:800px){.sync-note{align-items:stretch;flex-direction:column}.sync-actions .button{flex:1}}

.lookup-line{display:flex;gap:8px}.lookup-line input{flex:1;min-width:0}.lookup-line .button{white-space:nowrap;padding:8px 12px}input[readonly]{background:#f5f7fa;color:#52657e}#vendorLookupMessage{grid-column:1/-1;margin:0}#vendorSyncMessage{margin:-12px 0 26px}@media(max-width:560px){.lookup-line{flex-wrap:wrap}.lookup-line input{flex-basis:100%}}