:root{
  --console-accent:#6D5DFB;
  --console-accent-dark:#5145CD;
  --console-soft:#F1F0FF;
}
.console-page{
  --brand:var(--console-accent);
  --brand-dark:var(--console-accent-dark);
  --brand-light:var(--console-soft);
  background:#F4F6FA;
}
.console-page.dark{
  --brand-light:rgba(109,93,251,.16);
  --console-soft:rgba(109,93,251,.16);
}
.console-splash{
  background:
    radial-gradient(circle at 25% 20%,rgba(109,93,251,.24),transparent 34%),
    radial-gradient(circle at 80% 72%,rgba(37,99,235,.2),transparent 30%),
    linear-gradient(145deg,#07101F,#101C38 54%,#151A3D);
}
.console-splash::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:36px 36px;
}
.console-splash-logo,.console-login-card{position:relative;z-index:1}
.console-login-card{max-width:410px;border-color:rgba(255,255,255,.14);background:rgba(8,15,31,.76);box-shadow:0 28px 90px rgba(0,0,0,.42);backdrop-filter:blur(20px)}
.console-scope-badge{color:#DCD8FF;border-color:rgba(169,158,255,.34);background:rgba(109,93,251,.18)}
.console-login-button{background:linear-gradient(135deg,#6D5DFB,#4F7CFF);box-shadow:0 15px 34px rgba(90,82,231,.34)}
.console-login-security{margin-top:14px;padding:10px 11px;display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:11px;color:rgba(255,255,255,.52);background:rgba(255,255,255,.035);font-size:9px;line-height:1.55}
.console-login-security svg{width:15px;height:15px;margin-top:1px;color:#B8AEFF}
.console-sidebar{background:linear-gradient(180deg,#070E1D,#0D1730 68%,#111631)}
.console-sidebar-brand{border-color:rgba(255,255,255,.07)}
.console-sidebar .nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(109,93,251,.22),rgba(109,93,251,.06));border-color:rgba(151,139,255,.16)}
.console-sidebar .nav-item.active::before{background:#8C7FFF}
.console-sidebar .nav-item:hover{background:rgba(255,255,255,.055)}
.console-security-card{margin:auto 10px 10px;padding:11px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:rgba(255,255,255,.68);background:rgba(255,255,255,.035)}
.console-security-card>svg{width:18px;height:18px;margin:4px auto;color:#9E93FF}
.console-security-card strong,.console-security-card small{display:block}
.console-security-card strong{font-size:9px;color:#fff}
.console-security-card small{margin-top:4px;font-size:7.5px;line-height:1.45;color:rgba(255,255,255,.42)}
.console-main{background:#F4F6FA}
.console-page.dark .console-main{background:var(--surface)}
.console-topbar{min-height:68px;height:auto;padding-block:9px;background:rgba(255,255,255,.92);border-color:#E6EAF1;backdrop-filter:blur(18px)}
.console-page.dark .console-topbar{background:rgba(17,28,47,.93)}
.console-page-heading{min-width:0}
.console-page-heading small{display:block;color:var(--text3);font-size:8px;font-weight:800;letter-spacing:.75px;text-transform:uppercase}
.console-page-heading h1{margin-top:3px;font-size:16px!important;line-height:1.15}
.environment-badge{min-height:28px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid #DCE3EC;border-radius:999px;color:#475569;background:#fff;font-size:8px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.environment-badge>span{width:7px;height:7px;border-radius:50%;background:#10B981;box-shadow:0 0 0 3px rgba(16,185,129,.13)}
.console-page.dark .environment-badge{border-color:#334155;color:#CBD5E1;background:#162035}
.console-avatar{background:linear-gradient(135deg,#6D5DFB,#4F7CFF)!important}
.console-access-note{margin:16px clamp(18px,2.1vw,28px) 0;padding:10px 13px;display:flex;align-items:flex-start;gap:9px;border:1px solid #E2E4FF;border-radius:12px;color:#5145CD;background:#F7F6FF;font-size:9px;line-height:1.55}
.console-access-note svg{width:15px;height:15px;flex:0 0 auto;margin-top:1px}
.console-page.dark .console-access-note{border-color:rgba(109,93,251,.25);color:#C7C1FF;background:rgba(109,93,251,.1)}
.console-content{padding-top:16px}
.console-content .page-header h2{font-size:20px;letter-spacing:-.45px}
.console-content .stat-card{border-color:#E5E9F0;box-shadow:0 8px 24px rgba(15,23,42,.055)}
.console-content .chart-card,.console-content .table-card{border-color:#E5E9F0;box-shadow:0 8px 28px rgba(15,23,42,.045)}
.console-notif-panel{top:72px}
.notif-panel-head{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:13px;font-weight:750}
.notif-panel-list{max-height:340px;overflow-y:auto;padding:8px 0}
.console-platform-summary{margin-bottom:15px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid #E5E7FF;border-radius:17px;background:linear-gradient(135deg,#F9F8FF,#EEF3FF);box-shadow:0 12px 34px rgba(79,70,229,.07)}
.console-platform-summary h3{font-size:14px}
.console-platform-summary p{margin-top:5px;color:var(--text2);font-size:9.5px;line-height:1.55}
.console-platform-summary .summary-state{min-height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;color:#047857;background:#D1FAE5;font-size:9px;font-weight:800;white-space:nowrap}
.console-platform-summary .summary-state svg{width:14px;height:14px}
.console-page.dark .console-platform-summary{border-color:#2C3651;background:linear-gradient(135deg,#171F35,#121B2E)}
@media(max-width:860px){
  .console-security-card{margin-top:20px}
  .environment-badge{display:none}
  .console-access-note{margin-inline:14px}
}
@media(max-width:620px){
  .console-topbar{min-height:64px}
  .console-page-heading small{display:none}
  .console-page-heading h1{font-size:14px!important}
  .console-access-note{display:none}
  .console-content{padding-top:14px}
  .console-platform-summary{grid-template-columns:1fr;align-items:flex-start}
  .console-platform-summary .summary-state{width:max-content}
}