body{margin:0;background:#06101d;color:#eef6ff;overflow-x:hidden}
.layout{display:flex!important;min-height:100vh}
.sidebar{width:260px!important;min-width:260px!important;position:fixed!important;left:0;top:0;bottom:0;z-index:50}
.main{margin-left:260px!important;width:calc(100vw - 260px)!important;padding:22px 28px 45px!important;box-sizing:border-box}
.v3-page{max-width:1680px;margin:0 auto;width:100%}
.v3-hero{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}
.v3-hero h1{font-size:38px;margin:0;font-weight:950}
.v3-hero p{color:#9fb4ce;margin:8px 0 0}
.v3-status{display:flex;gap:10px;flex-wrap:wrap}
.v3-pill{background:#102844;border:1px solid rgba(57,255,20,.25);border-radius:999px;padding:11px 16px;font-weight:900}
.v3-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:18px}
.v3-card,.v3-panel{background:linear-gradient(180deg,rgba(18,43,72,.94),rgba(8,22,38,.92));border:1px solid rgba(57,255,20,.22);border-radius:24px;box-shadow:0 22px 70px rgba(0,0,0,.35);padding:20px}
.v3-num{font-size:32px;font-weight:950}
.v3-label{font-weight:950;margin-top:8px}
.v3-sub{color:#9fb4ce;font-size:13px}
.v3-grid{display:grid;grid-template-columns:1.45fr .9fr;gap:18px;margin-bottom:18px}
.v3-wide{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.v3-bars{display:flex;align-items:flex-end;gap:8px;height:220px;margin-top:14px}
.v3-bar{flex:1;background:linear-gradient(180deg,#39ff14,#60a5fa);border-radius:10px 10px 4px 4px;min-height:8px;opacity:.85}
.v3-log{display:flex;flex-direction:column;gap:10px;max-height:330px;overflow:auto}
.v3-log-row{background:#071524;border:1px solid rgba(148,180,255,.15);border-radius:16px;padding:12px}
.v3-log-row strong{display:block}
.v3-log-row span{color:#9fb4ce;font-size:12px}
.v3-rank{display:flex;flex-direction:column;gap:10px}
.v3-rank-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;background:#071524;border:1px solid rgba(148,180,255,.15);border-radius:16px;padding:12px}
.v3-heat{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;margin-top:14px}
.v3-cell{height:34px;border-radius:10px;background:linear-gradient(135deg,#39ff14,#60a5fa);opacity:.15;display:grid;place-items:center;color:#06101d;font-size:11px;font-weight:950}
.v3-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.v3-btn{display:block;text-align:center;text-decoration:none;color:#06101d!important;background:linear-gradient(135deg,#39ff14,#60a5fa);border-radius:15px;padding:13px;font-weight:950}
@media(max-width:1300px){.v3-kpis{grid-template-columns:repeat(2,1fr)}.v3-grid,.v3-wide{grid-template-columns:1fr}.v3-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%)}.main{margin-left:0!important;width:100vw!important;padding:16px 14px 100px!important}.v3-hero{flex-direction:column}.v3-kpis,.v3-actions{grid-template-columns:1fr}}

/* SIDEBAR COLLAPSE PRO */
.nav-group-title{
  width:100%;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.nav-group-title::after{
  content:"▾";
  font-size:12px;
  transition:.2s ease;
}

.nav-group.collapsed .nav-group-title::after{
  transform:rotate(-90deg);
}

.nav-group-items{
  overflow:hidden;
  max-height:600px;
  opacity:1;
  transition:max-height .25s ease, opacity .2s ease;
}

.nav-group.collapsed .nav-group-items{
  max-height:0!important;
  opacity:0;
}