/* Camada exclusivamente visual para as copias de teste dos paineis reais. */
:root{
  --bg:#F2F0E9;--sb:#151716;--sb-h:#202321;--sb-a:#292C2A;--sb-b:#303330;
  --acc:#FF5C35;--acc-l:#FFE9E2;--acc-hov:#E94E29;
  --w:#FBFAF5;--bg2:#EAE8E0;--bor:#DEDBD1;--bor-m:#CBC7BB;
  --t:#181A19;--m:#626762;--mu:#92978F;
  --gn:#168C5B;--gn-b:#DFF3E8;--rd:#C9443A;--rd-b:#FBE5E1;
  --am:#A66B0D;--am-b:#F8ECD4;--bl:#315EC9;--bl-b:#E8EEFC;
  --pu:#6548BD;--pu-b:#EEE9FB;
  --shadow:0 1px 2px rgba(24,26,25,.05),0 8px 24px rgba(24,26,25,.055);
}
[data-theme="dark"]{
  --bg:#0E100F;--sb:#080A09;--sb-h:#181B19;--sb-a:#222522;--sb-b:#242724;
  --acc:#FF6A45;--acc-l:#30170F;--acc-hov:#FF7A59;
  --w:#151715;--bg2:#1D201E;--bor:#292D2A;--bor-m:#363A37;
  --t:#F4F2EB;--m:#AAAFA8;--mu:#6F746F;
  --gn:#35B77E;--gn-b:#10271D;--rd:#EE6760;--rd-b:#2B1210;
  --am:#E2A13C;--am-b:#2B210F;--bl:#6D94EE;--bl-b:#111D35;
  --pu:#9A7EEA;--pu-b:#201936;
}
body{letter-spacing:-.005em}#sidebar{width:238px;min-width:238px}.sb-logo{min-height:72px;padding:14px 16px}.gf-brand{display:flex!important;align-items:center;gap:10px;font-size:0!important}.gf-brandmark{width:36px;height:36px;flex:0 0 auto;filter:drop-shadow(0 2px 0 rgba(0,0,0,.2))}.gf-brandmark .logo-bg{fill:#181A19;stroke:#393D3A;stroke-width:1}.gf-brandmark .logo-g{fill:none;stroke:#D8F55F;stroke-width:4.7;stroke-linecap:round;stroke-linejoin:round}.gf-brandmark .logo-cut{fill:#FF5C35}.gf-brandword{font:800 18px/1 "DM Sans",sans-serif;color:#fff;letter-spacing:-.7px}.gf-brandword em{color:#fff!important}.sb-nav{padding:12px 9px}.sb-label{font-size:9px;letter-spacing:.12em;color:#555B56;padding-top:13px}.nav-item{padding:9px 11px;border-radius:8px}.nav-item.active{box-shadow:inset 3px 0 #D8F55F}.nav-item.active .nav-icon{color:#D8F55F}.sb-avatar,.tb-avatar{background:var(--acc);border-radius:10px}.sb-empresa{padding-inline:16px}.sb-user{padding:12px 16px 15px}#topbar{height:64px;padding:0 28px;background:color-mix(in srgb,var(--w) 94%,transparent);backdrop-filter:blur(12px)}.tb-logo{background:var(--t);padding:6px 11px;border-radius:8px}.tb-logo em{color:#D8F55F}#content{padding:30px 34px}.ph{margin-bottom:24px}.ph-left h1{font-size:25px;font-weight:700;letter-spacing:-.04em}.ph-left p{font-size:12px}.btn{border-radius:7px;font-weight:600}.btn-primary{box-shadow:0 2px 0 rgba(24,26,25,.16)}.card,.kpi,.table-wrap,.modal-box{border-radius:11px!important;box-shadow:var(--shadow)}.kpi{border-top:1px solid var(--bor)!important}.kpi-value{letter-spacing:-.04em}.chart-card,.card{background:var(--w)}input,select,textarea{border-radius:7px}.filter-tab.active{background:var(--t)!important;color:var(--w)!important}.badge{border-radius:99px}.plan-alert{padding:11px 20px}.admin-topbar{background:#181A19;border-bottom:3px solid #FF5C35;min-height:44px}.admin-topbar-left:before{content:"";width:7px;height:7px;border-radius:50%;background:#D8F55F;box-shadow:0 0 0 4px rgba(216,245,95,.12)}
@media(max-width:768px){#sidebar{width:248px;min-width:248px}#content{padding:20px 16px}#topbar{height:58px;padding-inline:14px}.ph-left h1{font-size:22px}}

/* Refinamento visual 2026 — somente apresentacao, sem alterar fluxos. */
:root{
  --shadow:0 1px 2px rgba(18,20,19,.04),0 12px 32px rgba(18,20,19,.07);
  --shadow-float:0 18px 50px rgba(18,20,19,.13);
}
[data-theme="dark"]{
  --bg:#101311;--sb:#090B0A;--sb-h:#171B18;--sb-a:#202521;--sb-b:#242925;
  --w:#171A18;--bg2:#1D211E;--bor:#2A302B;--bor-m:#394039;
  --t:#F5F6F1;--m:#ADB4AC;--mu:#737B74;
  --acc:#FF6A45;--acc-l:#351B13;--acc-hov:#FF7B5B;
  --gn:#48C98D;--gn-b:#102A1E;--rd:#FF716B;--rd-b:#321614;
  --am:#F0B44E;--am-b:#30240E;--bl:#82A8FF;--bl-b:#14213D;
  --pu:#B39AFF;--pu-b:#251D3D;
  --shadow:0 1px 0 rgba(255,255,255,.025),0 16px 42px rgba(0,0,0,.22);
  --shadow-float:0 28px 70px rgba(0,0,0,.42);
}
body{font-feature-settings:"ss01" 1,"cv11" 1;background:var(--bg)}
#main{background:
  radial-gradient(circle at 93% -8%,color-mix(in srgb,var(--acc) 8%,transparent),transparent 31%),
  radial-gradient(circle at 52% 112%,color-mix(in srgb,#D8F55F 4%,transparent),transparent 28%),var(--bg)}
#sidebar{width:248px;min-width:248px;border-right:1px solid var(--sb-b);box-shadow:8px 0 30px rgba(0,0,0,.08);position:relative;z-index:20}
.sb-logo{min-height:78px;padding:16px 18px;border-bottom-color:var(--sb-b)}
.gf-brandmark{width:40px;height:40px}.gf-brandword{font-size:19px}.sb-toggle{width:30px;height:30px;border:1px solid transparent}.sb-toggle:hover{background:var(--sb-h);border-color:var(--sb-b)}
.sb-nav{padding:12px 10px 18px}.sb-label{font-size:9px;letter-spacing:.16em;color:#626A63;padding:17px 10px 6px}.sb-divider{background:linear-gradient(90deg,transparent,var(--sb-b) 15% 85%,transparent);margin:8px 0}
.nav-item{min-height:38px;padding:9px 11px;border-radius:9px;color:#9CA39D;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-item:hover{background:var(--sb-h);color:#fff;transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,#262C27,#1D211E);box-shadow:inset 3px 0 #D8F55F,0 7px 18px rgba(0,0,0,.18);font-weight:650}.nav-item.active .nav-icon{color:#D8F55F}.nav-item .nav-icon{opacity:.82}
.sb-empresa{padding:13px 17px 8px;background:rgba(255,255,255,.012)}.sb-user{padding:11px 17px 16px;background:rgba(255,255,255,.012)}.sb-avatar,.tb-avatar{background:linear-gradient(145deg,#FF754F,#E94D28);box-shadow:0 5px 14px rgba(255,92,53,.22)}
#topbar{height:68px;padding:0 32px;border-bottom-color:var(--bor);background:color-mix(in srgb,var(--w) 88%,transparent);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 1px 0 rgba(255,255,255,.02)}
.tb-logo{padding:7px 12px;border:1px solid color-mix(in srgb,var(--bor) 75%,transparent);box-shadow:0 5px 14px rgba(0,0,0,.12)}.tb-sep{opacity:.55}#tb-section{font-weight:700}.tb-btn,.theme-btn{width:34px;height:34px;border-radius:9px}.tb-btn:hover,.theme-btn:hover{border-color:var(--bor-m);transform:translateY(-1px)}
#content{padding:34px 38px 52px;scrollbar-gutter:stable}.ph{align-items:center;margin-bottom:28px}.ph-left h1{font-size:28px;font-weight:800;letter-spacing:-.045em}.ph-left p{font-size:13px;margin-top:5px}.ph-right{gap:10px}
.btn{min-height:36px;padding:8px 16px;border-radius:9px;font-weight:700;transition:transform .17s ease,background .17s ease,border-color .17s ease,box-shadow .17s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#FF704B,#F25530);box-shadow:0 7px 18px rgba(255,92,53,.2),inset 0 1px rgba(255,255,255,.2)}.btn-primary:hover{background:linear-gradient(135deg,#FF7D5C,#FF5C35);box-shadow:0 10px 24px rgba(255,92,53,.28)}.btn-ghost{background:color-mix(in srgb,var(--w) 70%,transparent)}
.kpi-grid{gap:14px;margin-bottom:28px}.kpi,.dash-card,.card,.table-wrap{border:1px solid var(--bor);border-radius:14px!important;box-shadow:var(--shadow);background:color-mix(in srgb,var(--w) 96%,transparent)}
.kpi{position:relative;padding:21px 21px 19px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.kpi::after{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--card-accent,var(--acc));opacity:.85}.kpi:nth-child(2){--card-accent:#F0A43C}.kpi:nth-child(3){--card-accent:#82A8FF}.kpi:nth-child(4){--card-accent:#48C98D}.kpi:nth-child(5){--card-accent:#B39AFF}.kpi:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-accent) 42%,var(--bor));box-shadow:var(--shadow-float)}.kpi-label{font-size:10px;letter-spacing:.105em;margin-bottom:11px}.kpi-value{font-size:27px;font-weight:700;letter-spacing:-.055em}.kpi-sub{line-height:1.45}
.card{transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--bor-m)}.card-header{min-height:50px;padding:15px 20px;background:linear-gradient(180deg,color-mix(in srgb,var(--w) 98%,transparent),color-mix(in srgb,var(--bg2) 32%,var(--w)));border-bottom-color:var(--bor)}.card-header-title{font-size:13px;font-weight:750;letter-spacing:-.01em}.card-pad{padding:23px}
.dash-hero{gap:16px;margin-bottom:16px}.dash-card{overflow:hidden}.dash-candles{height:195px;padding:14px 10px 2px}.chart-container{height:230px}.chart-container.tall{height:255px}
table{border-spacing:0}thead tr{background:color-mix(in srgb,var(--bg2) 70%,var(--w))}th{padding:11px 18px;font-size:10px;letter-spacing:.09em}td{padding:14px 18px}tbody tr:hover{background:color-mix(in srgb,var(--acc-l) 24%,var(--w))}.badge{padding:4px 10px;font-weight:650;border:1px solid color-mix(in srgb,currentColor 18%,transparent)}
input,select,textarea{min-height:39px;border-radius:9px;background:color-mix(in srgb,var(--bg2) 78%,var(--w));border-color:var(--bor);transition:border-color .17s ease,box-shadow .17s ease,background .17s ease}input:hover,select:hover,textarea:hover{border-color:var(--bor-m)}input:focus,select:focus,textarea:focus{background:var(--w);border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 15%,transparent)}
.filter-tabs{gap:6px}.filter-tab{padding:7px 14px;border-radius:8px}.filter-tab.active{background:var(--t)!important;color:var(--bg)!important;box-shadow:0 5px 13px rgba(0,0,0,.12)}
.modal-overlay{background:rgba(4,6,5,.68);backdrop-filter:blur(7px)}.modal-box{border-radius:16px!important;box-shadow:var(--shadow-float);border-color:var(--bor-m)}.modal-header{padding:20px 24px;background:color-mix(in srgb,var(--w) 94%,transparent);backdrop-filter:blur(18px)}.modal-header h3{font-size:18px;font-weight:800;letter-spacing:-.025em}.modal-body{padding:24px}.modal-footer{padding:17px 24px;background:color-mix(in srgb,var(--w) 94%,transparent);backdrop-filter:blur(18px)}
.plan-alert{margin:12px 28px 0;border:1px solid;border-radius:10px}.toast-item{border-radius:11px;box-shadow:var(--shadow-float)}
@media(max-width:1180px){#sidebar{width:228px;min-width:228px}#content{padding:28px 26px 44px}.kpi-grid-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){#sidebar{width:268px;min-width:268px}#topbar{height:60px;padding-inline:15px}#content{padding:22px 15px 38px}.ph{align-items:flex-start}.ph-left h1{font-size:24px}.kpi{padding:18px}.plan-alert{margin:8px 12px 0}.modal-body{padding:20px 17px}.modal-footer{padding:14px 17px}}