:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#172b45;background:#f5f7fa;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}
.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(145deg,#edf4fa,#f8fbfd)}
.login,.scope{width:min(440px,100%);padding:38px;background:white;border:1px solid #dae3ed;border-radius:12px;box-shadow:0 15px 60px #20374c12}
.scope{width:min(720px,100%);text-align:center}.scope .logo{margin:auto}.login h1,.scope h1{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:12px 0}
.login p:not(.eyebrow),.scope p:not(.eyebrow){font-size:14px;color:#586f86;line-height:1.5}
.logo{width:62px;height:56px;display:grid;place-items:center;color:white;background:#194367;border-radius:9px;font-size:27px;font-weight:900;letter-spacing:-.04em}
.eyebrow{font-size:11px;color:#647a90;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.login form{display:grid;gap:16px;margin:24px 0 18px}.login form label{display:grid;gap:7px;font-size:12px;color:#32465d;font-weight:800}
.login input,#tools input{width:100%;padding:11px 12px;border:1px solid #b9c9d9;border-radius:6px;min-height:42px;color:#22384c;background:white}
button.solid{background:#194367;color:#fff;border:1px solid #194367;border-radius:6px;padding:12px 18px;font-weight:700}
button.outline{background:white;color:#194367;border:1px solid #aac0d0;border-radius:6px;padding:10px 15px;font-weight:700}
.login small{display:block;color:#78889b;font-size:12px;line-height:1.5}
.status{margin:14px 0;border-left:4px solid #326a9b;background:#e9f1f8;color:#214764;padding:12px;font-size:13px}
.status.error{border-left-color:#a02d34;background:#fff0f1;color:#8f252d}
.scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0}
.scope-button{min-height:80px;text-align:left;padding:16px;color:#194367;background:#f9fbfd;border:1px solid #c6d4e2;border-radius:8px;font-weight:700}
.scope-button:hover{background:#eaf2fa;border-color:#194367}
header{display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,4vw,54px);background:white;border-bottom:1px solid #dfe8f1;gap:14px}
.head-brand{display:flex;align-items:center;gap:15px}.head-brand span{font-weight:800;font-size:18px}.head-brand small{display:block;font-size:10px;color:#71839a;letter-spacing:.1em;margin-top:4px}
.brand{font-size:26px;color:#194367;font-weight:900}.head-actions{display:flex;gap:8px}
.head-actions button,#tools button,.pager button{background:white;color:#194367;border:1px solid #becddd;border-radius:5px;padding:9px 12px;font-weight:700;font-size:12px}
nav{display:flex;gap:2px;overflow:auto;padding:0 clamp(18px,4vw,54px);background:white;border-bottom:1px solid #dbe6f0}
nav button{padding:14px 12px;background:transparent;border:0;border-bottom:3px solid transparent;color:#5f7184;white-space:nowrap;font-weight:700;font-size:13px}
nav button.active{border-bottom-color:#194367;color:#143e65}
.content{max-width:1600px;margin:auto;padding:28px clamp(18px,4vw,54px) 64px;min-height:65vh}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
.page-heading h1{font-size:27px;line-height:1.1;letter-spacing:-.04em;margin:6px 0}
#tools{display:flex;gap:10px;align-items:center}#tools input{width:min(310px,60vw)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}
.metric,.card{background:white;border:1px solid #dce6ef;border-radius:9px;box-shadow:0 2px 3px #163b5d05}
.metric{padding:20px;min-height:112px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.metric span{font-size:12px;color:#667a8e;font-weight:700}.metric strong{font-size:clamp(18px,2.1vw,29px);letter-spacing:-.04em}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{padding:20px;margin-bottom:18px;min-width:0}.card h2{font-size:17px;letter-spacing:-.015em;margin:0 0 15px}
.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}
th{background:#f3f6f9;color:#5b7084;font-size:11px;letter-spacing:.025em;text-transform:uppercase}
th,td{padding:10px 12px;vertical-align:top;border-bottom:1px solid #edf1f5;white-space:nowrap}
td:nth-child(2){white-space:normal;min-width:100px;max-width:350px}
tbody tr:last-child td{border-bottom:none}.muted{color:#74869b;font-size:12px;line-height:1.6}
.row-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pager{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding-top:18px;font-size:12px;color:#566b7f}
.pager button:disabled{opacity:.4;cursor:not-allowed}
.sku-link{border:0;background:transparent;color:#2b629d;text-decoration:underline;font-size:12px;cursor:pointer;padding:0}
footer{padding:25px;text-align:center;color:#8190a3;font-size:12px}
@media(max-width:1000px){.two-col{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){header,.page-heading{flex-direction:column;align-items:flex-start}.head-actions{flex-wrap:wrap}.scope-grid{grid-template-columns:1fr}.login,.scope{padding:26px}.metrics{gap:9px}.metric{padding:15px;min-height:95px}.card{padding:12px}.page-heading h1{font-size:23px}#tools{width:100%}#tools input{width:100%}nav button{padding:12px 10px;font-size:12px}}