:root:not(#_){color-scheme:dark;--bg:#050706;--surface:#0D110F;--surface-2:#131916;--ink:#EEF2EF;--ink-2:#A5AFA9;--ink-3:#6C7770;--line:#1E2622;--accent:#22E03F;--accent-soft:#0F2616;--accent-ink:#03100A;--good:#5BE283;--good-soft:#0F2A18;--warn:#F2B544;--warn-soft:#2B2210;--bad:#FF6F61;--bad-soft:#2E1412;--meta:#A993FF;--meta-soft:#1E1936;--silver:linear-gradient(180deg,#FFFFFF 0%,#C9D0CC 55%,#8E9892 100%)}
::selection{background:#22E03F;color:#03100A}
html{background:#050706}
body{background:radial-gradient(1100px 520px at 50% -260px,rgba(34,224,63,.13),transparent 72%),radial-gradient(700px 400px at 100% 0,rgba(255,255,255,.035),transparent 70%),#050706;background-attachment:fixed;-webkit-font-smoothing:antialiased}
header.top{background:rgba(5,7,6,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brandmark{width:40px;height:auto;display:block;mix-blend-mode:screen}
.brand h1{font-stretch:115%;letter-spacing:.05em;font-size:17px;background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand small{letter-spacing:.16em;font-size:10px;margin-top:1px}
.pagehead h2,.dhead h2,.phead h2{font-stretch:115%;text-transform:uppercase;letter-spacing:.015em;font-size:clamp(22px,4.2vw,34px);background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.pagehead p,.dmeta{color:var(--ink-3)}
h2.sec{color:var(--accent);font-size:11.5px;letter-spacing:.16em;font-stretch:110%}
nav.tabs{background:var(--surface);border-color:var(--line)}
nav.tabs button{color:var(--ink-3);letter-spacing:.02em}
nav.tabs button:hover{color:var(--ink)}
nav.tabs button[aria-current=true]{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 18px -4px rgba(34,224,63,.7)}
.btn{background:var(--surface-2);border-color:#27302B}
.btn:hover{border-color:#3A463F;color:#fff}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 8px 26px -10px rgba(34,224,63,.75)}
.btn.primary:hover{filter:brightness(1.1);color:var(--accent-ink)}
.kpis{background:var(--line);border-color:var(--line)}
.kpi{background:linear-gradient(180deg,#101512 0%,#0B0F0D 100%);padding:18px 18px 16px}
.kpi .l{color:var(--ink-3);letter-spacing:.14em;font-size:10.5px}
.kpi .v{color:#fff;font-stretch:100%;letter-spacing:-.01em}
.kpi .v.bad{color:var(--bad)}
.panel,.table,.inline,.file,.pgrid section,.loginbox,.tbl,.ck,.drop{background:var(--surface);border-color:var(--line)}
.panel,.table,.pgrid section,.loginbox{box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 20px 40px -30px rgba(0,0,0,.9)}
.row.head,.tbl th{background:#0A0E0C;color:var(--ink-3);letter-spacing:.12em}
.row:not(.head):hover{background:#111713}
.row .nm{color:#fff}
.bar{background:#0A0E0C;border-color:var(--line)}
.bar i{background:linear-gradient(90deg,#128F28,#22E03F);box-shadow:0 0 8px rgba(34,224,63,.6)}
.f input,.f select,.f textarea,.inline input,.inline select,.inline textarea,.filters input,.filters select,.lform .f input{background:#080B0A;border-color:#232C27;color:var(--ink)}
.f input:focus,.f select:focus,.f textarea:focus,.inline input:focus,.inline select:focus,.inline textarea:focus,.filters input:focus,.filters select:focus,.lform .f input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,224,63,.15)}
input[type=date],input[type=month]{color-scheme:dark}
.subtabs{border-color:var(--line)}
.subtabs button{color:var(--ink-3)}
.subtabs button[aria-current=true]{color:#fff;border-bottom-color:var(--accent)}
.ck.done{background:var(--accent-soft);border-color:rgba(34,224,63,.25)}
.ck.done span{color:#CFF7D6}
.ck input{accent-color:var(--accent)}
.timeline .tp{color:var(--ink-2);letter-spacing:.12em}
.timeline .tp.Otimização{color:var(--accent)}
.timeline .tx{color:#DDE3DF}
.plat.g{background:#0F2616;color:#7CF090}
.linkbtn:hover,.panel li a:hover{color:var(--accent)}
.file a{color:var(--accent)}
.drop.on{background:var(--accent-soft);border-color:var(--accent)}
.banner{background:var(--warn-soft);color:var(--warn)}
#toast{background:#EEF2EF;color:#050706;box-shadow:0 10px 30px -10px rgba(0,0,0,.8)}
:focus-visible{outline-color:var(--accent)}
.login{padding-block:6vh 40px}
.loginbox{padding:28px 26px;gap:14px;border-color:#1F2A24}
.loginbox::before{content:"";display:block;width:96px;aspect-ratio:112/104;margin:4px auto 2px;background:url(/mark.jpg) center/contain no-repeat;mix-blend-mode:screen}
.loginbox h2{text-align:center;font-stretch:115%;font-size:18px;letter-spacing:.08em;background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.loginbox>.note{text-align:center}
.lalt .linkbtn{color:var(--accent)}
.phead>div:first-child::before{content:"";display:block;width:58px;height:54px;margin-bottom:14px;background:url(/mark.jpg) left center/contain no-repeat;mix-blend-mode:screen}
.peyebrow{color:var(--accent);letter-spacing:.16em}
.plist li.ok .dot{background:var(--accent);box-shadow:0 0 8px rgba(34,224,63,.8)}
.plist li.ok .st{color:var(--accent)}
.plist li{color:var(--ink-2)}
.plist li.ok{color:var(--ink)}
*{scrollbar-color:#27302B transparent}
@media (max-width:520px){.kpis.pk{grid-template-columns:1fr}.kpis.pk .kpi{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:12px}.kpis.pk .kpi .s{grid-column:1/-1}}