:root{--ink:#172c37;--muted:#71818c;--line:#e4e9e8;--green:#117b65;--mint:#e5f3ed;--bg:#f5f7f6;--nav:#142c36;--red:#b75a4c;--amber:#ac7828}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'DM Sans',sans-serif;color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}aside{width:230px;background:var(--nav);color:#c7d4d7;position:fixed;height:100vh;padding:32px 20px;display:flex;flex-direction:column}.brand{font:800 26px Manrope,sans-serif;color:white;letter-spacing:-1px;display:flex;align-items:center;gap:8px}.brandmark{border:1px solid #5e8a89;background:#28504f;padding:1px 9px;border-radius:10px;color:#d2f4c7}.dot{font-size:9px;color:#b6d99c;align-self:flex-start;margin-top:10px}.workspace{display:flex;gap:10px;align-items:center;margin:37px 0 30px;padding:15px 9px;border:1px solid #38505a;border-radius:9px;color:white}.avatar{height:33px;width:33px;display:grid;place-items:center;background:#455e62;border-radius:7px;font-weight:bold}.workspace small{display:block;color:#94aeb5;font-size:10px;margin-top:4px}.tiny{margin-left:auto}.navlabel{font-size:10px;letter-spacing:1.8px;color:#78939e;margin:0 14px 14px}nav button{width:100%;display:flex;align-items:center;gap:13px;padding:12px 14px;border:0;border-radius:6px;background:transparent;color:#abc1c8;margin:3px 0;text-align:left}nav button.active{background:#2e4a50;color:#d1edbd}nav button:hover{background:#28444d}nav i{font-style:normal;width:20px;font-size:18px}nav .count{margin-left:auto;background:#49635d;color:#d5edbc;border-radius:4px;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto;font-size:11px;line-height:1.8;color:#a9c0c6}.status-dot{display:inline-block;width:6px;height:6px;background:#b4d794;border-radius:50%;margin-right:7px}.sidebar-bottom p{color:#708e99;font-size:10px}.powered{border-top:1px solid #334c56;margin-top:22px;padding-top:20px;font-size:10px;letter-spacing:2px}.powered span{float:right}.shell{margin-left:230px}header{height:76px;background:white;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:23px}.private{color:#5a716b;font-size:11px}.button{background:white;border:1px solid #d9e1de;border-radius:6px;padding:10px 15px;color:var(--ink);font-size:12px;font-weight:600}.button:hover{background:#eef4f0}.button.primary{background:var(--green);border-color:var(--green);color:white}.button.primary:hover{background:#09624f}.button.dark{background:var(--nav);color:white;border-color:var(--nav)}.button.small{padding:7px 10px;font-size:11px}.button:disabled{opacity:.45;cursor:default}main{padding:32px 38px;max-width:1600px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--green);font-weight:700}.titleline{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}h1{font:700 29px Manrope,sans-serif;letter-spacing:-1.1px;margin:9px 0 7px}h2{font:700 17px Manrope,sans-serif;margin:0 0 7px;letter-spacing:-.3px}h3{font-size:14px;margin:0 0 9px}p{line-height:1.65}.sub{color:var(--muted);font-size:12px;margin:0}.datechip{border:1px solid #dce3e0;padding:10px 13px;border-radius:6px;font-size:11px;background:white;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:9px;padding:20px;position:relative}.metric label{font-size:11px;color:var(--muted)}.metric strong{font:700 28px Manrope,sans-serif;display:block;margin:12px 0 8px;letter-spacing:-1px}.metric small{font-size:10px;color:var(--muted)}.metric .symbol{position:absolute;right:19px;top:20px;color:#7d9b8d;font-size:16px}.metric.emphasis{background:#ecf5ef;border-color:#d2e4d7}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panelhead{padding:22px 22px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panelbody{padding:0 22px 22px}.linkbutton{border:0;background:none;color:var(--green);font-size:11px;font-weight:600;padding:5px 0}.chart-row{display:grid;grid-template-columns:135px 1fr 60px;align-items:center;gap:15px;margin:19px 0;font-size:11px}.bartrack{background:#f0f3f1;border-radius:3px;height:23px;position:relative}.bar{height:100%;background:#74a68f;border-radius:3px}.bar.bad{background:#cda68a}.chart-row strong{text-align:right;font-size:12px}.chart-note{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.insight{background:#f4f7ed;border:1px solid #e2e8d7;padding:16px;border-radius:7px;margin:0 0 14px;display:flex;gap:12px}.insight .iconbox{background:#e7edd7;border-radius:6px;height:30px;width:30px;display:grid;place-items:center;flex-shrink:0}.insight p{font-size:11px;margin:5px 0;color:#67735d}.listrow{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0ee;font-size:12px}.listrow:last-child{border:0}.listrow small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.badge{display:inline-block;font-size:10px;border-radius:4px;padding:4px 7px;background:#edf1ef;color:#697a74;white-space:nowrap}.badge.green{background:#e7f3ed;color:#278065}.badge.amber{background:#fbf1df;color:#a27837}.badge.red{background:#f9ece7;color:#ae6253}.banner{background:#eaf2ee;border:1px solid #d4e4db;padding:13px 17px;border-radius:7px;display:flex;gap:12px;align-items:center;font-size:11px;margin-bottom:20px;color:#466958}.banner.warn{background:#fff6e9;color:#936a2d;border-color:#efdfc3}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.toolbar input{min-width:240px;flex:1}input,select,textarea{border:1px solid #d9e2de;border-radius:6px;padding:10px 12px;background:white;color:var(--ink);font-size:12px}input:focus,select:focus,textarea:focus{outline:2px solid #99c6b1;outline-offset:1px}input[type=checkbox]{accent-color:var(--green);min-width:0;width:15px;height:15px;cursor:pointer}input[type=number]{width:100%}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;font-weight:500;color:#7a8b87;background:#f9fbfa;padding:13px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:15px 18px;border-bottom:1px solid #edf1ef;vertical-align:middle}td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}td.num,th.num{text-align:right;white-space:nowrap}td.name{max-width:280px;min-width:170px;line-height:1.5}td.name b{font-weight:600}.table-footer{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.table-footer button{margin-left:5px}.mini{font-size:10px;color:var(--muted)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:20px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-size:11px;color:#637970;margin:0 0 8px}.field input,.field select,.field textarea{width:100%}.field.full{grid-column:1/-1}.formpanel{padding:24px}.formpanel h2{margin-bottom:20px}.help{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.6}.planhero{background:#173b3b;color:#e7f4ea;padding:24px;border-radius:8px;margin-bottom:18px}.planhero .eyebrow{color:#b4d79e}.planhero p{font-size:12px;color:#b0c8c2}.planhero h2{font-size:22px;margin-top:10px}.pilltabs{display:flex;border-bottom:1px solid var(--line);gap:24px;margin:0 0 18px}.pilltabs button{border:0;background:none;padding:12px 0;color:var(--muted);font-size:12px}.pilltabs button.active{color:var(--green);border-bottom:2px solid var(--green)}.dropzone{border:1.5px dashed #a9c4b7;border-radius:9px;background:#f7faf8;text-align:center;padding:35px 25px;margin-bottom:20px}.dropzone .upload-icon{font-size:35px;color:var(--green);margin-bottom:12px}.dropzone p{font-size:12px;color:var(--muted)}.dropzone.drag{background:#dcefe2}.sourcegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.source{border:1px solid var(--line);padding:17px;border-radius:7px;background:white;display:flex;justify-content:space-between;gap:10px}.source small{font-size:10px;color:var(--muted);display:block;margin-top:6px;word-break:break-word}.empty{padding:48px;text-align:center;color:var(--muted);line-height:1.8}.statline{display:flex;gap:25px;margin:20px 0}.statline strong{display:block;font-size:22px}.statline span{font-size:10px;color:var(--muted)}footer{padding:15px 38px 25px;color:#789086;font-size:10px;display:flex;gap:17px}#footdate{margin-left:auto}.toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--nav);color:white;padding:13px 23px;border-radius:7px;z-index:100;box-shadow:0 5px 30px #0002;font-size:12px}.toast.show{display:block}dialog{border:1px solid var(--line);border-radius:12px;max-width:760px;width:90%;padding:26px;max-height:85vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#102d3a66}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close{border:0;background:#eef3f0;padding:7px 11px;border-radius:5px}#loading{position:fixed;inset:0;background:#f5f7f6ed;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader{border:3px solid #dce9df;border-top-color:var(--green);height:35px;width:35px;border-radius:50%;animation:spin .7s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.queue-note{padding:14px 20px;background:#fafcfb;color:var(--muted);font-size:11px}.search-note{font-size:11px;color:var(--muted);margin-bottom:15px}.review-row{padding:20px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:15px}.review-row p{font-size:12px;color:var(--muted);margin:8px 0}.review-row input{width:90px}.tag{font-size:10px;color:var(--green);font-weight:bold;letter-spacing:.4px}.muted{color:var(--muted)}.range{background:#e7f0ea;border-radius:5px;padding:10px 14px;margin-top:10px;font-size:12px}.checkrow{display:flex;align-items:center;gap:10px;font-size:12px;margin:12px 0}.inline-actions{display:flex;gap:8px;align-items:center}.mobilebrand{display:none}@media(min-width:1500px){main{padding-top:40px}.metrics{gap:20px}.metric{padding:25px}.chart-row{margin:25px 0}}@media(max-width:1100px){aside{width:195px;padding:26px 12px}.shell{margin-left:195px}main{padding:25px}header{padding:0 25px}.grid{grid-template-columns:1fr}.metric strong{font-size:23px}.metric{padding:16px}.twocol{grid-template-columns:1fr}}@media(max-width:750px){aside{position:static;width:100%;height:auto;padding:16px}.brand{font-size:22px}.workspace,.navlabel,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;margin-top:15px;gap:5px}nav button{width:auto;white-space:nowrap;padding:9px;font-size:11px}nav i{display:none}.shell{margin:0}header{height:55px;padding:0 16px}.private{display:none}main{padding:20px 16px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.titleline{align-items:flex-start;flex-direction:column}h1{font-size:25px}.sourcegrid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.chart-row{grid-template-columns:110px 1fr 45px}footer{padding:20px 16px}footer span{display:none}.toolbar input{min-width:150px}.review-row{grid-template-columns:1fr}.datechip{font-size:10px}}

.planhero .range{color:#234c3e}.workspace{margin:25px 0 20px}aside{overflow-y:auto}nav button{padding-top:10px;padding-bottom:10px}#editSeller .field{margin-top:15px}
/* Product branding */
.brand{font-size:16px;line-height:1.3;gap:8px}.brand-name{white-space:normal}.brand-name small{display:block;font-size:11px;letter-spacing:1px;margin-top:3px}

/* StaiveWay website theme — v2.0.2 */
:root{
 --ink:#0f172a;
 --text:#111827;
 --muted:#64748b;
 --line:#dfe7f2;
 --brand:#2563eb;
 --brand-dark:#1d4ed8;
 --brand-soft:#eff6ff;
 --green:#16a34a;
 --mint:#ecfdf5;
 --bg:#f8fafc;
 --nav:#0f172a;
 --red:#dc2626;
 --amber:#d97706;
 --card-shadow:0 18px 50px rgba(15,23,42,.07);
}
html{background:#f8fafc}
body{
 background:
  radial-gradient(circle at 82% 0,rgba(37,99,235,.08),transparent 34%),
  linear-gradient(180deg,#fbfdff 0,#f8fafc 54%,#f4f7fb 100%);
 color:var(--text);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 font-size:14px;
 line-height:1.5;
}
aside{
 background:linear-gradient(180deg,#0f172a 0%,#111c32 100%);
 border-right:1px solid #24324a;
 box-shadow:8px 0 30px rgba(15,23,42,.06);
 color:#cbd5e1;
 padding:30px 18px;
}
.brand{
 color:#fff;
 font-family:"Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif;
 font-size:17px;
 font-weight:700;
 letter-spacing:-.2px;
}
.brandmark{
 min-width:38px;
 padding:6px 9px;
 border:1px solid rgba(96,165,250,.48);
 border-radius:11px;
 background:linear-gradient(145deg,#2563eb,#1d4ed8);
 box-shadow:0 8px 22px rgba(37,99,235,.24);
 color:#fff;
 text-align:center;
}
.brand-name small{color:#93c5fd;font-size:10px;font-weight:700;letter-spacing:1.35px}
.workspace{
 border-color:#334155;
 border-radius:12px;
 background:rgba(255,255,255,.045);
 box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.avatar{background:#1e3a5f;border:1px solid #315176;border-radius:9px;color:#dbeafe}
.workspace small{color:#94a3b8}
.navlabel{color:#64748b;font-weight:700}
nav button{
 border-radius:9px;
 color:#b8c5d7;
 font-weight:600;
 transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
nav button:hover{background:#172554;color:#dbeafe}
nav button.active{
 background:#1e3a8a;
 box-shadow:inset 3px 0 #60a5fa,0 8px 20px rgba(0,0,0,.12);
 color:#fff;
}
nav .count{background:#334155;color:#dbeafe;border-radius:6px}
.sidebar-bottom{color:#94a3b8}.sidebar-bottom p{color:#64748b}.status-dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.powered{border-top-color:#26354c;color:#94a3b8}
.shell{min-height:100vh}
header{
 position:sticky;
 top:0;
 z-index:40;
 height:76px;
 border-bottom-color:var(--line);
 background:rgba(255,255,255,.94);
 color:var(--muted);
 backdrop-filter:blur(14px);
 -webkit-backdrop-filter:blur(14px);
}
.private{color:#475569}
main{padding-top:36px}
.eyebrow{color:var(--brand);font-weight:800;letter-spacing:1.9px}
h1,h2{
 color:var(--ink);
 font-family:"Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif;
}
h1{font-size:31px;font-weight:650;letter-spacing:-1.1px}
h2{font-size:18px;font-weight:650;letter-spacing:-.35px}
h3{color:var(--ink)}
.sub,.muted,.mini,.help,.search-note{color:var(--muted)}
.button{
 border-color:#cbd7e7;
 border-radius:11px;
 background:#fff;
 color:var(--ink);
 font-weight:700;
 box-shadow:0 1px 2px rgba(15,23,42,.03);
 transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.button:hover{border-color:#aebed3;background:#f8fafc;box-shadow:0 7px 18px rgba(15,23,42,.06);transform:translateY(-1px)}
.button.primary{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.2)}
.button.primary:hover{border-color:var(--brand-dark);background:var(--brand-dark);box-shadow:0 12px 28px rgba(37,99,235,.25)}
.button.dark{border-color:var(--nav);background:var(--nav);color:#fff}
.button:focus-visible,.linkbutton:focus-visible,nav button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
.datechip{
 border-color:#cbd7e7;
 border-radius:10px;
 background:rgba(255,255,255,.92);
 color:#475569;
 box-shadow:0 3px 12px rgba(15,23,42,.035);
}
.metric,.panel,.source{
 border-color:var(--line);
 border-radius:14px;
 background:rgba(255,255,255,.98);
 box-shadow:var(--card-shadow);
}
.metric{padding:21px}.metric label{color:var(--muted);font-weight:600}.metric strong{color:var(--ink);font-family:"Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif}.metric small{color:var(--muted)}
.metric .symbol{color:#7c93b4}
.metric.emphasis{border-color:#c9dcff;background:linear-gradient(145deg,#eff6ff,#f8fbff)}
.panel{overflow:hidden}
.panelhead{border-bottom:1px solid rgba(223,231,242,.72);padding:22px}
.panelbody{padding-top:18px}
.linkbutton{color:var(--brand);font-weight:700}
.bartrack{background:#edf2f8;border-radius:6px}
.bar{background:#3b82f6;border-radius:6px}.bar.bad{background:#f59e0b}
.chart-note{border-top-color:var(--line);color:var(--muted)}
.insight{
 border-color:#cfe0ff;
 border-radius:11px;
 background:#f3f7ff;
}
.insight .iconbox{border-radius:9px;background:#dbeafe;color:#1d4ed8}
.insight p{color:#53657d}
.listrow{border-bottom-color:#e8eef6}.listrow small{color:var(--muted)}
.badge{border:1px solid #dce5f0;border-radius:7px;background:#f1f5f9;color:#526176;font-weight:650}
.badge.green{border-color:#ccebd7;background:#ecfdf3;color:#15803d}
.badge.amber{border-color:#f6ddb1;background:#fff7e8;color:#a16207}
.badge.red{border-color:#f2ceca;background:#fff1f0;color:#b42318}
.banner{border-color:#cfe0ff;border-radius:11px;background:#eff6ff;color:#315c9c}
.banner.warn{border-color:#f0d6a8;background:#fff8eb;color:#8a5a12}
.toolbar{gap:11px}
input,select,textarea{
 border-color:#cbd7e7;
 border-radius:10px;
 color:var(--ink);
 box-shadow:0 1px 2px rgba(15,23,42,.025);
 transition:border-color .16s ease,box-shadow .16s ease;
}
input:focus,select:focus,textarea:focus{border-color:#60a5fa;outline:3px solid rgba(37,99,235,.16);outline-offset:0;box-shadow:0 0 0 1px #60a5fa}
input[type=checkbox]{accent-color:var(--brand)}
th{border-color:var(--line);background:#f5f8fc;color:#64748b;font-weight:700}
td{border-bottom-color:#e8eef6}tbody tr:hover td{background:#f8fbff}
.table-footer{border-top:1px solid rgba(223,231,242,.7);color:var(--muted)}
.field label{color:#526176;font-weight:650}
.formpanel{background:#fff}
.planhero{
 border:1px solid #263b62;
 border-radius:14px;
 background:linear-gradient(135deg,#0f172a 0%,#172554 100%);
 box-shadow:0 24px 55px rgba(15,23,42,.16);
 color:#eff6ff;
}
.planhero .eyebrow{color:#93c5fd}.planhero p{color:#bfcee1}.planhero h2{color:#fff}.planhero .range{color:#1e3a8a}
.pilltabs{border-bottom-color:var(--line)}
.pilltabs button{color:var(--muted);font-weight:650}.pilltabs button.active{border-bottom-color:var(--brand);color:var(--brand)}
.dropzone{
 border-color:#93b4e8;
 border-radius:14px;
 background:linear-gradient(180deg,#fbfdff,#f3f7ff);
}
.dropzone .upload-icon{color:var(--brand)}.dropzone p{color:var(--muted)}.dropzone.drag{border-color:var(--brand);background:#eaf2ff}
.source{border-radius:12px}.source small{color:var(--muted)}
.empty{color:var(--muted)}.statline span{color:var(--muted)}
footer{color:#718096}
.toast{border:1px solid #334155;border-radius:11px;background:#0f172a;box-shadow:0 16px 42px rgba(15,23,42,.28)}
dialog{border-color:#d7e1ef;border-radius:16px;box-shadow:0 28px 80px rgba(15,23,42,.22);color:var(--ink)}
dialog::backdrop{background:rgba(15,23,42,.56);backdrop-filter:blur(3px)}
.close{border-radius:9px;background:#eef3f9;color:#334155}
#loading{background:rgba(248,250,252,.94)}
.loader{border-color:#dbe7f7;border-top-color:var(--brand)}
.queue-note{background:#f8fafc;color:var(--muted)}
.review-row{border-bottom-color:var(--line)}.review-row p{color:var(--muted)}
.tag{color:var(--brand)}
.range{border:1px solid #d7e5fb;border-radius:9px;background:#eff6ff;color:#1e3a8a}
@media(max-width:750px){
 aside{border-right:0;border-bottom:1px solid #26354c;box-shadow:0 8px 24px rgba(15,23,42,.1)}
 nav button.active{box-shadow:inset 0 -2px #60a5fa}
 header{position:sticky;top:0}
 main{padding-top:24px}
 .metric,.panel{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
