:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#19243c;background:#f4f6fb;font-size:14px;--ink:#19243c;--muted:#79859b;--accent:#5754e8;--line:#e6eaf2;--white:#fff}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button,.button{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;transition:background .15s}button:hover,.button:hover{background:#f0f1fc}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:#4440c9}.quiet{background:transparent;border-color:transparent;color:#66748b}.danger{color:#b54761}.small{padding:8px 12px;font-size:12px}.small-text,small{font-size:12px}.muted{color:var(--muted);line-height:1.65}.error{color:#b54761}.eyebrow,.tag{font-size:10px;letter-spacing:1.5px;font-weight:750}.eyebrow{color:#8c97ae}.tag{color:var(--accent)}h1,h2,h3,p{margin-top:0}h2{font-size:20px;letter-spacing:-.4px;margin-bottom:12px}h3{font-size:16px}a{color:var(--accent)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #dfe4ee;background:#fff;border-radius:8px;color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid #e8e7ff}label{display:block;font-size:12px;font-weight:650;margin:15px 0}label>input,label>select,label>textarea{margin-top:8px}textarea{resize:vertical}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);margin:0;flex-shrink:0}.check{display:flex;align-items:center;gap:10px;font-size:13px;margin:0;line-height:1.5}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--accent);font-size:27px;font-weight:750;color:white}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{padding:70px 12%;background:#17213a;color:white;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story .eyebrow{color:#b3b2fb}.login-story h1{font-size:clamp(42px,4.5vw,72px);line-height:1.12;letter-spacing:-3px;margin:100px 0 25px}.login-story h1 span{color:#a7a2ff}.login-story p{font-size:18px;line-height:1.8;color:#b9c1d5}.login-story small{margin-top:auto;color:#909bb4;padding-top:100px}.story-mark{position:absolute;right:-20px;bottom:65px;font-size:240px;color:#6873b41f;transform:rotate(-10deg)}.login-side{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:365px}.login-card h2{font-size:29px;margin:30px 0 12px}.login-card>button{width:100%;margin:16px 0}.login-card>small{display:block;text-align:center;color:var(--muted);margin-top:20px}.login-card .primary span{margin-left:auto}#workspace{display:flex;min-height:100vh}aside{width:245px;position:fixed;inset:0 auto 0 0;padding:32px 20px;background:#17213a;color:#c2cade;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-size:18px;font-weight:750;padding:4px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:550;color:#9eacc7;margin-top:5px}.nav-label{font-size:9px;color:#7887a7;letter-spacing:1.3px;margin:48px 13px 17px}nav{display:grid;gap:7px}nav button{width:100%;justify-content:flex-start;gap:12px;background:transparent;color:#a9b4ce;border:0;padding:13px;font-size:16px}nav button span{font-size:13px}nav button:hover{background:#232f4c}nav button.active{background:#5754e8;color:#fff}nav b{font-size:10px;background:#ffffff24;border-radius:5px;padding:3px 5px;margin-left:auto}.aside-bottom{font-size:10px;margin:auto 9px 4px;color:#a1afc8;line-height:2}.aside-bottom small{display:block;font-size:10px;color:#70809f}.live-dot,.dot{display:inline-block;background:#61c598;width:7px;height:7px;border-radius:50%;margin-right:4px}main{margin-left:245px;width:calc(100% - 245px);padding:33px 42px 0;max-width:1900px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}header h1{font-size:30px;margin:8px 0 0;letter-spacing:-1px}.profile{display:flex;align-items:center;gap:8px;font-size:12px}.profile>span{font-weight:650;margin-right:10px}.connection-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 25px}.connection-strip>div{display:flex;align-items:center;gap:12px}.connection{font-size:11px;color:#8490a6}.connection.online{color:#258060}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 22px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px}.metrics article>span{font-size:12px;color:#78869d}.metrics strong{display:block;font-size:37px;letter-spacing:-1px;margin:16px 0 10px}.metrics small{color:#9aa4b7;font-size:10px}.metrics .accent-metric{background:#edeefd;border-color:#e1e1fc}.metrics .accent-metric strong{color:var(--accent)}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:25px;margin-bottom:22px}.overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.overview-grid h2{margin-top:15px}.overview-grid .card{min-height:285px}.overview-grid .card>p{max-width:500px}progress{width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;appearance:none;margin:16px 0 2px}progress::-webkit-progress-bar{background:#eef0f7}progress::-webkit-progress-value{background:var(--accent);border-radius:10px}.checklist>div{display:flex;align-items:center;gap:16px;padding-top:17px}.checklist b{color:#9592e9;font-size:13px;background:#f1f0fe;width:36px;height:36px;display:grid;place-items:center;border-radius:9px}.checklist p{margin:0;font-size:13px;font-weight:650}.checklist small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.section-heading h2,.section-heading h3{margin:0}.section-heading p{margin:8px 0 0}.two-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}details{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}summary{cursor:pointer;color:#66748b;font-size:12px}.sku-list{max-height:250px;overflow:auto;line-height:1.8;white-space:pre-wrap;font:12px 'Cascadia Code',Consolas,monospace;color:#69768c}.filter-row{display:flex;gap:12px;margin:25px 0 18px}.filter-row input{flex:1;min-width:160px}.filter-row select{width:230px}.selection-row{display:flex;align-items:center;gap:15px;padding:12px 0 18px;font-size:12px}.legend{margin-left:auto;font-size:11px;color:#8793a7;display:flex;align-items:center;gap:7px}.dot.green{background:#59b987}.dot.yellow{background:#e9b656}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;white-space:nowrap}th{font-size:10px;letter-spacing:.3px;font-weight:650;color:#8894a8;background:#f8f9fc;padding:16px}td{padding:17px 16px;border-top:1px solid #edf0f5}td a{text-decoration:none}td.seller-name{font-weight:650;white-space:normal;min-width:170px;max-width:340px;word-break:break-word}.select-col{width:40px}tr.row-green td{background:#edf9f2}tr.row-yellow td{background:#fff9e9}tr.excluded td{opacity:.5}.status-pill{padding:5px 8px;border-radius:5px;font-size:10px;color:#8490a5;background:#eef1f8}.row-green .status-pill{background:#daf1e4;color:#28714d}.row-yellow .status-pill{background:#ffedbd;color:#8e6a1d}.pagination{display:flex;justify-content:space-between;align-items:center;margin:17px 0;font-size:12px}.sticky-actions{display:flex;gap:10px;flex-wrap:wrap;position:sticky;bottom:0;background:white;padding:16px 0 0;border-top:1px solid var(--line)}.pill{border-radius:6px;padding:8px 10px;background:#f1f0fe;color:var(--accent);font-size:11px;white-space:nowrap}.rights{margin:24px 0}.plan-actions{position:sticky;top:0;z-index:2;background:#fff;padding:12px 0;border-bottom:1px solid var(--line);margin:0 0 15px}.plan-preview{background:#f8f9fd;border:1px solid var(--line);border-radius:9px;padding:22px;font:12px/1.9 'Cascadia Code',Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:650px;overflow:auto;min-height:180px}.step-box{background:#f0efff;border:1px solid #d7d5fb;border-radius:13px;padding:25px;margin:0 0 25px}.step-heading{display:flex;justify-content:space-between;margin-bottom:15px;color:#8e89bd;font-size:11px}.step-box h2{font-size:21px}.step-box dl{margin:15px 0;display:grid;grid-template-columns:100px 1fr;font-size:12px;gap:9px}.step-box dt{color:#7b78a1}.step-box dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.step-box p{font-size:12px;line-height:1.7;color:#716c9d}.notice{border:1px solid #dedff3;background:#f0f1fd;border-radius:9px;padding:15px 18px;color:#6867a6;font-size:12px;line-height:1.7;margin-bottom:22px}.job-row,.user-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.job-row:last-child,.user-row:last-child{border:0}.job-row small,.user-row small{display:block;font-size:10px;color:#8b96aa;margin-top:6px}.job-row button{font-size:11px}.live-log pre{font:11px/1.9 'Cascadia Code',Consolas,monospace;color:#758198;max-height:230px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.help{max-width:900px}.help li{padding:9px 0;line-height:1.8}.help h3{margin-top:28px}.help p{line-height:1.8;color:#6c7890}.help code{background:#eef0f6;padding:2px 5px;border-radius:4px}footer{display:flex;justify-content:space-between;color:#a3adbf;font-size:10px;padding:4px 0 25px}dialog{border:1px solid var(--line);border-radius:15px;padding:32px;width:min(500px,92vw);box-shadow:0 25px 100px #17213a30;color:var(--ink)}dialog::backdrop{background:#10182c70;backdrop-filter:blur(4px)}dialog h2{margin-top:15px}.dialog-close{position:absolute;right:12px;top:10px;border:0;padding:4px 10px;font-size:24px;font-weight:400}dialog textarea{margin:12px 0 18px}#toast{position:fixed;right:28px;top:22px;z-index:1000;background:#1c2944;color:white;border-radius:10px;padding:16px 22px;max-width:560px;box-shadow:0 8px 30px #19243c30;font-size:13px;line-height:1.6}#toast.error{background:#a73851}.empty{padding:40px 10px;text-align:center;color:#9aa4b7;font-size:13px}[hidden]{display:none!important}
@media(min-width:1600px){main{padding:40px 60px 0}.metrics article{padding:28px}.card{padding:30px}}
@media(max-width:1150px){aside{width:210px;padding:25px 14px}.brand{font-size:16px}main{margin-left:210px;width:calc(100% - 210px);padding:25px 24px 0}.metrics{grid-template-columns:1fr 1fr}.two-columns,.overview-grid{grid-template-columns:1fr}.connection-strip{align-items:flex-start}.connection-strip>div{flex-wrap:wrap}.legend{display:none}.section-heading{flex-wrap:wrap}}
@media(max-width:750px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-side{min-height:100vh;padding:25px}.login-card{max-width:100%}aside{position:static;width:100%;padding:15px;display:block}.nav-label,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:15px;gap:7px}nav button{width:auto;min-width:max-content;padding:10px;font-size:12px}nav b{display:none}#workspace{display:block}.brand{font-size:18px}main{margin:0;width:100%;padding:24px 15px 0}header{align-items:flex-start}header h1{font-size:25px}.profile{flex-wrap:wrap;justify-content:flex-end;font-size:11px}.profile>span{width:100%;text-align:right}.profile button{font-size:10px;padding:5px}.connection-strip{flex-wrap:wrap;gap:15px}.connection-strip>div{gap:8px}.metrics{gap:10px}.metrics article{padding:17px}.metrics strong{font-size:30px}.metrics small{line-height:1.6;display:block}.card{padding:20px}.filter-row{flex-wrap:wrap}.filter-row select{width:100%}.selection-row{flex-wrap:wrap}.step-box{padding:20px}.step-box dl{grid-template-columns:1fr}.step-box dd{margin-bottom:8px}.pill{white-space:normal}.job-row,.user-row{flex-wrap:wrap}footer span{display:none}.plan-actions button{width:100%}.form-grid{gap:0 12px}}
