:root{
  --bg:#f4f7fb;--panel:#fff;--panel-2:#f9fbfd;--ink:#18212f;--muted:#708096;--line:#dfe7f0;
  --nav:#1e2b3e;--nav-2:#26364c;--blue:#61a9cf;--blue-strong:#238bc2;--cyan:#30b7e7;
  --green:#13bd83;--green-soft:#e8fbf4;--red:#ef476f;--red-soft:#fff0f3;--orange:#ff9418;--orange-soft:#fff7e9;
  --purple:#7456ef;--shadow:0 14px 34px rgba(37,65,92,.09);--radius:18px;--radius-sm:12px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}a{color:inherit}
body{overflow-x:hidden}.appShell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,#182537,#25354c);color:#d8e2ee;display:flex;flex-direction:column;z-index:30;box-shadow:10px 0 34px rgba(10,29,48,.08)}
.appBrand{height:76px;display:flex;gap:12px;align-items:center;padding:0 19px;border-bottom:1px solid rgba(255,255,255,.08)}.appBrand img{width:40px;height:40px}.appBrand b{display:block;font-size:19px;color:#fff;letter-spacing:-.4px}.appBrand small{font-size:11px;color:#9eb0c6}.storeMini{margin:16px 14px 12px;padding:13px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:10px}.storeMiniLogo{width:40px;height:40px;border-radius:11px;background:#38516d;display:grid;place-items:center;font-weight:800;color:#fff;overflow:hidden}.storeMiniLogo img{width:100%;height:100%;object-fit:cover}.storeMini small{display:block;font-size:10px;letter-spacing:.1em;color:#91a4bb}.storeMini b{font-size:14px;color:#fff}
.nav{padding:2px 8px 18px;overflow:auto;scrollbar-width:thin}.navBtn{border:0;background:transparent;color:#d6dfeb;width:100%;display:flex;gap:11px;align-items:center;text-align:left;padding:10px 12px;margin:3px 0;border-radius:11px;font-weight:650;transition:.16s}.navBtn:hover{background:rgba(255,255,255,.06);color:#fff}.navBtn.active{background:#355a76;color:#fff;box-shadow:inset 3px 0 #5bc4f1}.navBtn.sub{padding-left:19px;font-size:13px}.navGlyph{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:14px}.navIcon{width:22px;height:22px;object-fit:contain}.navGroupLabel{font-size:10px;letter-spacing:.12em;color:#8498b0;margin:17px 11px 6px;font-weight:800}.logoutBtn{margin:auto 14px 15px;border:1px solid rgba(239,71,111,.38);background:rgba(239,71,111,.12);color:#fff;padding:12px 15px;border-radius:12px;font-weight:700;text-align:left}.logoutBtn:hover{background:rgba(239,71,111,.2)}
.mainArea{margin-left:248px;min-height:100vh}.topbar{height:58px;background:linear-gradient(90deg,#5ba7d0,#88bdd9);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:20;color:#fff}.menuBtn{display:none;border:0;background:rgba(255,255,255,.16);color:#fff;width:38px;height:38px;border-radius:9px;font-size:20px}.topBrand{display:flex;align-items:center;gap:9px}.topBrand img{width:29px;height:29px}.topBrand b{font-size:16px}.version{margin-left:auto;background:rgba(255,255,255,.16);padding:7px 11px;border-radius:999px;font-size:11px;font-weight:800}.pageWrap{max-width:1420px;margin:0 auto;padding:24px 28px 0}.view{display:none}.view.active{display:block}.pageHeader{display:flex;align-items:center;gap:17px;margin:2px 0 22px}.pageHeader>div:nth-child(2){min-width:0}.pageHeader h1{margin:0;font-size:27px;letter-spacing:-.6px}.pageHeader p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.pageHeader>.btn,.pageHeader>.statusPill{margin-left:auto}.pageIcon{width:62px;height:62px;border-radius:17px;display:grid;place-items:center;font-size:28px;color:#fff;background:linear-gradient(135deg,#55a3cf,#84bfdc);box-shadow:0 12px 28px rgba(50,139,190,.2)}.pageIcon img{width:31px;height:31px}.waPageIcon{background:linear-gradient(135deg,#0abf76,#25d366)}.tgPageIcon{background:linear-gradient(135deg,#168fc3,#2aabee)}.offersIcon{background:linear-gradient(135deg,#ef476f,#ff6b6b)}.intervalIcon{background:linear-gradient(135deg,#6daed2,#86c5e5)}.monitorIcon{background:linear-gradient(135deg,#ffb100,#ff7d00)}.sendIcon{background:linear-gradient(135deg,#13b981,#34d399)}.analyticsIcon{background:linear-gradient(135deg,#7c54e8,#4d8cff)}.marketplaceIcon{background:linear-gradient(135deg,#5ba7d0,#8bc3df)}
.panel,.profileHero,.automationBar,.filterBar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:18px;margin-bottom:18px}.panelTitle{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}.panelTitle>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef7fc;color:var(--blue-strong);font-weight:800}.panelTitle h2{margin:2px 0 2px;font-size:17px}.panelTitle p{margin:0;color:var(--muted);font-size:12px}.panelTitle>.btn,.panelTitle>.searchInline{margin-left:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.narrowPanel{max-width:760px;margin-left:auto;margin-right:auto}
.btn{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:750;transition:.15s;display:inline-flex;gap:7px;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn.primary,.btn.blue{background:linear-gradient(135deg,#258ec5,#3aa9dd);color:#fff}.btn.success{background:linear-gradient(135deg,#08b87a,#23c995);color:#fff}.btn.danger{background:linear-gradient(135deg,#f2496c,#e83991);color:#fff}.btn.orange{background:linear-gradient(135deg,#ff9d00,#f17f00);color:#fff}.btn.soft{background:#f1f5f9;border-color:#dfe7f0;color:#34425a}.btn.outline{background:#fff;border-color:#bdd5e5;color:#267da8}.btn.wide{width:100%}.iconBtn{border:0;background:transparent;font-size:28px;color:#6f7f91}.buttonRow{display:flex;gap:10px;flex-wrap:wrap}.statusPill{padding:7px 11px;border-radius:999px;font-size:11px;font-weight:800;background:#e8f7ff;color:#2782aa}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.badge.good{background:#e3faef;color:#087848}.badge.bad{background:#ffeaee;color:#c52749}.badge.warn{background:#fff4d6;color:#9a6500}.badge.blue{background:#e4f4fc;color:#217ca6}.badge.purple{background:#efeaff;color:#6944c2}
input,select,textarea{width:100%;border:1px solid #d9e3ed;background:#fff;border-radius:10px;padding:11px 13px;color:var(--ink);outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#68b7df;box-shadow:0 0 0 3px rgba(76,167,214,.12)}textarea{min-height:92px;resize:vertical}.formStack{display:grid;gap:12px}.formStack label,.field{display:grid;gap:6px;font-size:12px;font-weight:700;color:#425069}.inlineForm{display:grid;grid-template-columns:1fr auto;gap:10px}.searchInline{width:250px}.notice{padding:12px 14px;border-radius:11px;font-size:12px;line-height:1.45}.notice.info{background:#eef6ff;color:#345a84}.notice.success{background:#e8fbf3;color:#13754f}.notice.warn{background:#fff6dd;color:#8b6212}.notice.error{background:#fff0f2;color:#ba2c45}.empty{padding:30px;text-align:center;color:#7a8aa0;border:1px dashed #cedae6;border-radius:14px;background:#fbfdff}.loading{padding:25px;text-align:center;color:#65778e}
.profileHero{overflow:hidden;margin-bottom:18px}.profileBanner{height:72px;background:linear-gradient(100deg,#4c9ecb,#a6cfe3)}.profileIdentity{display:flex;align-items:center;gap:13px;padding:0 20px 18px;margin-top:-25px}.profileAvatar{width:58px;height:58px;border-radius:50%;background:#223046;color:white;border:4px solid white;display:grid;place-items:center;font-weight:850;font-size:17px;overflow:hidden;box-shadow:0 5px 16px rgba(30,48,70,.18)}.profileAvatar img{width:100%;height:100%;object-fit:cover}.profileIdentity h2{margin:28px 0 2px;font-size:20px}.profileIdentity p{margin:0;color:var(--muted);font-size:12px}.summaryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.summaryCard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:0 7px 20px rgba(36,65,91,.05)}.summaryCard .sIcon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf7fc;color:#238ac1}.summaryCard small{color:var(--muted);display:block;margin:9px 0 1px}.summaryCard b{font-size:22px}.quickGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quickBtn{border:1px solid #dde6ef;background:#fafcfe;border-radius:11px;min-height:72px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;color:#43526a;font-weight:700}.quickBtn:hover{border-color:#7fc1e1;background:#f3faff}.quickBtn img{width:23px;height:23px}
.offersStatusLine{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#73849a;font-size:11px;margin:-10px 0 10px;padding:0 2px}.offerSourceBadge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:850;background:#eef5fb;color:#4b6680}.offerSourceBadge.live{background:#e8faf2;color:#087a4c}.offerSourceBadge.captured{background:#fff4e6;color:#b25d00}.sourceTag.good{border-color:#bfe9d6;background:#f0fbf6}.sourceTag.warn{border-color:#f1dcae;background:#fffaf0}.sourceTag.bad{border-color:#f1c4cc;background:#fff5f7}.offerEmptyHelp{padding:18px;border:1px dashed #cfdce8;border-radius:12px;color:#67788c;background:#fbfdff;line-height:1.55}
.sourceNotice{margin-bottom:12px;display:flex;gap:8px;flex-wrap:wrap}.sourceTag{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;color:#506078}.offerToolbar{display:grid;grid-template-columns:auto 1fr 210px;gap:12px;align-items:center}.tabs,.networkTabs{display:flex;gap:7px;flex-wrap:wrap}.tab,.netTab{border:1px solid #dce6ef;background:#fff;border-radius:10px;padding:9px 12px;font-weight:750;color:#5a6a81;display:flex;align-items:center;gap:6px}.tab.active,.netTab.active{border-color:#4ba8d5;background:#eaf7fd;color:#187ba7}.netTab img{width:18px;height:18px}.bulkBar{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f5;margin-bottom:2px}.bulkBar label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.bulkBar input{width:auto}.bulkBar #offerCount{margin-left:auto;color:var(--muted);font-size:12px}.offerList{display:grid;gap:10px;padding-top:10px}.offerCard{display:grid;grid-template-columns:34px 86px 1fr 150px 135px;gap:14px;align-items:center;border:1px solid #e0e8f1;border-radius:14px;padding:11px;background:#fff}.offerCard:hover{border-color:#b8d8e9;box-shadow:0 8px 24px rgba(44,102,137,.06)}.offerCheck{width:18px;height:18px}.offerImg{width:86px;height:76px;border-radius:10px;object-fit:contain;background:#f5f7f9}.offerInfo h3{font-size:14px;margin:0 0 5px}.offerMeta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.storeBadge{display:inline-flex;gap:5px;align-items:center;font-size:10px;font-weight:800;border-radius:999px;background:#eef3f8;padding:4px 7px}.storeBadge img{width:14px;height:14px}.offerPrice{font-size:16px;font-weight:850;margin-top:6px}.offerOld{font-size:11px;text-decoration:line-through;color:#9aa8b6;margin-left:6px}.offerDeal{background:#effbf5;border:1px solid #cbf1df;border-radius:12px;padding:10px;text-align:center}.offerDeal small{display:block;color:#5c7468;font-size:9px;font-weight:800}.offerDeal b{display:block;color:#0c8c58;font-size:17px;margin-top:3px}.offerActions{display:grid;gap:7px}.offerActions .btn{padding:8px 10px;font-size:11px}
.waAccountGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.waCard{border:1px solid #dfe7ef;border-radius:14px;background:#fbfdff;padding:15px}.waCard.connected{background:linear-gradient(120deg,#eefcf6,#fff);border-color:#bfead7}.waTop{display:flex;gap:11px;align-items:center}.waLogo{width:44px;height:44px;border-radius:13px;background:#18c483;display:grid;place-items:center}.waLogo img{width:25px}.waInfo{min-width:0}.waInfo h3{margin:0;font-size:15px}.waInfo p{margin:3px 0 0;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.waStatus{margin-left:auto}.waActions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.waActions .btn{font-size:11px;padding:8px 10px}.qrWrap{text-align:center}.qrWrap img{max-width:290px;width:100%;image-rendering:pixelated;border:8px solid #fff;box-shadow:0 6px 22px rgba(30,53,75,.12)}
.destinationList{display:grid;gap:10px}.destinationItem{background:#fff;border:1px solid #dce7f0;border-radius:14px;padding:13px 15px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.destinationItem.activeItem{background:linear-gradient(90deg,#f7fcff,#fff);border-color:#b9ddef}.destinationMain{display:flex;align-items:center;gap:11px;min-width:0}.networkLogo{width:38px;height:38px;border-radius:11px;background:#f1f6f9;display:grid;place-items:center;flex:0 0 auto}.networkLogo img{width:22px;height:22px}.destinationText h3{margin:0;font-size:14px}.destinationText p{margin:3px 0 0;color:var(--muted);font-size:11px}.destinationActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.groupSearch{margin:12px 0}.automationBar{padding:14px 16px;margin-bottom:14px;display:grid;grid-template-columns:1fr auto;gap:7px 18px;align-items:center}.automationBar div>b{display:block}.automationBar div>small{color:var(--muted)}.autoOptions{grid-column:1/-1;display:flex!important;gap:18px;flex-wrap:wrap;border-top:1px solid #edf1f4;padding-top:10px}.autoOptions label{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:650}.autoOptions input{width:auto}.switch{position:relative;display:inline-block;width:48px;height:28px}.switch input{display:none}.switch span{position:absolute;inset:0;background:#d4dde7;border-radius:99px;transition:.2s}.switch span:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.switch input:checked+span{background:#1ba5e0}.switch input:checked+span:after{transform:translateX(20px)}
.intervalCard{text-align:center;padding:20px}.intervalValue{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 16px}.intervalValue input{width:160px;text-align:center;font-size:35px;font-weight:850}.intervalValue span{font-size:18px;color:var(--muted)}.presetRow{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:15px}.presetRow button{border:1px solid #d7e2eb;background:#fff;padding:9px 12px;border-radius:10px;color:#52627a;font-weight:700}.presetRow button:hover{border-color:#65b4db;color:#2486b4}.intervalCard .notice{text-align:left;margin-bottom:14px}
.filterBar{padding:14px;display:grid;grid-template-columns:1fr 180px 180px auto;gap:10px;align-items:end;margin-bottom:16px}.filterBar label{font-size:10px;font-weight:800;color:#65758a;display:grid;gap:5px}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric{background:#fff;border:1px solid #dfe7ef;border-top:3px solid #3688ff;border-radius:14px;padding:15px;box-shadow:0 8px 24px rgba(38,70,104,.05)}.metric span{float:right;font-size:19px;color:#2e83e5}.metric small{display:block;color:#78889c;text-transform:uppercase;font-weight:800;font-size:10px}.metric b{display:block;font-size:28px;margin-top:4px}.metric.danger{border-top-color:#f24e67}.metric.danger span{color:#f24e67}.metric.good{border-top-color:#16bb82}.metric.good span{color:#16bb82}.metric.purple{border-top-color:#7456ef}.metric.purple span{color:#7456ef}.chartBox{min-height:290px;display:flex;align-items:center;justify-content:center;overflow:auto}.chartSvg{width:100%;min-width:540px;height:280px}.rankingList{display:grid;gap:8px}.rankItem{padding:11px;border:1px solid #e3eaf1;border-radius:11px;display:flex;justify-content:space-between;gap:10px}.rankItem small{color:var(--muted)}
.marketGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.marketCard{background:#fff;border:1px solid #dfe6ed;border-radius:18px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.marketCard:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--mc,#6aaed4)}.marketHead{display:flex;gap:12px;align-items:center;margin-bottom:14px}.marketLogo{width:49px;height:49px;border-radius:14px;background:var(--mc,#6aaed4);display:grid;place-items:center;box-shadow:0 9px 20px rgba(0,0,0,.09)}.marketLogo img{width:27px;height:27px;object-fit:contain}.marketHead h2{margin:0;font-size:19px}.marketHead p{margin:2px 0 0;color:var(--muted);font-size:11px}.marketHead .badge{margin-left:auto}.marketFields{display:grid;gap:11px}.marketFields label{display:grid;gap:5px;font-size:11px;font-weight:750;color:#3f4d60}.marketToggleRow{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f4;padding-top:11px;margin-top:4px}.marketActions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px;flex-wrap:wrap}.marketActions .btn{font-size:11px}.marketHelp{font-size:11px;color:#6c7c90;background:#f5f9fc;border-radius:10px;padding:9px 11px}.marketCard[data-store="shopee"]{--mc:#ee4d2d}.marketCard[data-store="amazon"]{--mc:#ff9900}.marketCard[data-store="mercadolivre"]{--mc:#ffe600}.marketCard[data-store="magalu"]{--mc:#1689ff}.marketCard[data-store="natura"]{--mc:#25a443}.marketCard[data-store="shein"]{--mc:#111}.marketCard[data-store="aliexpress"]{--mc:#e43225}.marketCard[data-store="awin"]{--mc:#ed2775}
.footer{border-top:1px solid #dce6ef;margin:28px -28px 0;padding:18px 28px;color:#75879b;font-size:11px;background:#f8fafc}.toast{position:fixed;right:20px;bottom:20px;max-width:400px;padding:12px 15px;border-radius:12px;background:#1f2f43;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.2);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s;z-index:80}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#b82d49}.toast.success{background:#09885c}.modalBackdrop{position:fixed;inset:0;background:rgba(13,28,44,.58);display:none;align-items:center;justify-content:center;padding:20px;z-index:70}.modalBackdrop.open{display:flex}.modal{background:#fff;border-radius:19px;width:min(760px,96vw);max-height:90vh;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.28)}.modalHead{padding:15px 18px;background:linear-gradient(90deg,#59a6d0,#83bbd7);color:#fff;display:flex;align-items:center}.modalHead h2{margin:0;font-size:19px}.modalHead .iconBtn{margin-left:auto;color:white}.modalBody{padding:18px;overflow:auto;max-height:calc(90vh - 60px)}.ruleGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ruleGrid .full{grid-column:1/-1}.ruleToggle{display:flex;align-items:center;justify-content:space-between;border:1px solid #e0e8ef;border-radius:12px;padding:11px}.ruleToggle input{width:auto}
/* login */
.loginBody{min-height:100vh;display:grid;place-items:center;padding:24px;background-color:#eef5f9;background-image:linear-gradient(rgba(84,159,198,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(84,159,198,.07) 1px,transparent 1px);background-size:64px 64px}.loginCard{width:min(480px,94vw);background:#fff;border:1px solid #e4ebf1;border-radius:28px;box-shadow:0 25px 80px rgba(44,83,111,.13);overflow:hidden}.loginInner{padding:40px 48px 30px}.loginBrand{text-align:center}.loginBrand img{width:82px;height:82px;filter:drop-shadow(0 9px 14px rgba(47,143,195,.2))}.loginBrand h1{font-size:31px;margin:12px 0 5px}.loginBrand p{color:#4b84a6;margin:0 0 27px;font-size:16px}.loginForm{display:grid;gap:14px}.loginForm label{font-weight:750;font-size:13px;display:grid;gap:6px}.loginForm .btn{height:49px;margin-top:5px;font-size:15px}.loginFoot{text-align:center;background:#f8fafc;padding:17px;color:#7c8c9f;font-size:11px}.loginNote{margin-top:12px;text-align:center;font-size:11px;color:#75879b}.loginError{color:#b82d49;background:#fff0f3;padding:9px 11px;border-radius:9px;display:none;font-size:12px}.loginError.show{display:block}
@media(max-width:1100px){.summaryGrid{grid-template-columns:repeat(2,1fr)}.marketGrid{grid-template-columns:1fr}.offerCard{grid-template-columns:28px 75px 1fr 125px}.offerActions{grid-column:3/-1;grid-template-columns:1fr 1fr}.waAccountGrid{grid-template-columns:1fr}.filterBar{grid-template-columns:1fr 1fr}.filterBar select{grid-column:1/-1}.metricGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:840px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.mainArea{margin-left:0}.menuBtn{display:block;margin-right:12px}.pageWrap{padding:18px 14px 0}.footer{margin-left:-14px;margin-right:-14px;padding-left:14px}.grid2{grid-template-columns:1fr}.offerToolbar{grid-template-columns:1fr}.offerCard{grid-template-columns:28px 70px 1fr}.offerDeal{grid-column:2/4}.offerActions{grid-column:2/4}.pageHeader{align-items:flex-start;flex-wrap:wrap}.pageHeader>.btn,.pageHeader>.statusPill{margin-left:79px}.marketGrid{grid-template-columns:1fr}.quickGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.topBrand b{display:none}.pageWrap{padding-top:14px}.pageIcon{width:50px;height:50px;border-radius:14px}.pageHeader h1{font-size:22px}.pageHeader p{font-size:12px}.summaryGrid,.metricGrid{grid-template-columns:1fr}.quickGrid{grid-template-columns:repeat(2,1fr)}.panel{padding:13px}.offerCard{grid-template-columns:24px 58px 1fr;gap:8px}.offerImg{width:58px;height:58px}.offerDeal{grid-column:2/4}.bulkBar{align-items:flex-start;flex-direction:column}.bulkBar #offerCount{margin-left:0}.inlineForm{grid-template-columns:1fr}.destinationItem{grid-template-columns:1fr}.destinationActions{justify-content:flex-start}.filterBar{grid-template-columns:1fr}.ruleGrid{grid-template-columns:1fr}.ruleGrid .full{grid-column:auto}.loginInner{padding:32px 26px}}
/* V5.0.2 refinements */
.centralLogo{object-fit:contain;background:#fff;border-radius:10px;padding:2px}
.appBrand .centralLogo{width:44px!important;height:44px!important}.topBrand .centralLogo{width:34px!important;height:34px!important}
.functionHelp{background:linear-gradient(135deg,#f7fbff,#ffffff);border:1px solid #b8dbee;border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:0 8px 22px rgba(50,110,145,.06)}
.functionHelp h3{margin:0 0 12px;color:#4b95bd}.helpGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.helpGrid div{display:grid;gap:4px}.helpGrid b{font-size:13px}.helpGrid span{font-size:11px;color:#65768b;line-height:1.45}
.monitorCard{background:#fff;border:1px solid #dce7f0;border-radius:16px;padding:15px;display:grid;gap:12px}.monitorCard.activeItem{background:linear-gradient(90deg,#f7fcff,#fff);border-color:#b9ddef}.monitorTop{display:flex;justify-content:space-between}.monitorFeatures{background:#eef8ff;border:1px solid #d6ebf8;border-radius:12px;padding:10px 12px}.monitorFeatures>b{display:block;color:#4b93bc;font-size:10px;letter-spacing:.06em;margin-bottom:7px}.monitorFeatures>div{display:flex;gap:6px;flex-wrap:wrap}.monitorActions{display:flex;gap:8px;flex-wrap:wrap}.storeMiniBadge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:7px;background:#f1f5f8;color:#43556b;font-size:10px;font-weight:800}
.channelQuickAdd{background:#fff;border:1px solid #dfe8ef;border-radius:16px;padding:14px;margin-bottom:14px}.channelQuickAdd>div>div:first-child{display:grid;gap:2px;margin-bottom:10px}.channelQuickAdd small{color:var(--muted)}.channelAddForm{display:grid;grid-template-columns:190px 1fr auto auto;gap:8px}.channelAddForm select,.channelAddForm input{min-width:0}
.marketLogo{position:relative;overflow:hidden}.marketLogo img{position:relative;z-index:2;max-width:31px}.marketFallback{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:900;color:#fff;z-index:1}.marketCard[data-store="mercadolivre"] .marketFallback{color:#111}.mlBridgeBox{border:1px solid #e1e9ef;border-radius:12px;padding:12px;background:#fff}.mlBridgeBox>div{display:grid;gap:3px}.mlBridgeBox small{font-size:9px;color:#7a8799;font-weight:850}.mlBridgeBox b{color:#11875d}.mlBridgeBox span{font-size:10px;color:#65768a}.safetyHelp{border-left:4px solid #ffbd1b!important;background:#fff8df!important}
.historySummary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.historyList{display:grid;gap:10px}.historyItem{border:1px solid #dfe8ef;border-radius:14px;padding:14px;background:#fff}.historyHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.historyHead>div{display:flex;gap:9px;align-items:center;min-width:0}.historyHead b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.historyHead time{font-size:10px;color:#8090a1;white-space:nowrap}.historyItem>p{margin:6px 0;color:#66778b;font-size:11px}.historyLinks{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.historyLinks small{background:#f3f7fa;padding:5px 8px;border-radius:8px}.historyTab{border:1px solid #d8e3ec;background:#fff;padding:9px 13px;border-radius:10px;font-weight:750;color:#4e6075}.historyTab.active{background:#57a8d2;color:#fff;border-color:#57a8d2}.historyIcon{background:linear-gradient(135deg,#20c58b,#159a6f)}
@media(max-width:900px){.helpGrid{grid-template-columns:1fr}.channelAddForm{grid-template-columns:1fr}.historySummary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.historySummary{grid-template-columns:1fr}.historyHead{align-items:flex-start;flex-direction:column}}

/* V5.0.2 full brand logo on login */
.loginBrand img{width:min(280px,80%);height:150px;object-fit:contain;filter:drop-shadow(0 9px 14px rgba(47,143,195,.20))}
@media(max-width:600px){.loginBrand img{width:min(240px,88%);height:125px}}

/* V5.2.0 — fluxo simples inspirado na navegação de referência */
.setupFlow{border-color:#d7e5ef;background:linear-gradient(180deg,#fff,#fbfdff)}
.setupSteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.setupStep{border:1px solid #dfe8ef;background:#fff;border-radius:13px;padding:12px;text-align:left;display:grid;grid-template-columns:34px 1fr 18px;gap:10px;align-items:center;color:#34445a;min-height:76px}.setupStep:hover{border-color:#86c4e3;background:#f7fcff}.setupStep.done{border-color:#bfe7d5;background:#f3fcf7}.setupNum{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf4fa;color:#4f6c85;font-weight:900}.setupStep.done .setupNum{background:#18b779;color:#fff}.setupStep b{display:block;font-size:12px}.setupStep small{display:block;color:#748397;font-size:10px;line-height:1.35;margin-top:3px}.setupArrow{color:#8ba0b4;font-weight:900}
.stepPanel{padding:0;overflow:hidden}.stepPanelHead{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(90deg,#edf8fe,#f8fcff);border-bottom:1px solid #dce9f1}.stepPanelHead>div{min-width:0}.stepPanelHead h2{margin:0;font-size:16px}.stepPanelHead p{margin:3px 0 0;color:#6e8195;font-size:11px;line-height:1.4}.stepPanelHead>.btn{margin-left:auto}.stepNumber{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#5ba8d0;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 6px 14px rgba(64,145,190,.18)}.stepPanel>.waAccountGrid,.stepPanel>.inlineForm,.stepPanel>#telegramStatus,.stepPanel>.telegramAddRow,.stepPanel>.destinationList,.stepPanel>.rotationStatus,.stepPanel>.notice{margin-left:16px;margin-right:16px}.stepPanel>.waAccountGrid,.stepPanel>.inlineForm,.stepPanel>.telegramAddRow{margin-top:16px}.stepPanel>.destinationList,.stepPanel>.notice{margin-bottom:16px}.stepPanel>.rotationStatus{margin-top:16px}
.rotationStatus{display:grid;gap:9px}.rotationCard{border:1px solid #dce7ef;border-radius:13px;background:#fbfdff;padding:12px 14px;display:flex;align-items:center;gap:12px;margin-bottom:10px}.rotationCard>span{width:38px;height:38px;border-radius:11px;background:#e9f1f7;display:grid;place-items:center;font-weight:900;color:#50708a}.rotationCard.active{border-color:#afe4cd;background:#effbf5}.rotationCard.active>span{background:#17ba7b;color:#fff}.rotationCard b{display:block;font-size:13px}.rotationCard small{display:block;color:#6c7d90;margin-top:3px;line-height:1.4}
.telegramAddRow{display:grid;grid-template-columns:1fr auto minmax(220px,.7fr);gap:9px;align-items:center;margin-bottom:12px}.telegramAddRow input{min-width:0}
.secretField{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.secretField textarea{min-height:86px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.35}.maskedSecret{-webkit-text-security:disc;text-security:disc}.secretToggle{width:44px;border:1px solid #d9e3ed;border-radius:10px;background:#f7fafc;color:#68798e;font-weight:900}.mlCloudBox{border:1px solid #dfe8ef;border-radius:12px;padding:12px;background:#fff}.mlCloudBox.ready{border-color:#bde9d4;background:#f2fcf7}.mlCloudBox.attention{border-color:#f0d3a7;background:#fff9ef}.mlCloudBox>div{display:grid;gap:3px}.mlCloudBox small{font-size:9px;color:#79889a;font-weight:900;letter-spacing:.05em}.mlCloudBox b{font-size:13px;color:#16845a}.mlCloudBox.attention b{color:#a66a00}.mlCloudBox span{font-size:10px;color:#65768a;line-height:1.4}.mlCloudBox .mlError{color:#b33a4d}.marketCard[data-store="mercadolivre"]{background:linear-gradient(180deg,#fffef3,#fff)}.marketCard[data-store="mercadolivre"]:before{height:4px}
/* aproxima a hierarquia visual do painel mostrado no vídeo */
.sidebar{width:230px;background:#202b3d}.mainArea{margin-left:230px}.topbar{background:#65a8ca;height:54px}.pageWrap{max-width:none;padding-top:18px}.navBtn{font-size:12px;padding:9px 11px}.navBtn.sub{font-size:11px}.storeMini{border-radius:5px;background:#1b2534}.profileBanner{height:58px}.panel,.profileHero,.automationBar,.filterBar{border-radius:11px;box-shadow:0 6px 18px rgba(37,65,92,.05)}.marketCard{border-radius:12px;box-shadow:0 6px 18px rgba(37,65,92,.05)}.offerCard{border-radius:10px}
@media(max-width:1100px){.setupSteps{grid-template-columns:repeat(2,minmax(0,1fr))}.telegramAddRow{grid-template-columns:1fr 1fr}.telegramAddRow input:last-child{grid-column:1/-1}}
@media(max-width:840px){.mainArea{margin-left:0}}
@media(max-width:560px){.setupSteps{grid-template-columns:1fr}.stepPanelHead{align-items:flex-start;flex-wrap:wrap}.stepPanelHead>.btn{margin-left:44px}.telegramAddRow{grid-template-columns:1fr}.telegramAddRow input:last-child{grid-column:auto}.stepPanel>.waAccountGrid,.stepPanel>.inlineForm,.stepPanel>#telegramStatus,.stepPanel>.telegramAddRow,.stepPanel>.destinationList,.stepPanel>.rotationStatus,.stepPanel>.notice{margin-left:11px;margin-right:11px}}

/* V5.2.0 - regras por grupo e modo clone */
.rulesIntro{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:#eef8ff;border:1px solid #d7eaf6;color:#34556e}.rulesIntro span{font-size:12px;color:#6f8294}.ruleSection{margin-top:16px;padding-top:14px;border-top:1px solid #e5edf3}.ruleSection h3{margin:0 0 10px;font-size:14px}.ruleHint{margin:-3px 0 10px;color:#75879a;font-size:11px;line-height:1.45}.modeCards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.modeCard{border:1px solid #dce6ee;border-radius:13px;padding:12px;display:flex;gap:9px;align-items:flex-start;cursor:pointer;background:#fff}.modeCard:has(input:checked){border-color:#54a9d5;background:#f1faff;box-shadow:0 0 0 2px rgba(84,169,213,.1)}.modeCard input{width:auto;margin-top:3px}.modeCard span,.imagePolicyGrid label span{display:flex;flex-direction:column;gap:3px}.modeCard small,.imagePolicyGrid small{font-size:10px;line-height:1.4;color:#77899a}.imagePolicyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.imagePolicyGrid>label{border:1px solid #dce6ee;border-radius:13px;padding:12px;display:flex;gap:9px;align-items:flex-start;cursor:pointer}.imagePolicyGrid>label:has(input:checked){border-color:#21aa79;background:#f2fcf8}.imagePolicyGrid input{width:auto;margin-top:3px}.marketRuleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.marketRuleGrid label{border:1px solid #e1e8ee;border-radius:10px;padding:9px 10px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750}.marketRuleGrid input{width:auto}.ruleDestinationGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ruleDestination{border:1px solid #dfe7ee;border-radius:11px;padding:9px;display:flex;align-items:center;gap:9px}.ruleDestination input{width:auto}.ruleDestination img{width:20px;height:20px}.ruleDestination span{display:flex;flex-direction:column;min-width:0}.ruleDestination b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ruleDestination small{font-size:9px;color:#8493a3}
@media(max-width:700px){.modeCards,.imagePolicyGrid,.marketRuleGrid,.ruleDestinationGrid{grid-template-columns:1fr}}

/* V5.4.1 — microinterações dos botões */
@keyframes buttonTapPop{0%{transform:scale(1)}45%{transform:scale(.955)}100%{transform:scale(1)}}
@keyframes viewSoftIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes busySpin{to{transform:rotate(360deg)}}
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.btn,.navBtn,.quickBtn,.setupStep,.netTab,.historyTab,.presetRow button{transition:transform .16s ease,box-shadow .18s ease,filter .18s ease,background-color .18s ease,border-color .18s ease}
.btn:active:not(:disabled),.navBtn:active:not(:disabled),.quickBtn:active:not(:disabled),.setupStep:active:not(:disabled),.netTab:active:not(:disabled),.historyTab:active:not(:disabled),.presetRow button:active:not(:disabled){transform:scale(.965)}
.buttonTap{animation:buttonTapPop .24s ease}
.view.active{animation:viewSoftIn .2s ease both}
.btn.isBusy{position:relative;pointer-events:none;opacity:.78}
.btn.isBusy:after{content:"";width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:busySpin .65s linear infinite;margin-left:2px}
.destinationItem.activeItem{transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.destinationItem.activeItem:hover{box-shadow:0 7px 20px rgba(55,121,158,.08)}

/* V5.5.16 — fila com prioridade manual */
.queueList{display:grid;gap:10px}.queueItem{display:flex;align-items:center;gap:12px;border:1px solid #dfe8f2;border-radius:14px;padding:12px 14px;background:#fff}.queueItem.priority{border-color:#f0bf4c;background:#fffaf0}.queuePos{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#edf5fb;color:#315875;font-weight:800;flex:0 0 auto}.queueItem.priority .queuePos{background:#fff0c7;color:#8a6500}.queueText{min-width:0;flex:1}.queueText b,.queueText small{display:block}.queueText b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queueText small{color:#77869a;margin-top:3px}.queueItem .btn{white-space:nowrap}@media(max-width:700px){.queueItem{align-items:flex-start;flex-wrap:wrap}.queueText{width:calc(100% - 50px)}.queueItem .btn{width:100%}}