:root{color:#222826;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;background:#f4f6f5;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:#f4f6f5;min-width:320px;min-height:100vh;margin:0}.session-loading{color:#34443b;place-items:center;min-height:100vh;font-weight:800;display:grid}.login-screen{background:linear-gradient(#24342beb,#222c27e0),linear-gradient(135deg,#d9ece0,#f5f8f6);place-items:center;min-height:100vh;padding:22px;display:grid}.login-panel{background:#fff;border:1px solid #ffffff3d;border-radius:8px;gap:16px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 24px 80px #0f191438}.login-brand{align-items:center;gap:12px;margin-bottom:4px;display:flex}.brand-mark.large{width:48px;height:48px}.login-brand strong{color:#1f2d25;font-size:22px;display:block}.login-brand span{color:#66736b;margin-top:3px;font-size:13px;font-weight:700;display:block}.login-field{color:#3f5147;gap:7px;font-size:13px;font-weight:800;display:grid}.login-field>div{color:#65756c;background:#fff;border:1px solid #cbd7d0;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 11px;display:flex}.login-field input{min-width:0;min-height:40px;box-shadow:none;border:0;flex:1;padding:0}.login-error{color:#8d3d30;background:#fff2ef;border:1px solid #efc2b8;border-radius:8px;min-height:40px;padding:10px 12px;font-size:13px;font-weight:800}.login-submit{min-height:44px}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.56}.app-shell{grid-template-columns:258px 1fr;min-height:100vh;display:grid}.sidebar{color:#f8faf8;background:#20251f;flex-direction:column;gap:20px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-height:52px;display:flex}.brand-mark{color:#102017;background:#61b179;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand-text{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-text strong{font-size:15px}.brand-text span{color:#b8c4bb;font-size:12px}.nav-list{gap:8px;display:grid}.nav-item,.collapse-btn{color:#dce5df;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;display:flex}.nav-item:hover,.nav-item.active,.collapse-btn:hover{color:#fff;background:#314035}.collapse-btn{justify-content:center;margin-top:auto}.sidebar-user{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding-top:12px;display:flex}.sidebar-user>div{gap:3px;min-width:0;display:grid}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-user strong{color:#fff;font-size:13px}.sidebar-user span{color:#b8c4bb;font-size:12px}.logout-btn{color:#e7eee9;background:#314035;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.logout-btn:hover{background:#425546}.is-collapsed{grid-template-columns:74px 1fr}.is-collapsed .brand-text,.is-collapsed .nav-item span,.is-collapsed .sidebar-user>div{display:none}.is-collapsed .nav-item{justify-content:center;padding:0}.main-view{min-width:0;padding:28px}.page{gap:18px;max-width:1480px;margin:0 auto;display:grid}.page-header,.panel-header,.table-toolbar,.channel-title,.listing-top,.manual-actions,.listing-actions,.upload-form{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-header h1,.panel h2{margin:0}.page-header h1{font-size:30px;line-height:1.1}.panel h2{font-size:17px}.eyebrow{color:#66736b;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}.icon-text-btn,.primary-btn,.small-btn,.ghost-btn,.file-picker,.suggestion-chip,.icon-btn{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:700;display:inline-flex}.icon-text-btn,.small-btn{color:#22302a;background:#fff;border:1px solid #cbd7d0}.icon-text-btn:hover,.small-btn:hover{border-color:#8fac9a}.primary-btn{color:#fff;background:#28784e}.primary-btn:hover{background:#206640}.primary-btn.full{width:100%}.ghost-btn{color:#4d5c55;background:#edf1ef}.ghost-btn:hover{background:#dfe7e3}.ghost-btn.danger-soft{color:#8c4037}.ghost-btn.danger-soft:hover{background:#f8e3df}.icon-btn{color:#34443b;background:#edf1ef;width:38px;padding:0}.icon-btn.danger:hover{color:#9c3528;background:#f8e3df}.stats-grid{grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;display:grid}.stat,.panel,.channel-card,.listing-card{background:#fff;border:1px solid #dde5e0;border-radius:8px;box-shadow:0 1px 2px #18221d0d}.stat{align-items:center;gap:12px;min-height:92px;padding:16px;display:flex}.stat svg{color:#326f8d}.stat.good svg{color:#2b8a57}.stat.warn svg{color:#b7791f}.stat.manual svg{color:#b45f1b}.stat.muted svg{color:#8f4d44}.stat span,.channel-row span,.log-row span,.listing-top span,.channel-status-line,.listing-meta,.component-line{color:#66736b;font-size:13px}.stat strong{margin-top:5px;font-size:24px;display:block}.split-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:14px;display:grid}.panel{padding:16px}.channel-table,.log-list,.listing-list{gap:10px;display:grid}.channel-row,.log-row{border-bottom:1px solid #eef2ef;justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.channel-row:last-child,.log-row:last-child{border-bottom:0}.channel-row>div:first-child,.log-row>div:first-child{gap:4px;display:grid}.channel-metrics{color:#5e6a63;gap:12px;display:flex}.empty-state,.alert,.inline-message{color:#596861;background:#fff;border:1px solid #d9e3de;border-radius:8px;place-items:center;min-height:76px;font-weight:700;display:grid}.empty-state.compact,.alert.compact{min-height:42px;padding:10px}.alert{color:#8d3d30;background:#fff2ef;border-color:#efc2b8}.inline-message{color:#24633e;background:#eef8f1;justify-content:start;min-height:42px;padding:10px 12px}.inline-message.wide{width:100%}.upload-panel{padding:14px}.file-picker{color:#26342e;background:#fbfcfb;border:1px dashed #95aa9e;min-width:230px;position:relative}.file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}select,input{color:#202824;background:#fff;border:1px solid #cbd7d0;border-radius:8px;outline:none;min-height:38px;padding:0 11px}select:focus,input:focus{border-color:#28784e;box-shadow:0 0 0 3px #28784e24}.search-box{color:#6d7b74;background:#fff;border:1px solid #cbd7d0;border-radius:8px;align-items:center;gap:8px;min-width:260px;min-height:38px;padding:0 10px;display:flex}.search-box input{width:100%;min-height:34px;box-shadow:none;border:0;padding:0}.search-box.grow{flex:1}.data-table{border:1px solid #e2e8e4;border-radius:8px;display:grid;overflow:hidden}.table-head,.table-row{border-bottom:1px solid #edf2ef;align-items:center;gap:12px;min-height:42px;padding:0 12px;display:grid}.table-head{color:#526159;text-transform:uppercase;background:#edf2ef;font-size:12px;font-weight:800}.table-row:last-child{border-bottom:0}.products-head,.products-row{grid-template-columns:110px minmax(260px,1fr) 90px 110px 120px 120px}.products-row span,.products-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.channels-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;display:grid}.channel-card{gap:14px;padding:16px;display:grid}.channel-title>div{gap:4px;display:grid}.channel-title span{color:#68766f;font-size:13px}.ok-icon{color:#27834f}.bad-icon{color:#a84638}.channel-status-line{justify-content:space-between;gap:12px;min-height:22px;display:flex}.auth-grid{color:#5d6d64;background:#f6f8f7;border-radius:8px;gap:6px;min-height:86px;padding:10px;font-size:12px;font-weight:700;display:grid}.channel-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sync-progress{background:#f1fbf4;border:1px solid #cfe2d6;border-radius:8px;gap:8px;padding:10px;display:grid}.sync-progress.error{background:#fff2ef;border-color:#efc2b8}.sync-progress>div:first-child{color:#28613f;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.sync-progress.error>div:first-child{color:#8d3d30}.sync-progress strong{color:#6b7a72;text-transform:uppercase;font-size:11px}.progress-track{background:#d9e9df;border-radius:999px;width:100%;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:#28784e;height:100%;transition:width .2s;display:block}.hub-summary{grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;display:grid}.hub-summary span{color:#f7faf8;text-align:center;background:#24342b;border-radius:8px;min-height:42px;padding:11px 12px;font-weight:800}.hub-filters{align-items:center;gap:10px;display:flex}.segmented-control{background:#fff;border:1px solid #cbd7d0;border-radius:8px;display:inline-flex;overflow:hidden}.segmented-control button{color:#516158;background:0 0;border-right:1px solid #dbe4df;min-height:38px;padding:0 12px;font-weight:800}.segmented-control button:last-child{border-right:0}.segmented-control button.active{color:#fff;background:#28784e}.listing-card{grid-template-columns:92px 1fr;gap:14px;padding:14px;display:grid}.listing-card.is-selected{border-color:#28784e;box-shadow:0 0 0 2px #28784e1f}.listing-image{color:#6a776f;background:#eef2ef;border:1px solid #dce4df;border-radius:8px;place-items:center;width:92px;height:92px;font-size:12px;font-weight:800;display:grid;position:relative;overflow:hidden}.listing-select{background:#ffffffeb;border-radius:8px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:6px;left:6px;box-shadow:0 1px 4px #18221d2e}.listing-select input{width:15px;height:15px;min-height:0;padding:0}.listing-image img{object-fit:cover;width:100%;height:100%}.listing-main{gap:10px;min-width:0;display:grid}.listing-top strong{text-overflow:ellipsis;white-space:nowrap;max-width:900px;font-size:15px;display:block;overflow:hidden}.listing-title-link{color:#17241d;align-items:center;gap:7px;max-width:100%;text-decoration:none;display:inline-flex}.listing-title-link:hover{color:#28784e;text-decoration:underline}.listing-title-link strong,.listing-top>div{min-width:0}.status-badge{border-radius:999px;justify-content:center;align-items:center;min-width:96px;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.status-AUTO_LINKED{color:#21623d;background:#e7f6ec}.status-MANUAL_LINKED{color:#29547d;background:#e9f0fb}.status-MANUAL_DEDUCTION{color:#8a4b17;background:#fff0e2}.status-NEEDS_REVIEW{color:#80601b;background:#fff4d8}.status-NO_STOCK{color:#8c4037;background:#f4e8e5}.status-UNMATCHED{color:#5e6b64;background:#edf1ef}.listing-meta{flex-wrap:wrap;gap:10px 16px;display:flex}.price-compare{flex-wrap:wrap;gap:8px;display:flex}.price-compare span{color:#4f5d55;background:#eef2ef;border-radius:8px;min-height:30px;padding:7px 10px;font-size:13px;font-weight:800}.price-compare strong{color:#17241d;margin-left:4px}.component-line{background:#f6f8f7;border-radius:8px;min-height:30px;padding:8px 10px}.suggestions{flex-wrap:wrap;gap:8px;display:flex}.suggestion-chip{color:#28613f;background:#f1fbf4;border:1px solid #cfe2d6;min-height:32px;font-size:12px}.bulk-toolbar{background:#fff;border:1px solid #dde5e0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.bulk-toolbar>span,.bulk-toolbar>strong{color:#526159;font-size:13px;font-weight:800}.manual-deduction-btn{color:#7a4619;background:#fff7ef;border-color:#f0c89d}.manual-deduction-btn:hover{border-color:#d99a55}.listing-actions{justify-content:flex-start}.listing-action-stack{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.manual-editor{background:#fbfcfb;border:1px solid #dce5e0;border-radius:8px;gap:8px;padding:10px;display:grid}.manual-row{grid-template-columns:minmax(120px,1fr) 90px 38px;gap:8px;display:grid}.manual-actions{flex-wrap:wrap;justify-content:flex-start}.pagination{color:#5e6b64;background:#fff;border:1px solid #dde5e0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 10px;font-size:13px;font-weight:800;display:flex}.pagination>div{align-items:center;gap:10px;display:flex}.pagination strong{text-align:center;color:#24342b;min-width:72px}.orders-toolbar{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.orders-toolbar label{color:#53645b;gap:5px;font-size:12px;font-weight:800;display:grid}.orders-toolbar input,.orders-toolbar select{min-height:40px}.orders-actions,.orders-progress-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.orders-progress-list{align-items:stretch}.orders-progress-list .sync-progress{flex:1;min-width:280px}.orders-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.orders-metric{color:#28372f;background:#fff;border:1px solid #dbe4df;border-radius:8px;grid-template-columns:26px 1fr;gap:3px 9px;min-height:78px;padding:13px;display:grid}.orders-metric svg{color:#2f7d51;grid-row:span 2}.orders-metric span{color:#65746b;font-size:12px;font-weight:800}.orders-metric strong{color:#1e2b24;font-size:20px;line-height:1.1}.orders-metric.danger svg,.orders-metric.danger strong{color:#b42318}.orders-account-grid{gap:8px;display:grid}.orders-account-row{background:#f6f8f7;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 12px;display:flex}.orders-account-row div{gap:3px;display:grid}.orders-account-row span{color:#647269;font-size:12px;font-weight:700}.orders-list-panel{gap:12px}.orders-list{gap:8px;display:grid}.order-row{background:#fff;border:1px solid #dde5e0;border-radius:8px;grid-template-columns:minmax(0,1fr) 150px;gap:12px;min-height:74px;padding:12px;display:grid}.order-row.cancelled{background:#fff7f6;border-color:#f2b8b5}.order-row>div{gap:4px;min-width:0;display:grid}.order-row>div:last-child{align-content:center;justify-items:end}.order-row strong{color:#1d2b24}.order-row.cancelled>div:last-child strong{color:#b42318}.order-row span,.order-row small{color:#5f6e65;font-size:12px;font-weight:700}.order-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-status{font-weight:900}.order-status.cancelled{color:#b42318;background:#fee4e2;border-radius:999px;align-items:center;min-height:20px;padding:1px 8px;display:inline-flex}@media (width<=1120px){.stats-grid,.channels-grid,.orders-metrics{grid-template-columns:repeat(2,minmax(180px,1fr))}.split-grid{grid-template-columns:1fr}.hub-filters{flex-wrap:wrap}}@media (width<=760px){.app-shell,.is-collapsed{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;height:auto;position:static;overflow-x:auto}.brand-text,.collapse-btn,.sidebar-user>div{display:none}.nav-list{display:flex}.nav-item{width:auto;min-width:44px}.nav-item span{display:none}.main-view{padding:18px}.page-header,.upload-form,.table-toolbar{flex-direction:column;align-items:stretch}.stats-grid,.hub-summary,.channels-grid,.orders-metrics{grid-template-columns:1fr}.orders-toolbar,.orders-actions{flex-direction:column;align-items:stretch}.order-row{grid-template-columns:1fr}.order-row>div:last-child{justify-items:start}.products-head{display:none}.products-row{grid-template-columns:90px 1fr;min-height:auto;padding:10px 12px}.products-row span:nth-child(n+3){display:none}.listing-card{grid-template-columns:72px 1fr}.listing-image{width:72px;height:72px}.listing-top{flex-direction:column;align-items:flex-start}.listing-top strong{white-space:normal}.pagination{flex-direction:column;align-items:stretch}.pagination>div{justify-content:space-between}.segmented-control{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.segmented-control button{border-bottom:1px solid #dbe4df}.manual-row{grid-template-columns:1fr 72px 38px}}