[data-theme="black"]{--bg:#030405;--panel:#0a0b0d;--line:#2d2d2d;--text:#fafafa;--muted:#a5a5a5;--shadow:0 18px 50px rgba(0,0,0,.6)}[data-theme="light"]{--bg:#eef1f5;--panel:#fff;--line:#d4dae2;--text:#172130;--muted:#657286;--shadow:0 12px 30px rgba(29,45,70,.12)}[data-theme="white"]{--bg:#fff;--panel:#fff;--line:#dfe3e8;--text:#111820;--muted:#697483;--shadow:0 10px 25px rgba(16,24,40,.08)}
:root{--bg:#0d0d0d;--panel:#1e1e1e;--line:#333333;--text:#f2f2f2;--muted:#a6a6a6;--gold:#a6a6a6;--gold2:#f2f2f2;--green:#18c77e;--blue:#318cf4;--purple:#8455f3;--pink:#ed3d78;--orange:#ff8a2a;--red:#f05a63;--shadow:0 18px 50px rgba(0,0,0,.34)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 450px at 20% -10%,rgba(166,166,166,.14),transparent 55%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;overflow:auto;background:linear-gradient(180deg,#111111,#0a0a0a);border-right:1px solid rgba(255,255,255,.06);padding:20px 15px}.brand{padding:18px;border:1px solid rgba(166,166,166,.28);border-radius:20px;background:rgba(166,166,166,.07);margin-bottom:14px;display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px;object-fit:contain;border-radius:10px;background:#000}.brand b{display:block;font-size:24px;color:var(--gold2);letter-spacing:1px}.brand small{color:#bdbdbd}.nav{display:block;width:100%;border:0;background:transparent;color:#dbe5ef;text-align:left;padding:12px 13px;border-radius:12px;margin:5px 0;cursor:pointer}.nav:hover{background:rgba(255,255,255,.04)}.nav.active{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#111;font-weight:800}.main{padding:24px 26px;min-width:0}.top{display:flex;justify-content:space-between;gap:20px}.top h1{margin:0;font-size:40px}.top p{color:var(--muted)}.live{padding:12px 15px;border:1px solid rgba(24,199,126,.3);background:rgba(24,199,126,.08);color:#7bf0ba;border-radius:14px;height:max-content;font-weight:800}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0}.filter,.btn,input,select{background:#1e1e1e;color:white;border:1px solid var(--line);border-radius:12px;padding:11px 13px}.btn{cursor:pointer;display:inline-block}.btn.gold{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#111;border:0;font-weight:800}.view{display:none}.view.active{display:block}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:17px;border-radius:18px;min-height:124px;box-shadow:var(--shadow)}.kpi .label{font-weight:800}.kpi .value{font-size:34px;font-weight:900;margin:14px 0 7px}.kpi .sub{font-size:12px}.c1{background:linear-gradient(135deg,#0d8f60,#075139)}.c2{background:linear-gradient(135deg,#1878e7,#0c468f)}.c3{background:linear-gradient(135deg,#7835e6,#44158b)}.c4{background:linear-gradient(135deg,#e72f72,#8f1346)}.c5{background:linear-gradient(135deg,#da6d13,#7c3300)}.c6{background:linear-gradient(135deg,#058da0,#074b5c)}.c7{background:linear-gradient(135deg,#249447,#115c2b)}.c8{background:linear-gradient(135deg,#5c43d1,#34247e)}.grid2{display:grid;grid-template-columns:1.55fr .75fr;gap:15px;margin-top:15px}.panel{background:linear-gradient(180deg,rgba(16,27,42,.98),rgba(11,20,33,.98));border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:17px;box-shadow:var(--shadow)}.panel h3{margin:0 0 12px;font-size:22px}.chart{height:285px}.market-grid,.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.market-grid{grid-template-columns:repeat(4,1fr)}.card{background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:15px}.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.kv span:first-child{color:var(--muted)}table{width:100%;border-collapse:separate;border-spacing:0 8px}th{text-align:left;color:#a6b4c5;font-size:12px;padding:0 11px 5px}td{padding:11px;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}td:first-child{border-left:1px solid rgba(255,255,255,.06);border-radius:11px 0 0 11px}td:last-child{border-right:1px solid rgba(255,255,255,.06);border-radius:0 11px 11px 0}.badge{display:inline-block;padding:6px 9px;border-radius:99px;font-size:11px;font-weight:900}.ok{background:rgba(24,199,126,.12);color:#7bf0ba}.bad{background:rgba(240,90,99,.12);color:#ffb0b5}.warn{background:rgba(255,138,42,.12);color:#ffc28a}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.progress{height:9px;background:#1b2a3d;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);align-items:center;justify-content:center;z-index:99}.modal.show{display:flex}.modal-card{width:min(700px,94vw);max-height:88vh;overflow:auto;background:#1e1e1e;border:1px solid var(--line);border-radius:20px;padding:20px}.modal-card input,.modal-card select{width:100%;margin:6px 0 10px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(460px,94vw);background:#1e1e1e;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow);text-align:center}.auth-logo{margin:0 auto 14px}.auth-logo img{width:88px;height:88px;object-fit:contain;border-radius:16px;background:#000}.auth-card h1{color:var(--gold2);margin:0;letter-spacing:2px}.auth-tagline{color:var(--muted);font-size:12px;letter-spacing:2px;margin:4px 0 18px;text-transform:uppercase}.auth-card label{display:block;text-align:left}.auth-card input{width:100%;margin:7px 0 14px}.error{color:#ffb0b5;margin:10px 0}@media(max-width:1200px){.kpis,.market-grid,.cards3,.filters{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.main{padding:16px}.kpis,.market-grid,.cards3,.filters{grid-template-columns:1fr}}
/* Home operacional e identidade dos marketplaces */
.marketplace-featured{grid-template-columns:repeat(3,1fr)}.marketplace-card{overflow:hidden;position:relative}.marketplace-card:before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:var(--line)}.marketplace-mercado-livre:before{background:#ffe600}.marketplace-shopee:before{background:#ee4d2d}.marketplace-tiktok-shop:before{background:linear-gradient(90deg,#25f4ee,#fe2c55)}.marketplace-brand{display:flex;align-items:center;gap:12px}.marketplace-brand h4{margin:0 0 4px}.marketplace-brand small{color:var(--muted)}.marketplace-logo{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#fff;box-shadow:0 7px 18px rgba(0,0,0,.18)}.marketplace-logo img{width:34px;height:34px;object-fit:contain}.marketplace-value{font-size:25px;font-weight:900;margin:16px 0 7px}.home-operations{display:grid;grid-template-columns:1.15fr .85fr;gap:15px;margin-top:15px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title-row h3{margin:0}.home-operations #homeAlerts .card{box-shadow:none}
/* Configuração de aparência */
.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.theme-choice{background:var(--panel);color:var(--text);border:2px solid var(--line);border-radius:16px;padding:13px;text-align:left;cursor:pointer}.theme-choice.selected{border-color:var(--gold)}.theme-choice b,.theme-choice small{display:block}.theme-choice small{min-height:36px;color:var(--muted);margin:7px 0}.theme-preview{display:flex;height:78px;border-radius:11px;padding:10px;gap:6px;margin-bottom:11px}.theme-preview i{display:block;border-radius:5px;background:#a6a6a6;flex:1}.theme-preview i:first-child{flex:.45}.preview-black{background:#030405;border:1px solid #333}.preview-black i:nth-child(2),.preview-black i:nth-child(3){background:#111}.preview-dark{background:#07101b}.preview-dark i:nth-child(2),.preview-dark i:nth-child(3){background:#18304b}.preview-light{background:#eef1f5}.preview-light i:nth-child(2),.preview-light i:nth-child(3){background:#fff}.preview-white{background:#fff;border:1px solid #ddd}.preview-white i:nth-child(2),.preview-white i:nth-child(3){background:#f1f2f4}
/* Temas claro e branco */
[data-theme=light] body,[data-theme=white] body{background:radial-gradient(900px 450px at 20% -10%,rgba(166,166,166,.18),transparent 55%),var(--bg)}
[data-theme=light] .sidebar,[data-theme=white] .sidebar{background:linear-gradient(180deg,#fff,#f4f6f8);border-right-color:var(--line)}
[data-theme=light] .nav,[data-theme=white] .nav{color:#283446}[data-theme=light] .nav:hover,[data-theme=white] .nav:hover{background:#e8edf3}
[data-theme=light] .panel,[data-theme=white] .panel{background:var(--panel);border-color:var(--line)}
[data-theme=light] .filter,[data-theme=light] .btn,[data-theme=light] input,[data-theme=light] select,[data-theme=light] .v10form input,[data-theme=light] .v10form select,[data-theme=white] .filter,[data-theme=white] .btn,[data-theme=white] input,[data-theme=white] select,[data-theme=white] .v10form input,[data-theme=white] .v10form select{background:#fff;color:#172130;border-color:var(--line)}
[data-theme=light] td,[data-theme=white] td{background:#f7f9fb;border-color:var(--line)}[data-theme=light] th,[data-theme=white] th{color:#59677a}
[data-theme=light] .modal-card,[data-theme=white] .modal-card{background:#fff;color:#172130}[data-theme=light] .brand,[data-theme=white] .brand{background:#f2f2f2}[data-theme=light] .brand b,[data-theme=white] .brand b{color:#1e1e1e}[data-theme=light] .brand small,[data-theme=white] .brand small{color:#657286}
[data-theme=black] .sidebar{background:#050607}[data-theme=black] .panel{background:#0a0b0d}
@media(max-width:1100px){.theme-grid{grid-template-columns:repeat(2,1fr)}.home-operations{grid-template-columns:1fr}}@media(max-width:850px){.marketplace-featured,.theme-grid{grid-template-columns:1fr}}
/* Filtros: chips de loja e presets de data */
.filters-row{display:flex;flex-direction:column;gap:10px;margin:17px 0}
.chip-row{display:flex;flex-wrap:wrap;gap:8px}
.store-chip{display:inline-flex;align-items:center;gap:7px;background:#1e1e1e;border:1px solid var(--line);border-radius:999px;padding:7px 14px 7px 8px;color:var(--muted);cursor:pointer;font-size:12px;font-weight:800;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .15s,border-color .15s}
.store-chip:not(:has(img)){padding-left:14px;max-width:none}
.store-chip img{width:18px;height:18px;border-radius:50%;background:#fff;object-fit:contain;flex-shrink:0}
.store-chip.active{color:var(--text);border-color:var(--gold)}
.store-chip:not(.active){opacity:.4}
#datePresets button{background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 16px;color:var(--muted);cursor:pointer;font-size:12px;font-weight:800}
#datePresets button.active{border-color:var(--green);color:#7bf0ba}
#customDates{align-items:center}
#customDates input{padding:8px 11px}
@media(max-width:850px){.filters-row{gap:8px}}
/* Menu retrátil (app-like) no celular */
.menu-toggle{display:none;background:#1e1e1e;color:var(--text);border:1px solid var(--line);border-radius:10px;width:42px;height:42px;font-size:18px;cursor:pointer;margin-right:10px}
.nav-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:40}
.nav-backdrop.show{display:block}
@media(max-width:850px){
 .top{display:flex;align-items:flex-start}
 .menu-toggle{display:block}
 .sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:82vw;z-index:50;transform:translateX(-105%);transition:transform .25s ease;box-shadow:0 0 40px rgba(0,0,0,.5)}
 .sidebar.open{transform:translateX(0)}
}