:root{--ink:#182230;--muted:#8994a5;--line:#e9edf3;--paper:#fff;--canvas:#f5f7fb;--purple:#6652e8;--purple-soft:#f0edff;--green:#218a62;--green-soft:#e9f7f0;--amber:#b87516;--amber-soft:#fff4df;--red:#bd4e58;--shadow:0 8px 30px rgba(24,34,48,.035)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 20px Manrope,sans-serif;letter-spacing:-1px;margin:2px 7px 54px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--purple);color:white;font:800 20px Manrope;letter-spacing:0}.brand-light{font-weight:500;color:#8490a1}.side-label,.eyebrow{color:#99a3b1;font-size:10px;font-weight:700;letter-spacing:.13em}.side-label{padding:0 10px;margin-bottom:12px}.nav-item{height:44px;border:0;background:var(--purple-soft);color:var(--purple);border-radius:9px;text-align:left;padding:0 11px;font:600 13px 'DM Sans';display:flex;align-items:center;gap:11px}.nav-icon{font-size:17px}.nav-count{margin-left:auto;color:#998dec;font-size:11px}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid var(--line);padding:18px 2px 0}.avatar{width:34px;height:34px;border-radius:11px;background:#eae7ff;color:#6652e8;display:grid;place-items:center;font-weight:700}.sidebar-bottom strong,.sidebar-bottom small{display:block;font-size:11px}.sidebar-bottom small{color:var(--muted);margin-top:3px}.dots{margin-left:auto;color:#8d98a8;font-weight:bold}.main{margin-left:238px;min-height:100vh}.topbar{height:66px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px}.breadcrumbs{color:#929cac;font-size:12px}.breadcrumbs span{padding:0 10px;color:#c3c9d2}.breadcrumbs strong{color:#394557;font-weight:600}.top-actions{display:flex;align-items:center;gap:8px;color:#818c9b;font-size:11px}.secure-dot,.auto-save-hint i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#38b681}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:white;color:#697586;font-size:16px;cursor:pointer;margin-left:12px}.content{max-width:1400px;margin:0 auto;padding:39px 44px 20px}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.eyebrow{color:#8d82df;margin-bottom:8px}.heading-row h1{font:700 30px Manrope,sans-serif;letter-spacing:-1.1px;margin:0}.subtitle{color:#8590a0;font-size:12px;margin:7px 0 0}.button{height:38px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:white;font:600 12px 'DM Sans';color:#455164;cursor:pointer;transition:.15s}.button:hover,.page-button:hover{border-color:#c9c2fb;color:var(--purple)}.button-light span{font-size:17px;vertical-align:-1px;margin-right:5px}.button-primary{border-color:var(--purple);background:var(--purple);color:#fff}.button-primary:hover{background:#5540dc;color:#fff}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px}.stat-card{height:78px;background:white;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:13px 16px;gap:12px;box-shadow:var(--shadow)}.stat-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:16px}.stat-icon.violet{color:var(--purple);background:var(--purple-soft)}.stat-icon.green{color:#31986e;background:#eaf7f1}.stat-icon.amber{color:#c28837;background:#fff5e4}.stat-card small,.stat-card strong{display:block}.stat-card small{color:#8b96a5;font-size:10px;margin-bottom:4px}.stat-card strong{font:700 19px Manrope;letter-spacing:-.5px}.panel{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.filterbar{min-height:68px;padding:14px 17px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.search{height:37px;min-width:210px;flex:1;max-width:410px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#929dad}.search span{font-size:21px;line-height:1}.search input{border:0;outline:0;width:100%;background:transparent;font:12px 'DM Sans';color:var(--ink)}.search input::placeholder{color:#a5aebb}.filter-select{height:37px;border:1px solid var(--line);border-radius:8px;padding:0 9px;display:flex;align-items:center;gap:7px;color:#98a1ae;font-size:10px}.filter-select select{max-width:142px;border:0;outline:0;background:transparent;color:#465265;font:600 11px 'DM Sans'}.filter-button{height:37px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 11px;color:#637083;font-size:12px}.table-meta{height:43px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#8893a2;font-size:10px;border-bottom:1px solid #f0f2f6}.auto-save-hint{display:flex;align-items:center;gap:6px}.auto-save-hint i{width:6px;height:6px}.product-header,.product-row{display:grid;grid-template-columns:minmax(200px,1.7fr) minmax(108px,.78fr) minmax(108px,.78fr) minmax(145px,1fr) minmax(112px,.75fr) 84px;align-items:center;column-gap:12px;padding:0 18px}.product-header{height:37px;background:#fbfcfe;color:#a0a9b6;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}.product-row{min-height:70px;border-bottom:1px solid #f0f2f6;transition:background .15s}.product-row:last-child{border-bottom:0}.product-row:hover{background:#fdfdff}.product-name{display:flex;align-items:center;gap:11px;min-width:0}.product-thumb{width:37px;height:37px;border:1px solid #edf0f4;border-radius:9px;display:grid;place-items:center;color:#a9b2bf;background:#f8f9fb;flex:0 0 auto;font-size:15px}.product-copy{min-width:0}.product-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;color:#354154}.product-copy small{display:block;color:#a1aab7;font-size:9px;margin-top:4px}.shop-tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 7px;border-radius:6px;background:#f6f7fb;color:#737f90;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-dot{width:6px;height:6px;border-radius:50%;background:#8c7be9;flex:0 0 auto}.price-input{height:31px;width:100%;min-width:72px;border:1px solid transparent;border-radius:7px;padding:0 8px;background:#f8f9fb;color:#3c4758;font:600 11px 'DM Sans';outline:0}.price-input:focus,.price-input.dirty{border-color:#cfc8ff;background:#fff}.stock-select{height:28px;max-width:100%;border:0;border-radius:6px;padding:0 7px;font:600 10px 'DM Sans';outline:0}.stock-select.instock{background:var(--green-soft);color:var(--green)}.stock-select.outofstock{background:#fff0f0;color:var(--red)}.stock-select.onbackorder{background:var(--amber-soft);color:var(--amber)}.publish-toggle{display:flex;align-items:center;gap:7px;font-size:10px;color:#788495;cursor:pointer}.toggle{width:27px;height:15px;border-radius:10px;background:#d9dee7;position:relative;transition:.15s;flex:0 0 auto}.toggle:after{content:'';position:absolute;width:11px;height:11px;left:2px;top:2px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002;transition:.15s}.publish-toggle input{position:absolute;opacity:0}.publish-toggle input:checked+.toggle{background:#38ad7c}.publish-toggle input:checked+.toggle:after{transform:translateX(12px)}.save-row{height:29px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#a4adba;font:600 10px 'DM Sans';cursor:pointer}.save-row.changed{background:var(--purple-soft);color:var(--purple)}.save-row:disabled{opacity:.55;cursor:wait}.empty,.loading{padding:45px 20px;text-align:center;color:#98a2b0;font-size:12px}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #e4e1fb;border-top-color:var(--purple);border-radius:50%;vertical-align:-4px;margin-right:9px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pagination{height:56px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 17px}.page-button{height:30px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#687587;font:500 10px 'DM Sans';cursor:pointer}.page-button:disabled{opacity:.4;cursor:default}.page-number{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:6px;color:#818b9a;font-size:10px}.page-number.active{background:var(--purple-soft);color:var(--purple);font-weight:700}footer{text-align:center;color:#a0a9b5;font-size:10px;padding:20px}footer span{padding:0 5px}.toast{position:fixed;right:24px;bottom:23px;padding:12px 16px;background:#1f2b3a;color:#fff;border-radius:9px;box-shadow:0 8px 30px #17202a25;font-size:12px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;z-index:8}.toast.show{opacity:1;transform:translateY(0)}dialog{width:min(500px,calc(100% - 28px));border:1px solid var(--line);border-radius:15px;padding:23px;box-shadow:0 25px 100px #15202c40;color:var(--ink)}dialog::backdrop{background:#17202a66;backdrop-filter:blur(3px)}.dialog-title{display:flex;justify-content:space-between;align-items:flex-start}.dialog-title h2{font:700 21px Manrope;margin:0 0 12px}.dialog-title .icon-button{margin:0}.dialog-title .eyebrow{margin:2px 0 7px}dialog p{font-size:12px;line-height:1.6;color:#768293;margin:8px 0 19px}.site-config{display:grid;grid-template-columns:1fr 1fr 1fr 34px;gap:8px;margin:8px 0}.site-config input{width:100%;height:36px;border:1px solid var(--line);border-radius:7px;padding:0 9px;font:11px 'DM Sans'}.site-config .remove-site{border:1px solid var(--line);background:white;border-radius:7px;color:#9aa4b2}.dialog-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--line);margin-top:19px;padding-top:15px}@media(max-width:1080px){.content{padding-left:27px;padding-right:27px}.topbar{padding:0 27px}.product-header,.product-row{grid-template-columns:minmax(180px,1.6fr) minmax(90px,.7fr) minmax(90px,.7fr) minmax(120px,.9fr) 100px 70px;gap:8px;padding-left:13px;padding-right:13px}.shop-column{display:none}}@media(max-width:760px){.sidebar{width:62px;padding:19px 10px}.brand{margin:0 auto 48px}.brand>span:last-child,.side-label,.nav-item:not(.active),.nav-item{font-size:0}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:19px}.nav-count{display:none}.sidebar-bottom{justify-content:center;padding-top:13px}.sidebar-bottom>div:not(.avatar),.dots{display:none}.main{margin-left:62px}.topbar{height:54px;padding:0 16px}.top-actions>span:last-of-type{display:none}.content{padding:25px 14px 16px}.heading-row{margin-bottom:19px}.heading-row h1{font-size:25px}.subtitle{font-size:10px;max-width:260px;line-height:1.45}.stats-row{gap:7px;margin-bottom:12px}.stat-card{height:67px;padding:9px;gap:7px}.stat-icon{width:29px;height:29px;border-radius:9px;font-size:13px}.stat-card small{font-size:8px;line-height:1.2}.stat-card strong{font-size:16px}.filterbar{padding:10px;gap:7px;flex-wrap:wrap}.search{max-width:none;flex-basis:100%;height:36px}.filter-select{flex:1;justify-content:space-between}.filter-select select{max-width:105px}.status-filter{display:none}.filter-button{height:35px}.filter-button span{display:none}.table-meta{padding:0 11px;font-size:9px}.auto-save-hint{font-size:0}.auto-save-hint i{width:7px;height:7px}.product-header{display:none}.product-row{grid-template-columns:minmax(0,1fr) 74px 74px;gap:8px;padding:12px 11px;min-height:unset}.product-name{grid-column:1 / 4;margin-bottom:2px}.product-copy strong{font-size:11px}.product-thumb{width:33px;height:33px}.shop-tag{grid-column:1 / 2;grid-row:2;font-size:8px;width:max-content;max-width:100px}.price-wrap{grid-row:2}.price-caption{display:block;color:#a1aab7;font-size:8px;margin:0 0 4px 2px}.price-input{height:29px;font-size:10px}.stock-wrap{grid-column:1 / 2;grid-row:3}.stock-caption{display:block;color:#a1aab7;font-size:8px;margin:0 0 4px 2px}.stock-select{height:27px;font-size:9px}.publish-toggle{grid-column:2 / 3;grid-row:3;align-self:end;padding-bottom:6px;font-size:9px;gap:5px}.save-row{grid-column:3;grid-row:3;align-self:end;justify-self:end;height:27px;font-size:9px}.pagination{padding:0 9px}.page-button{font-size:9px;padding:0 6px}.page-button span{display:none}.page-number{width:23px;height:23px}.toast{left:14px;right:14px;bottom:15px;text-align:center}.site-config{grid-template-columns:1fr 34px}.site-config input:first-child,.site-config input:nth-child(2),.site-config input:nth-child(3){grid-column:1}.site-config .remove-site{grid-column:2;grid-row:1 / 4}}@media(max-width:390px){.content{padding-left:10px;padding-right:10px}.stats-row{grid-template-columns:repeat(3,1fr)}.stat-card{display:block;height:75px;padding:8px}.stat-icon{margin-bottom:4px;width:23px;height:23px}.stat-card small{font-size:7px}.stat-card strong{font-size:14px}.product-row{grid-template-columns:minmax(0,1fr) 66px 66px;gap:6px}.heading-row .button{padding:0 8px;font-size:10px}}
:root{--ink:#182230;--muted:#8994a5;--line:#e9edf3;--paper:#fff;--canvas:#f5f7fb;--purple:#6652e8;--purple-soft:#f0edff;--green:#218a62;--green-soft:#e9f7f0;--amber:#b87516;--amber-soft:#fff4df;--red:#bd4e58;--shadow:0 8px 30px rgba(24,34,48,.035)}
.connection-errors{margin:12px 16px;padding:13px 15px;border:1px solid #f2c9cb;border-radius:9px;background:#fff6f6;color:#873b44;font-size:11px;line-height:1.55}.connection-errors strong{font-size:12px}.connection-errors p{margin:8px 0 0}.connection-errors p+p{border-top:1px solid #f2dfe0;padding-top:8px}
.login-fields{display:grid;gap:13px;margin:18px 0}.login-fields label{display:grid;gap:6px;color:#626e80;font-size:11px;font-weight:600}.login-fields input{height:40px;width:100%;border:1px solid var(--line);border-radius:8px;padding:0 11px;font:13px 'DM Sans';color:var(--ink);outline:0}.login-fields input:focus{border-color:#b9b0fb;box-shadow:0 0 0 3px #f0edff}.login-error{min-height:0;color:#a53d48;font-size:11px;line-height:1.5}.login-error:not(:empty){padding:10px;border-radius:7px;background:#fff4f4;margin:10px 0}