:root{--ink:#202735;--muted:#788397;--line:#e8ebf2;--bg:#f6f7fb;--navy:#202d4d;--purple:#6554ca;--mint:#bdffc7;--white:#fff;--shadow:0 12px 32px #2b38640b}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 92% -8%,#e5dcff 0,transparent 29%),radial-gradient(ellipse at 4% 4%,#dff7ef 0,transparent 28%),var(--bg);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(460px,100%);background:#ffffffef;border:1px solid #ffffff;border-radius:24px;padding:32px;box-shadow:0 28px 90px #29314a20;backdrop-filter:blur(18px)}.auth-brand{font:800 24px Manrope;letter-spacing:-1.2px;display:flex;align-items:center;gap:10px}.brand-mark{height:38px;width:38px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#465bd0,#a367de);display:grid;place-items:center;box-shadow:0 8px 20px #6554ca35;font-size:19px}.auth-card h1{font:800 24px Manrope;letter-spacing:-.8px;margin:26px 0 7px}.auth-card>p{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 20px}.auth-alert{background:linear-gradient(110deg,#f1f4ff,#f6edff);border:1px solid #e7e4ff;color:#5d5786;border-radius:12px;padding:14px;font-size:11px;line-height:1.6}.auth-alert b{display:block;color:#393865;margin-bottom:4px}.auth-alert code{font-size:10px;background:#ffffffaa;padding:2px 4px;border-radius:4px}.clerk-wrap{display:flex;justify-content:center;min-height:300px}.auth-foot{margin-top:18px!important;text-align:center;font-size:10px!important}.app{min-height:100vh;display:none;grid-template-columns:238px minmax(0,1fr)}.app.ready{display:grid}aside{height:100vh;position:sticky;top:0;background:#ffffffd9;border-right:1px solid #e8ebf2;padding:23px 15px;display:flex;flex-direction:column;backdrop-filter:blur(16px);z-index:4}.brand{font:800 21px Manrope;letter-spacing:-1px;display:flex;align-items:center;gap:10px;padding:0 10px 28px}.brand .brand-mark{height:32px;width:32px;border-radius:11px}.workspace{display:flex;align-items:center;gap:9px;padding:11px;margin:0 3px 22px;border:1px solid #e9eaf1;border-radius:13px;background:linear-gradient(120deg,#f5fbf5,#f6f3ff)}.avatar{height:30px;width:30px;border-radius:10px;background:linear-gradient(135deg,#dff3d5,#e8dcff);display:grid;place-items:center;font-weight:800;color:#505a9c;font-size:11px}.workspace b{font-size:11px;display:block}.workspace small{font-size:9px;color:#8993a2}.section-label{font-size:9px;text-transform:uppercase;letter-spacing:1.15px;color:#a3aaba;font-weight:700;padding:0 12px;margin:7px 0 8px}.nav{display:grid;gap:4px}.nav button{border:0;border-radius:10px;background:transparent;color:#697589;padding:10px 12px;text-align:left;display:flex;align-items:center;gap:11px;font-size:12px}.nav button:hover{background:#f2f3fa}.nav button.active{background:linear-gradient(100deg,#e9f8ed,#f0ecff);color:#384885;font-weight:700}.ico{width:17px;text-align:center;font-size:15px}.aside-bottom{margin-top:auto}.help{padding:14px;border-radius:12px;background:linear-gradient(135deg,#f0f7ff,#f8f0ff);margin:10px 3px 15px}.help b{font-size:11px}.help p{color:#818c9c;font-size:10px;line-height:1.5;margin:6px 0}.profile{border-top:1px solid var(--line);padding:14px 7px 0;display:flex;align-items:center;gap:9px}.profile strong{font-size:11px}.profile small{display:block;color:#9099a6;font-size:9px;margin-top:2px}main{min-width:0}.topbar{height:64px;padding:0 34px;border-bottom:1px solid #e9ebf1;background:#ffffffa8;backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3}.crumb{font-size:11px;color:#96a0ad}.crumb b{color:#283144}.topright{display:flex;align-items:center;gap:12px}.live{display:flex;align-items:center;gap:7px;font-size:10px;color:#83908c}.dot{height:7px;width:7px;background:#70c18e;border-radius:50%}.user-button{min-width:34px;min-height:34px}.content{max-width:1320px;margin:auto;padding:31px 36px 55px}.view{display:none}.view.active{display:block}.title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:23px}.eyebrow{font-size:10px;letter-spacing:.95px;font-weight:700;text-transform:uppercase;color:#8792a0}.h1{font:800 29px Manrope;letter-spacing:-1.2px;margin:5px 0}.sub{font-size:12px;color:var(--muted)}.primary{border:0;border-radius:10px;padding:11px 15px;background:linear-gradient(115deg,#4158c7,#8556cb);color:white;font-size:11px;font-weight:700;box-shadow:0 6px 16px #5a59ba2a}.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary .plus{color:#d7ff9e;font-size:16px;margin-right:4px}.hero{position:relative;overflow:hidden;isolation:isolate;border-radius:17px;margin-bottom:19px;padding:21px 23px;color:#fff;background:linear-gradient(112deg,#263c59,#4b5dc0 56%,#9563d1);box-shadow:0 15px 32px #4758ad20;display:flex;align-items:center;justify-content:space-between;gap:15px}.hero:after{content:'↗';position:absolute;right:31%;top:-77px;z-index:-1;font:235px Manrope;color:#ffffff0b}.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 82% 12%,#ffffff2b,transparent 38%)}.hero-tag{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#d6ff9d;font-weight:700}.hero h2{font:700 17px Manrope;margin:8px 0 4px}.hero p{font-size:11px;color:#d5deee;margin:0}.hero button{border:0;border-radius:9px;padding:10px 13px;background:linear-gradient(110deg,#d7ff97,#9ff4d0);color:#283c51;font-size:10px;font-weight:800;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:21px}.metric{border:1px solid #e9ebf0;border-radius:13px;background:linear-gradient(145deg,#fff,#fbfbff);padding:14px 16px;box-shadow:var(--shadow)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#798496;font-size:10px}.metric-icon{height:25px;width:25px;border-radius:8px;background:linear-gradient(135deg,#e7f7e9,#efebff);display:grid;place-items:center;color:#5862aa}.metric-value{font:800 23px Manrope;letter-spacing:-.8px;margin-top:10px}.metric-foot{font-size:9px;color:#8993a1;margin-top:3px}.grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.84fr);gap:15px}.panel{background:#fff;border:1px solid #e9ebf1;border-radius:13px;overflow:hidden;box-shadow:var(--shadow)}.panel-head{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eff0f4}.panel-title{font:700 13px Manrope}.viewall{border:0;background:transparent;color:#6257a4;font-size:10px;font-weight:700}.table{width:100%;border-collapse:collapse}.table th{text-align:left;background:#fcfcfe;padding:10px 13px;color:#9ba3b1;font-size:8px;letter-spacing:.7px;text-transform:uppercase}.table td{padding:12px 13px;border-top:1px solid #f0f1f4;font-size:10px;white-space:nowrap}.product{display:flex;align-items:center;gap:9px}.thumb{height:33px;width:33px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#eaf7eb,#efedff);font-size:17px}.pname{font-size:10px;font-weight:700}.sku{font-size:8px;color:#9ca4b0;margin-top:3px}.pill{border-radius:20px;padding:4px 7px;font-size:8px;font-weight:700;background:#eef5ef;color:#558060}.pill.gray{background:#f1f2f5;color:#737d8d}.pill.warn{background:#fff3e7;color:#bc7d35}.channel{height:20px;min-width:20px;padding:0 4px;border-radius:6px;background:#f0f1f5;display:inline-grid;place-items:center;margin-right:3px;color:#42506b;font-size:8px;font-weight:800}.order-list{padding:4px 16px}.order{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #f0f1f4}.order:last-child{border-bottom:0}.order-logo{height:29px;width:29px;border-radius:8px;background:linear-gradient(135deg,#edf4fa,#f0eaff);display:grid;place-items:center;font-weight:800}.order-info{flex:1}.order-info b{font-size:10px}.order-info small{display:block;color:#929baa;font-size:8px;margin-top:3px}.order-price{text-align:right;font-size:10px;font-weight:700}.order-price small{display:block;margin-top:3px}.section2{margin-top:15px;display:grid;grid-template-columns:1.12fr 1fr;gap:15px}.connection-list{padding:0 17px 12px}.connection{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f0f1f4}.connection:last-child{border-bottom:0}.conn-logo{height:30px;width:30px;border-radius:8px;background:#f5f4fb;border:1px solid #edecf4;display:grid;place-items:center;font-size:10px;font-weight:800}.conn-copy{flex:1;min-width:0}.conn-copy b{font-size:10px}.conn-copy small{display:block;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#919aa8;font-size:8px;margin-top:3px}.status{font-size:8px;color:#8a72be;font-weight:700}.connect-footer{border-top:1px solid #eff0f4;padding:11px 17px;display:flex;justify-content:space-between;color:#929baa;font-size:9px}.tip{padding:17px;background:linear-gradient(135deg,#fbfaff,#f5fbff)}.tip-mark{height:28px;width:28px;border-radius:9px;background:linear-gradient(135deg,#e9e5ff,#f8eaff);display:grid;place-items:center;color:#745bc3}.tip h3{font:700 12px Manrope;margin:11px 0 5px}.tip p{font-size:10px;color:#7d8998;line-height:1.55;margin:0}.tip a{display:inline-block;margin-top:10px;color:#6158aa;font-size:9px;font-weight:700;cursor:pointer}.row-actions{display:flex;gap:4px}.mini-action{border:1px solid #e5e7ee;border-radius:7px;padding:5px 7px;background:#fff;color:#526077;font-size:8px;font-weight:700}.mini-action:hover{border-color:#aaa3e1;color:#574caf}.empty-state{text-align:center;padding:38px 20px;color:#7f8a99}.empty-icon{font-size:24px;color:#8b83cf}.empty-state strong{display:block;margin:8px 0 4px;color:#303b4e;font:700 13px Manrope}.empty-state p{font-size:10px;line-height:1.6;max-width:360px;margin:0 auto 8px}.empty-state .primary{margin-top:8px}.searchbox{padding:20px}.searchline{display:flex;gap:8px}.searchline input,.formrow input,.modal input,.modal select{min-width:0;width:100%;border:1px solid #e1e5ed;border-radius:9px;padding:11px 12px;font-size:11px;outline:none;background:#fff}.searchline input:focus,.modal input:focus{border-color:#9287dd;box-shadow:0 0 0 3px #8f81d921}.source-tile{background:linear-gradient(140deg,#fff,#faf9ff);border:1px solid #ececf3;border-radius:11px;padding:13px}.source-grid{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.source-tile b{display:block;font:700 10px Manrope;margin:7px 0 4px}.source-tile small{font-size:9px;color:#8792a0;line-height:1.5}.modal-back{position:fixed;inset:0;background:#19243b68;display:none;align-items:center;justify-content:center;padding:18px;z-index:10}.modal-back.open{display:flex}.modal{width:min(440px,100%);background:#fff;border-radius:17px;padding:22px;box-shadow:0 25px 80px #13213d40}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal h2{font:800 19px Manrope;margin:0}.modal p{font-size:11px;color:#7e8998;line-height:1.55}.close{border:0;background:none;color:#8893a0;font-size:21px}.modal label{display:block;margin:13px 0 6px;color:#667387;font-size:9px;font-weight:700}.modal .primary{width:100%;margin-top:17px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.choice{border:1px solid #e9eaf0;border-radius:10px;background:#fff;text-align:left;padding:12px}.choice:hover{border-color:#aba2e4;background:#faf9ff}.choice:disabled{opacity:.55;cursor:not-allowed;background:#fafafd}.choice:disabled:hover{border-color:#e9eaf0;background:#fafafd}.choice b{display:block;font-size:10px}.choice small{display:block;margin-top:4px;font-size:8px;color:#939cac}.toast{position:fixed;right:22px;bottom:22px;z-index:15;background:linear-gradient(110deg,#2b4663,#6757bd);color:white;border-radius:10px;padding:12px 15px;font-size:10px;box-shadow:0 10px 25px #18294838;opacity:0;transform:translateY(8px);transition:.2s;max-width:calc(100vw - 32px)}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.app{grid-template-columns:205px minmax(0,1fr)}.content{padding:25px 22px}.topbar{padding:0 22px}.grid{grid-template-columns:1fr}.order-panel{display:none}.section2{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.app{display:none}.app.ready{display:block}aside{display:none}.topbar{height:54px;padding:0 15px}.content{padding:21px 13px 78px}.title-row{margin-bottom:17px}.h1{font-size:24px}.sub{font-size:10px}.title-row>.primary{padding:10px;font-size:9px}.hero{padding:16px;align-items:flex-start}.hero h2{font-size:14px}.hero p{font-size:9px;max-width:220px;line-height:1.5}.hero button{font-size:8px;padding:9px}.metrics{gap:8px}.metric{padding:12px}.metric-value{font-size:21px}.panel-head{padding:13px}.table td,.table th{padding:9px 8px}.table th:nth-child(3),.table td:nth-child(3){display:none}.row-actions{flex-direction:column}.section2{gap:10px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:59px;background:#fffffff0;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;z-index:5;backdrop-filter:blur(14px)}.mobile-nav button{border:0;background:none;color:#8a94a1;display:grid;justify-items:center;gap:3px;font-size:8px}.mobile-nav button span{font-size:16px}.mobile-nav button.active{color:#4b4ba0;font-weight:700}.source-grid{grid-template-columns:1fr}.searchline{flex-wrap:wrap}.searchline input{flex-basis:100%}.auth-card{padding:24px}.auth-card h1{font-size:21px}}
.mobile-nav{display:none}@media(max-width:650px){.mobile-nav{display:flex}}
.auth-switch{margin:14px 0 0!important;text-align:center;font-size:11px!important;color:#737d90!important}.auth-switch a{color:#5d4bc1;font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:15px}.settings-panel{padding-bottom:16px}.settings-panel>.settings-fields,.settings-panel>.auth-alert{margin-left:17px;margin-right:17px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid #f0f1f4}.settings-row b{display:block;font-size:11px}.settings-row small{display:block;color:#9099a6;font-size:9px;line-height:1.5;margin-top:4px;max-width:470px}.switch{position:relative;display:inline-flex;flex:none;width:38px;height:22px}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch span{position:absolute;inset:0;border-radius:20px;background:#d7dbe4;transition:.18s;cursor:pointer}.switch span:before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:.18s}.switch input:checked+span{background:linear-gradient(110deg,#5365cf,#9563d1)}.switch input:checked+span:before{transform:translateX(16px)}.switch input:focus-visible+span{outline:3px solid #8c80dc66}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.settings-fields label{display:block;color:#667387;font-size:9px;font-weight:700}.settings-fields label:last-child{grid-column:1/-1}.settings-fields input{display:block;width:100%;margin-top:6px;border:1px solid #e1e5ed;border-radius:9px;padding:10px 11px;font-size:11px}.settings-fields input:focus{outline:none;border-color:#9287dd;box-shadow:0 0 0 3px #8f81d921}.settings-side{padding:18px;background:linear-gradient(135deg,#fbfaff,#f5fbff)}.settings-side h3{font:700 13px Manrope;margin:12px 0 6px}.settings-side p{font-size:10px;color:#7d8998;line-height:1.55}.settings-side .setup-details{background:#fff9;border:1px solid #ebe9f6;border-radius:10px;padding:11px;margin:12px 0;color:#706b86}.ai-launcher{position:fixed;right:22px;bottom:20px;z-index:8}.ai-launcher button{border:0;border-radius:999px;padding:12px 16px;background:linear-gradient(115deg,#4158c7,#8556cb);color:white;font-size:11px;font-weight:700;box-shadow:0 8px 22px #3d3e9d35}.ai-chat{position:fixed;right:20px;bottom:76px;z-index:9;width:min(370px,calc(100vw - 28px));height:min(520px,calc(100vh - 100px));border:1px solid #e7e8ef;border-radius:16px;background:#fff;box-shadow:0 20px 65px #25345a30;display:flex;flex-direction:column;overflow:hidden}.ai-chat[hidden],.ai-launcher[hidden]{display:none}.ai-chat header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:linear-gradient(110deg,#f0f5ff,#f7f1ff);border-bottom:1px solid #ececf3}.ai-chat header b{font:700 12px Manrope}.ai-chat header small{display:block;color:#8b93a2;font-size:9px;margin-top:3px}.ai-chat header button{border:0;background:none;color:#7a8492;font-size:21px}.ai-messages{flex:1;overflow:auto;padding:13px;display:flex;flex-direction:column;gap:9px}.ai-message{max-width:90%;border-radius:12px;padding:10px 11px;font-size:10px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.ai-message.assistant{align-self:flex-start;background:#f4f5fa;color:#344053}.ai-message.user{align-self:flex-end;background:linear-gradient(110deg,#4b5fc7,#8359c7);color:#fff}.ai-message a{display:block;margin-top:6px;color:#6155b4;overflow-wrap:anywhere}.ai-chat form{display:flex;gap:7px;padding:10px;border-top:1px solid #eff0f4}.ai-chat form input{min-width:0;flex:1;border:1px solid #e1e5ed;border-radius:9px;padding:10px;font-size:10px}.ai-chat form .primary{padding:9px 12px;font-size:9px}
@media(max-width:850px){.settings-grid{grid-template-columns:1fr}.settings-side{order:2}}@media(max-width:650px){.settings-fields{grid-template-columns:1fr}.settings-fields label:last-child{grid-column:auto}.settings-row{padding:13px}.mobile-nav button{font-size:8px;gap:2px}}
.automation-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);gap:13px;margin-bottom:13px}.automation-status,.automation-rules,.automation-results{padding:17px}.automation-steps{display:grid;gap:0;margin-top:8px}.automation-step{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eef0f5}.automation-step:last-child{border-bottom:0}.step-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#f1f2f6;color:#7b8292;font-size:12px}.step-icon.done{background:#e6f8ef;color:#13834f}.automation-step b,.automation-step small,.automation-result-head b,.automation-result-head small{display:block}.automation-step b,.automation-result-head b{font-size:11px}.automation-step small,.automation-result-head small{font-size:9px;color:#8991a1;margin-top:3px}.step-state{font-size:9px;color:#8a91a0}.step-state.ready{color:#168251}.automation-note{padding:11px 12px;border-radius:10px;background:#f5f6ff;color:#58618a;font-size:10px;line-height:1.55}.automation-rules .panel-title{margin-bottom:12px}.rule-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eff0f4;font-size:10px;color:#747d8e}.rule-row b{color:#252b3d}.inline-field{display:flex;align-items:center;gap:5px}.inline-field input{width:65px;padding:6px 7px;border:1px solid #e1e5ed;border-radius:7px;font-size:10px}.automation-rules .viewall{display:block;margin:9px 0 0}.automation-result-list{display:grid;gap:9px;margin-top:10px}.automation-result{border:1px solid #e9ebf2;border-radius:12px;padding:13px}.automation-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.automation-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;padding:10px;border-radius:9px;background:#f8f9fc}.automation-numbers span{font-size:9px;color:#858d9c}.automation-numbers b{display:block;margin-top:4px;color:#282e40;font-size:11px}.automation-blockers{margin:10px 0 0;padding-left:17px;color:#a0502e;font-size:9px;line-height:1.8}.automation-result .sub{font-size:9px;margin-top:9px}.check-line{display:flex!important;align-items:center;gap:7px;margin:10px 0!important;color:#657083;font-size:10px!important}.check-line input{width:auto!important;margin:0}
@media(max-width:900px){.automation-grid{grid-template-columns:1fr}.automation-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.automation-status,.automation-rules,.automation-results{padding:13px}.automation-step{grid-template-columns:24px minmax(0,1fr)}.automation-step .step-state{grid-column:2}.automation-result-head{align-items:flex-start;flex-direction:column}}

#syncOrdersButton:disabled{opacity:.65;cursor:wait}
.automation-sync-toggle{margin:8px 0 13px;padding:11px 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.automation-sync-toggle small{max-width:460px}