@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@500;600&display=swap');
:root{
 --bg:#F4F5F2;--surface:#FFFFFF;--surface2:#F8F9F6;--line:#E2E5DF;
 --ink:#0F1720;--ink2:#46505C;--ink3:#626C78;--brand:#1D4FD8;--brandInk:#FFFFFF;
 --chg:#1D4FD8;--chgBg:#E7EDFD;--free:#0A7552;--freeBg:#E1F3EA;
 --warn:#9A5200;--warnBg:#FCEFD9;--down:#B42318;--downBg:#FCE7E4;
 --off:#626C78;--offBg:#ECEEEA;--side:#0B1118;--sideInk:#C3CCD6;
 --sideDim:#8A96A3;--sideActive:#1A2430;--unit2:#6B8FEA;--unit3:#B9C8F3;
 --shadow:0 1px 2px rgba(15,23,32,.04),0 4px 16px rgba(15,23,32,.05);
 --radius-lg:16px;--radius-md:12px;--radius-sm:9px;
}
[data-theme="dark"]{
 --bg:#0A0F15;--surface:#111820;--surface2:#151D27;--line:#222D39;
 --ink:#ECF0F4;--ink2:#A7B2BE;--ink3:#8D99A6;--brand:#7C9DFF;--brandInk:#0A0F15;
 --chg:#8AA8FF;--chgBg:#18223C;--free:#4FCB9C;--freeBg:#102B24;
 --warn:#F2B55C;--warnBg:#30230E;--down:#FF8B7B;--downBg:#361613;
 --off:#8D99A6;--offBg:#1A222C;--side:#070B10;--sideInk:#C3CCD6;
 --sideDim:#7F8B98;--sideActive:#151E29;
 --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);
}
html,body{background:var(--bg)!important;color:var(--ink)!important;font-family:Geist,system-ui,sans-serif!important}
body{font-size:14px}
[hidden]{display:none!important}
.pccVideoFrame{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}
.pccVideoFrame.is-ready{opacity:1;transform:none}
.num{font-family:"Geist Mono",monospace!important;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--brand)!important;outline-offset:3px}
#platform.wrap{display:block!important;width:auto!important;max-width:none!important;margin:0 0 0 232px!important;padding:32px 42px 72px!important;min-height:100vh;background:var(--bg)!important}
#platform.wrap.hidden{display:none!important}
#platform>.top{display:none!important}
#platform>.accountbar{display:none!important}
#platform>.tab{width:100%;min-width:0}
#platform>.tab~p{margin-top:24px;color:var(--ink3);font-size:11px}
#platform #networkWatch{display:none!important}
#platform .tab:not(.active){display:none!important}
#platform .tab{color:var(--ink)}
#platform .panel,#platform .card{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow)}
#platform .card .big{font-family:"Geist Mono",monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(20px,2.1vw,32px);overflow-wrap:anywhere}
[data-theme="dark"] #platform .panel,[data-theme="dark"] #platform .card,[data-theme="dark"] #platform .stationFinance,[data-theme="dark"] #platform .row,[data-theme="dark"] #platform .statusStation{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
[data-theme="dark"] #platform input,[data-theme="dark"] #platform select,[data-theme="dark"] #platform textarea,[data-theme="dark"] #platform .btn{background:var(--surface2)!important;color:var(--ink)!important;border-color:var(--line)!important}
#platform .muted,#platform .small,#platform .sectionHead p{color:var(--ink3)!important}
#platform .sectionHead h2,#platform .section,#platform h2{color:var(--ink)!important}
#platform .panel:hover,#platform .card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,32,.12);transition:transform .18s,box-shadow .18s}
#pccSide{position:fixed;z-index:35;inset:0 auto 0 0;width:232px;background:var(--side);color:var(--sideInk);display:flex;flex-direction:column;padding:24px 16px;overflow-y:auto}
.pccSideBrand{display:flex;align-items:center;gap:10px;margin:0 8px 30px}
.pccSideLogo{position:relative;width:34px;height:34px;flex:none;overflow:hidden;display:block}
.pccSideLogo img{position:absolute;width:191px;height:auto;max-width:none;left:-5px;top:-7px}
.pccSideBrand strong{display:block;color:white;font-size:14px}.pccSideBrand small{display:block;color:var(--sideDim);font-size:11px}
.pccSideLinks{display:grid;gap:6px}
.pccSideLinks button,.pccSideFoot button{font:inherit;color:var(--sideInk);background:transparent;border:0;cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;min-height:44px;padding:9px 12px;border-radius:9px;width:100%}
.pccSideLinks button.active{background:var(--sideActive);color:white;font-weight:600}
.pccSideLinks button:hover,.pccSideFoot button:hover{background:var(--sideActive)}
.pccSideLinks .liveDot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#4FCB9C;box-shadow:0 0 0 5px #4FCB9C20;animation:pccPing 1.8s infinite}
.pccPartner{display:grid;justify-items:center;gap:9px;margin:24px 8px 14px;padding:10px;border:1px solid #4279b480;border-radius:14px;background:linear-gradient(150deg,#152435,#0b1724);box-shadow:0 10px 26px #0003;margin-top:auto}
.pccPartnerMark{display:block;width:100%;overflow:hidden;border-radius:10px;background:#0752a8}
.pccPartnerMark img{display:block;width:100%;height:auto;object-fit:contain}
.pccPartnerText{min-width:0;text-align:center}.pccPartner small{display:block;font-size:10px;letter-spacing:.1em;color:#becbdd;line-height:1.3;font-weight:600}
.pccSideFoot{border-top:1px solid #ffffff18;padding-top:12px}
.pccUser{display:flex;align-items:center;gap:9px;margin:5px 8px 10px}
.pccAvatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sideActive);color:white;font-weight:700}
.pccUserText strong,.pccUserText small{display:block}.pccUserText strong{color:white}.pccUserText small{color:var(--sideDim);font-size:11px}
.pccSideFoot .pccFootActions{display:flex;gap:4px}.pccSideFoot .pccFootActions button{font-size:12px}
#platform #nav{position:relative!important;inset:auto!important;display:flex!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 18px!important;gap:0}
#platform #nav .navCluster{display:none!important;flex-direction:row!important;align-items:center!important;border:0!important;flex-wrap:wrap!important;gap:5px!important;padding:4px!important;border-radius:12px;background:var(--surface2);width:max-content;max-width:100%}
#platform #nav .navCluster.pccCurrent:not(.hidden){display:flex!important}
#platform #nav .navCluster>span{display:none!important}
#platform #nav button{font:500 13px Geist,system-ui!important;color:var(--ink2)!important;border:0!important;border-radius:9px!important;background:transparent!important;padding:9px 13px!important;min-height:38px}
#platform #nav button.active{color:var(--ink)!important;background:var(--surface)!important;box-shadow:var(--shadow)}
#platform #nav button.hidden{display:none!important}
.pccLiveHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:5px 0 22px}
.pccLiveHead h1{font-size:28px;letter-spacing:-.02em;font-weight:600;margin:0;color:var(--ink)}
.pccLiveHead p{margin:3px 0 0;color:var(--ink2);font-size:13px}
.pccLiveHead .pccHeadActions{display:flex;align-items:center;gap:12px}
.pccLiveHead time{color:var(--ink3);font-size:12px}
.pccLiveHead button,.pccFilter button,.pccStationFooter button{font:inherit;cursor:pointer;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:9px 13px;min-height:44px}
.pccLiveHead .pccDot{display:inline-block;width:8px;height:8px;background:var(--free);border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px var(--freeBg);animation:pccPing 1.8s infinite}
.pccAttention{display:flex;align-items:center;gap:12px;background:var(--warnBg);color:var(--warn);border-radius:12px;padding:13px 16px;margin-bottom:22px}
.pccAttention.down{background:var(--downBg);color:var(--down)}
.pccAttention button{margin-left:auto;border:1px solid currentColor;color:inherit;background:transparent;border-radius:8px;padding:8px 12px;min-height:44px;cursor:pointer}
.pccMainGrid{display:grid;grid-template-columns:5fr 3fr 4fr;gap:20px;margin-bottom:28px}
.pccLiveCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px;min-width:0;animation:pccEnter .5s cubic-bezier(.2,.7,.2,1) both}
.pccLiveCard:nth-child(2){animation-delay:70ms}.pccLiveCard:nth-child(3){animation-delay:140ms}
.pccLiveCard:hover,.pccStation:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,32,.13);transition:transform .18s,box-shadow .18s}
.pccLabel{font-size:12.5px;color:var(--ink2)}.pccRevenueValue{display:block;font-size:clamp(32px,3.5vw,52px);font-weight:600;color:var(--ink);margin:26px 0 2px;white-space:nowrap}
.pccRevenueMeta{font-size:13px;color:var(--ink2)}
.pccRevenueTrack{display:flex;height:10px;overflow:hidden;border-radius:99px;background:var(--surface2);margin:20px 0 12px}
.pccRevenueTrack span{min-width:0}.pccRevenueLegend{display:flex;gap:8px;flex-wrap:wrap}.pccRevenueLegend div{flex:1 1 85px;min-width:0}.pccRevenueLegend small,.pccRevenueLegend strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pccRevenueLegend small{color:var(--ink3);font-size:11px}.pccRevenueLegend strong{font-size:12px}
.pccMetrics{display:grid;gap:12px}.pccMetrics .pccLiveCard{padding:17px}.pccMetrics strong{display:block;font-size:24px;margin-top:6px}.pccMetrics small{display:block;color:var(--ink3);font-size:11px;margin-top:5px}
.pccActivityList{list-style:none;padding:0;margin:14px 0 0}.pccActivityList li{display:flex;gap:9px;padding:11px 0;border-top:1px solid var(--line);font-size:12px;color:var(--ink)}.pccActivityList time{color:var(--ink3);flex:none}.pccActivityList i{width:7px;height:7px;border-radius:50%;margin-top:5px;flex:none;background:var(--off)}.pccActivityList i.sync{background:var(--free)}.pccActivityList i.start{background:var(--chg)}
.pccStationHead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px}.pccStationHead h2{font-size:18px!important;margin:0;color:var(--ink)}.pccFilter{display:flex;gap:2px;background:var(--surface2);padding:3px;border-radius:11px}.pccFilter button{border:0;background:transparent;min-height:38px;padding:6px 11px}.pccFilter button[aria-pressed="true"]{background:var(--surface);box-shadow:var(--shadow)}
.pccStations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pccStation{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;animation:pccEnter .5s cubic-bezier(.2,.7,.2,1) both}
.pccStation:nth-child(2){animation-delay:70ms}.pccStation:nth-child(3){animation-delay:140ms}
.pccStationTop{display:flex;align-items:start;justify-content:space-between;gap:10px}.pccStationTop strong{font-size:15px}.pccStationTop small{display:block;font-size:11px;color:var(--ink3);margin-top:4px}
.pccBadge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:600;white-space:nowrap}
.pccBadge.charging{background:var(--chgBg);color:var(--chg)}.pccBadge.free{background:var(--freeBg);color:var(--free)}.pccBadge.attention{background:var(--warnBg);color:var(--warn)}.pccBadge.down{background:var(--downBg);color:var(--down)}
.pccConnector{display:flex;align-items:center;gap:9px;background:var(--surface2);border:1px solid var(--line);border-radius:var(--radius-md);margin-top:9px;padding:12px;position:relative;overflow:hidden}
.pccConnector strong,.pccConnector small{display:block}.pccConnector strong{font-size:12px}.pccConnector small{font-size:11px;color:var(--ink3)}.pccConnectorTime{margin-left:auto;text-align:right;color:var(--chg)}.pccConnectorTime small{color:var(--ink3)}
.pccConnector.charging:after{content:"";height:3px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,transparent,var(--chg),transparent);background-size:200% 100%;animation:pccFlow 1.6s linear infinite}
.pccStationFooter{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.pccStationFooter small{display:block;color:var(--ink3);font-size:11px}.pccStationFooter strong{font-size:14px}
.pccStation details{margin-top:12px;border-radius:12px;background:var(--surface2);padding:10px;font-size:12px}.pccStation details summary{cursor:pointer}.pccStation details dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pccStation details dt{color:var(--ink3)}.pccStation details dd{margin:0}
.pccUnlinked{border:1px dashed var(--line);border-radius:12px;padding:16px;margin-top:20px;color:var(--off);display:flex;align-items:center;gap:8px}.pccUnlinked button{margin-left:auto;background:transparent;color:inherit;border:0;cursor:help;min-height:44px}
.pccInfo{cursor:help;border:0;background:none;color:var(--ink3);float:right}
#statusmvp .statusHero.uncertain{background:var(--warnBg)!important;color:var(--warn)!important}#statusmvp .statusHero.uncertain *{color:var(--warn)!important}
#statusmvp .statusBadge.operating.charging,#visao .overviewState.charging,.connectorState.charging{color:var(--chg)!important;background:var(--chgBg)!important}
#statusmvp .statusBadge.failed,#visao .overviewState.failed{color:var(--down)!important;background:var(--downBg)!important}
.vipModeBanner{background:var(--downBg);color:var(--down)}
[data-theme="dark"] #platform .tab h1,[data-theme="dark"] #platform .tab h2,[data-theme="dark"] #platform .tab h3,[data-theme="dark"] #platform .tab h4,[data-theme="dark"] #platform .tab strong,[data-theme="dark"] #platform .tab .big,[data-theme="dark"] #platform .tab .section,[data-theme="dark"] #platform .tab label,[data-theme="dark"] #platform .tab .metric{color:var(--ink)!important}
[data-theme="dark"] #platform .tab p,[data-theme="dark"] #platform .tab .muted,[data-theme="dark"] #platform .tab .small,[data-theme="dark"] #platform .tab .sub,[data-theme="dark"] #platform .tab .note,[data-theme="dark"] #platform .tab .mini{color:var(--ink2)!important}
[data-theme="dark"] #platform .tab .row:not(.head),[data-theme="dark"] #platform .tab .listItem,[data-theme="dark"] #platform .tab .securitySite,[data-theme="dark"] #platform .tab .station,[data-theme="dark"] #platform .tab .flowStep,[data-theme="dark"] #platform .tab .tier{background:var(--surface2)!important;color:var(--ink)!important;border-color:var(--line)!important}
[data-theme="dark"] #platform .tab .row.head,[data-theme="dark"] #platform .tab .head{background:var(--surface2)!important;color:var(--ink)!important;border-color:var(--line)!important}
[data-theme="dark"] #platform .tab .btn,[data-theme="dark"] #platform .tab button:not(.pccBadge),[data-theme="dark"] #platform .tab input,[data-theme="dark"] #platform .tab select,[data-theme="dark"] #platform .tab textarea{color:var(--ink)!important;border-color:var(--line)!important}
[data-theme="dark"] #platform .tab .btn,[data-theme="dark"] #financeiro .financeControls button,[data-theme="dark"] #financeiro #financeSiteSummary{background:var(--surface2)!important;color:var(--ink)!important;border-color:var(--line)!important}
[data-theme="dark"] #financeiro .financeGrid .card:first-child .big,[data-theme="dark"] #financeiro .financeGrid .card:first-child strong{color:#fff!important}
[data-theme="dark"] #financeiro .financeGrid .card:first-child .small,[data-theme="dark"] #financeiro .financeGrid .card:first-child .muted{color:#bfcde4!important}
[data-theme="dark"] #financeiro .dreTable [role="row"],[data-theme="dark"] #financeiro .dreTable [role="row"].subtotal,[data-theme="dark"] #financeiro .dreTable [role="row"].result{background:var(--surface2)!important;color:var(--ink)!important;border-color:var(--line)!important}
[data-theme="dark"] #financeiro .dreTable [role="cell"]{color:var(--ink)!important}
[data-theme="dark"] #financeiro .financePanel,[data-theme="dark"] #financeiro .financePanelHead,[data-theme="dark"] #financeiro .dreInputs{color:var(--ink)!important;background:var(--surface)!important}
[data-theme="dark"] #cadastrovip .vipSnapshot,[data-theme="dark"] #cadastrovip .vipSnapshot>div,[data-theme="dark"] #cadastrovip .vipHealth,[data-theme="dark"] #cadastrovip .vipHealth>div,[data-theme="dark"] #seguranca .cameraChannel,[data-theme="dark"] #seguranca .cameraEmpty,[data-theme="dark"] #seguranca .securityNote,[data-theme="dark"] #seguranca .mosaicTile,[data-theme="dark"] #seguranca .cameraEntry{background:var(--surface2)!important;color:var(--ink)!important;border-color:var(--line)!important}
[data-theme="dark"] #cadastrovip .vipSnapshot strong,[data-theme="dark"] #cadastrovip .vipHealth strong,[data-theme="dark"] #seguranca .cameraChannel strong{color:var(--ink)!important}
[data-theme="dark"] #seguranca .cameraChannel span,[data-theme="dark"] #cadastrovip .vipSnapshot small{color:var(--ink2)!important}
[data-theme="dark"] #platform #nav button.active{color:var(--ink)!important}
#pccSide strong,#pccSide .pccName{color:#ECF0F4!important}
@keyframes pccEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes pccPing{50%{box-shadow:0 0 0 8px transparent}}
@keyframes pccFlow{to{background-position:-200% 0}}
@media(max-width:1100px){.pccMainGrid{grid-template-columns:1fr 1fr}.pccMainGrid>.pccActivity{grid-column:1/-1}.pccStations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 #platform.wrap{margin:0!important;padding:18px 16px 100px!important}
 #pccSide{inset:auto 12px 12px;width:calc(100% - 24px);height:68px;padding:5px;border-radius:20px;box-shadow:0 8px 30px #0004}
 .pccSideBrand,.pccPartner,.pccSideFoot{display:none}.pccSideLinks{display:flex;justify-content:space-around;gap:0;height:100%}
 .pccSideLinks button{display:grid;justify-items:center;align-content:center;gap:1px;min-height:58px;padding:3px;font-size:10px;width:auto;flex:1;text-align:center}
 .pccSideLinks button svg{width:18px;height:18px}.pccSideLinks .liveDot{display:none}
 .pccLiveHead{align-items:start}.pccLiveHead .pccHeadActions{display:grid;justify-items:end}.pccLiveHead time{font-size:10px}
 .pccMainGrid,.pccStations{grid-template-columns:1fr}.pccMainGrid>.pccActivity{grid-column:auto}
 .pccStationHead{align-items:start;flex-wrap:wrap}.pccRevenueValue{font-size:42px}
 .pccAttention{flex-wrap:wrap}.pccAttention button{margin-left:0}
 #platform #nav .navCluster{overflow-x:auto;flex-wrap:nowrap!important;width:100%}#platform #nav button{white-space:nowrap;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.pccLiveCard,.pccStation,.pccConnector.charging:after,.pccDot,.liveDot{animation:none!important;transition:none!important;transform:none!important}.pccVideoFrame{transition:none!important;transform:none!important}}