:root{
 --bg:#f4f7fb;--surface:#fff;--surface2:#f8fbff;--text:#13203a;--muted:#70809a;--border:#e5eaf2;
 --primary:#2377f3;--primary2:#693cff;--cyan:#17c5ee;--green:#13b96c;--orange:#ff7c17;--pink:#ff3b88;--purple:#8b45ff;
 --sidebar1:#061b43;--sidebar2:#0a2a63;--sidebar3:#2d0b78;--shadow:0 10px 28px rgba(20,42,80,.08);--radius:16px
}
html[data-theme="dark"]{--bg:#0b1322;--surface:#121d30;--surface2:#17243a;--text:#eff5ff;--muted:#9cadc7;--border:#263650;--shadow:0 12px 30px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,select,input{font:inherit}
.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;z-index:20;background:linear-gradient(180deg,var(--sidebar1) 0%,var(--sidebar2) 58%,var(--sidebar3) 100%);color:#fff;padding:14px 12px;display:flex;flex-direction:column;overflow:auto;box-shadow:10px 0 30px rgba(6,27,67,.12)}
.brand{display:flex;align-items:center;gap:10px;padding:2px 8px 16px}.brand-logo-mark{width:54px;height:48px;object-fit:contain;filter:drop-shadow(0 5px 13px rgba(57,122,255,.38))}.brand-copy strong{display:block;font-size:20px;line-height:1}.brand-copy small{display:block;color:#bed0ee;font-size:9px;line-height:1.25;margin-top:5px;max-width:110px}
.nav{display:flex;flex-direction:column;gap:3px}.nav-label{padding:13px 10px 5px;color:#83a3d1;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.nav a,.logout{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border-radius:12px;color:#f7fbff;font-size:14px;transition:.18s ease}.nav a:hover,.nav a.active,.logout:hover{background:linear-gradient(90deg,#0bc7ee 0%,#2468ff 58%,#7a3cff 100%);box-shadow:0 8px 20px rgba(35,103,255,.3);transform:translateX(1px)}.nav a.sub{padding-left:28px}
.pm-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px}.pm-icon svg{display:block;width:20px;height:20px}.inline-icon{width:17px;height:17px;flex:0 0 17px}.inline-icon svg{width:17px;height:17px}.nav-icon{width:28px;height:28px;flex:0 0 28px;border-radius:9px;padding:5px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.nav-icon svg{width:18px;height:18px}.nav-icon.dashboard{background:linear-gradient(135deg,#35cfff,#4774ff)}.nav-icon.google{background:#fff;color:#4285f4}.nav-icon.meta{background:rgba(39,129,255,.18);color:#60a8ff}.nav-icon.facebook{background:#1877f2;color:#fff}.nav-icon.instagram{background:linear-gradient(135deg,#ffbd2e,#ff2f81 55%,#7d3cff);color:#fff}.nav-icon.whatsapp{background:#22c66b;color:#fff}.nav-icon.super{background:linear-gradient(135deg,#34d5ff,#6651ff);color:#fff}.nav-icon.leads{background:linear-gradient(135deg,#23cfdf,#4f9cff)}.nav-icon.vendas{background:linear-gradient(135deg,#ffac2e,#ff6e15)}.nav-icon.reports{background:linear-gradient(135deg,#28b8ff,#5357ff)}.nav-icon.audit{background:linear-gradient(135deg,#a35cff,#702cff)}.nav-icon.companies{background:#4e69ff}.nav-icon.users{background:#5f8bff}.nav-icon.settings{background:#65758c}.nav-icon.updates{background:linear-gradient(135deg,#17c5ee,#6b3cff)}
.sidebar-card{margin-top:18px;padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(0,190,255,.28),rgba(108,53,255,.5));border:1px solid rgba(255,255,255,.12);overflow:hidden}.sidebar-card-logo{width:68px;height:58px;object-fit:contain;display:block;margin:-3px 0 6px}.sidebar-card strong{font-size:17px}.sidebar-card p{margin:5px 0;font-size:13px}.sidebar-card small{color:#d1def7;font-size:10px}.logout{margin-top:8px}
.main-area{margin-left:230px;width:calc(100% - 230px);min-width:0}.topbar{height:72px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:15}.company-switcher,.top-actions{display:flex;align-items:center;gap:10px}.company-switcher form{margin:0}.company-switcher select,.period-pill,.theme-toggle,.notify-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px}.company-switcher select{min-width:170px;padding:10px 12px}.top-label{display:flex;align-items:center;gap:6px}.period-pill{padding:10px 12px;display:flex;align-items:center;gap:7px}.theme-toggle{padding:8px 10px;display:flex;align-items:center;gap:6px;cursor:pointer}.theme-divider{opacity:.35}.notify-btn{width:40px;height:40px;display:grid;place-items:center;position:relative;cursor:pointer}.notify-btn:after{content:'';position:absolute;right:7px;top:6px;width:7px;height:7px;border-radius:50%;background:#ef4444;border:2px solid var(--surface)}.user-chip{display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff9a4c,#7553ff);color:#fff;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip small{color:var(--muted);font-size:10px;margin-top:2px}.content{padding:18px 22px 28px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.page-head h1{margin:0;font-size:28px;line-height:1.15}.page-head p{margin:5px 0 0;color:var(--muted)}.btn{border:0;border-radius:12px;padding:11px 15px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:700}.btn.primary{color:#fff;background:linear-gradient(90deg,#167cff,#4b5eff 62%,#793cff);box-shadow:0 9px 22px rgba(48,93,255,.25)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi{padding:15px;display:flex;align-items:center;gap:12px;min-height:104px}.kpi-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 42px}.kpi-icon .pm-icon{width:24px;height:24px}.kpi-icon .pm-icon svg{width:24px;height:24px}.kpi-icon.blue{background:#e8f2ff;color:#2176f3}.kpi-icon.cyan{background:#dffbff;color:#00a9cc}.kpi-icon.purple{background:#f0e6ff;color:#8a3ffc}.kpi-icon.orange{background:#fff0df;color:#ff7900}.kpi-icon.green{background:#e3f9ef;color:#0da765}.kpi small{display:block;color:var(--muted);font-size:11px}.kpi strong{display:block;font-size:20px;margin-top:4px;line-height:1.05}.kpi em{display:block;color:#12a863;font-size:11px;font-style:normal;margin-top:6px}.dashboard-grid{display:grid;gap:12px}.top-panels{grid-template-columns:1.35fr 1fr 1fr;margin-top:12px}.bottom-panels{grid-template-columns:1fr 1fr 1fr;margin-top:12px}.panel{min-height:285px}.card-title{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title strong{display:flex;align-items:center;gap:7px;font-size:14px}.card-title span,.card-title a{color:var(--muted);font-size:11px}.media-legend{display:flex;gap:14px;flex-wrap:wrap;padding:10px 16px 0;font-size:10px;color:var(--muted)}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}.legend-dot.google{background:#2584ff}.legend-dot.facebook{background:#4f55ff}.legend-dot.instagram{background:#ff3f8f}.legend-dot.super{background:#ff8b14}.bars{height:145px;display:flex;align-items:flex-end;justify-content:space-around;gap:15px;padding:18px 28px 0}.bars i{width:16%;max-width:82px;min-height:28px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#20bdf4,#5060ff);display:block;box-shadow:0 9px 22px rgba(58,89,255,.15)}.legend{display:flex;justify-content:space-around;padding:8px 16px;color:var(--muted);font-size:10px}.donut{width:145px;height:145px;border-radius:50%;margin:18px auto 10px;background:conic-gradient(#2b88ff 0 40%,#5a52f7 40% 64%,#ff337d 64% 84%,#18bd70 84%);position:relative}.donut:after{content:'R$ 1.250';position:absolute;inset:32px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-weight:900}.mini-list{list-style:none;margin:0;padding:0 18px 15px}.mini-list li{display:flex;justify-content:space-between;padding:5px 0;font-size:12px}.funnel{padding:14px 18px}.funnel div{margin:7px auto;padding:9px 11px;border-radius:8px;display:flex;justify-content:space-between;color:#153051;background:linear-gradient(90deg,#a9d9ff,#e9f5ff)}.funnel div:nth-child(2){background:linear-gradient(90deg,#8ceac5,#e8fff5)}.funnel div:nth-child(3){background:linear-gradient(90deg,#ffe484,#fff5cb)}.funnel div:nth-child(4){background:linear-gradient(90deg,#ff97ce,#ffe2f2)}.funnel div:nth-child(5){background:linear-gradient(90deg,#b784ff,#efe2ff)}
.table-card{margin-top:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:10px 11px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{color:var(--muted);font-weight:600}.good{color:#0ca95f;font-weight:800}.media-cell{display:flex;align-items:center;gap:8px}.media-chip{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--border)}.media-chip .pm-icon,.media-chip svg{width:15px;height:15px}.lead-list,.campaign-list{list-style:none;margin:0;padding:8px 16px 14px}.lead-list li,.campaign-list li{padding:9px 0;border-bottom:1px solid var(--border)}.lead-list li{display:grid;grid-template-columns:1fr auto;gap:3px}.lead-list small{color:var(--muted);font-size:10px}.pill{font-size:10px;border-radius:999px;padding:4px 8px}.pill.sale{background:#dcf8e9;color:#0c8d50}.pill.quote{background:#fff1d2;color:#9b6500}.pill.qualified{background:#e6edff;color:#315cca}.campaign-list li{display:flex;justify-content:space-between}.campaign-list b{color:#10a863}.audit-card{padding-bottom:10px}.insight{margin:9px 12px;padding:10px;border-radius:11px;font-size:11px;display:flex;align-items:flex-start;gap:8px}.insight.success{background:#e7f8ee}.insight.warning{background:#fff4d9}.insight.info{background:#efe9ff}
.version-chip{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:9px 13px;display:flex;align-items:center;gap:8px}.version-chip span{font-size:10px;color:var(--muted)}.updates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.update-status-card{padding:16px;display:flex;align-items:center;gap:12px}.update-status-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#18c6ef,#5f43ff);color:#fff;flex:0 0 46px}.update-status-icon.safe{background:linear-gradient(135deg,#19c88a,#2aa4ff)}.update-status-icon.rollback{background:linear-gradient(135deg,#ff9d34,#ff4d79)}.update-status-icon .pm-icon,.update-status-icon svg{width:24px;height:24px}.update-status-card small{color:var(--muted);font-size:10px}.update-status-card h3{margin:2px 0 4px;font-size:15px}.update-status-card p{margin:0;color:var(--muted);font-size:11px}.update-manager-card{overflow:hidden}.update-frame{display:block;width:100%;height:590px;border:0;background:var(--surface2)}
.placeholder{padding:48px 28px;text-align:center}.placeholder-icon{width:64px;height:64px;border-radius:18px;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,#13c6ef,#4e5cff,#7b3cff);color:#fff}.placeholder-icon .pm-icon,.placeholder-icon svg{width:30px;height:30px}
.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#173e88,#07152c 58%,#30106c)}.login-card{width:min(420px,92vw);background:#fff;border-radius:22px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.34)}.login-brand{text-align:center}.login-logo{width:260px;max-width:90%;height:90px;object-fit:contain}.login-card label{display:block;margin-top:13px;font-size:12px;color:#46546c}.login-card input{width:100%;padding:12px;border:1px solid #d8dfeb;border-radius:10px;margin-top:5px}.login-card button{width:100%;justify-content:center;margin-top:17px}.login-help{text-align:center;font-size:11px;color:#8490a4}.alert{padding:10px;border-radius:10px;margin:10px 0}.alert.danger{background:#fee2e2;color:#991b1b}.muted{color:var(--muted)}
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.top-panels,.bottom-panels{grid-template-columns:1fr 1fr}.top-panels .panel:last-child{grid-column:1/-1}}
@media(max-width:920px){.sidebar{width:82px}.brand-copy,.nav .label,.nav-label,.sidebar-card,.logout .label{display:none}.brand{justify-content:center;padding:2px 0 14px}.brand-logo-mark{width:52px}.nav a,.logout{justify-content:center;padding:7px}.nav a.sub{padding-left:7px}.main-area{margin-left:82px;width:calc(100% - 82px)}.topbar{height:auto;padding:10px;flex-wrap:wrap}.top-actions{flex-wrap:wrap}.top-label,.period-pill,.user-chip>div:last-child{display:none}.content{padding:14px}.updates-grid{grid-template-columns:1fr}.kpi-grid,.top-panels,.bottom-panels{grid-template-columns:1fr}.top-panels .panel:last-child{grid-column:auto}.page-head{flex-direction:column}.page-head h1{font-size:23px}}