@media screen {
 html:root{--blue:#7444e8;--green:#7444e8;--blue-dark:#6033cd;--blue-soft:#f0ebff;--paper:#f7f8fc;--page:#f7f8fc;--bg:#f7f8fc;--ui-sidebar:#f9faff;--shadow:0 3px 5px #20253105,0 8px 24px #303d6b06;}
 html[data-theme="dark"]{--blue:#b29aff;--green:#b29aff;--blue-soft:#34294d;--paper:#151922;--page:#151922;--bg:#151922;--ui-sidebar:#1a202b;}
 html body :is(button.primary,.primary){background:#7444e8!important;border-color:#7444e8!important;}
 html body :is(button.primary,.primary):hover{background:#6033cd!important;border-color:#6033cd!important;}
 html body .executive-welcome{background:linear-gradient(112deg,#6336df 0%,#8943f2 58%,#ad42ec 100%);padding:22px 24px;box-shadow:0 8px 0 -4px #8958e82b,0 16px 0 -9px #8958e818;}
 html body .executive-welcome p:not(.eyebrow){max-width:620px;font-size:14px;}
 html body .executive-welcome .eyebrow{font-size:12px;letter-spacing:.05em;}
 html body .executive-welcome h2{font-size:25px;}
 html body .period-switch{align-self:center;}
 html body .executive-kpis{gap:12px;margin:22px 0;grid-template-columns:repeat(4,minmax(0,1fr));}
 html body .executive-kpi{min-height:102px;grid-template-columns:42px 1fr;column-gap:12px;align-content:center;padding:16px!important;border-radius:10px;}
 html body .executive-kpi .kpi-icon{width:40px;height:40px;grid-row:1/3;align-self:center;border-radius:10px;background:#f0ebff;color:#7544ec;}
 html body .executive-kpi:nth-child(4n+2) .kpi-icon{background:#eaf6f4;color:#188f81;}
 html body .executive-kpi:nth-child(4n+3) .kpi-icon{background:#edf3ff;color:#4878d1;}
 html body .executive-kpi:nth-child(4n+4) .kpi-icon{background:#fff3e2;color:#b97a20;}
 html body .executive-kpi strong{font-size:24px;margin-top:0;line-height:1.3;}
 html body .executive-kpi small{font-size:13px;font-weight:500;}
 html body :is(.nav-group-icon,.kpi-icon,nav button i) svg{width:20px;height:20px;display:block;flex-shrink:0;}
 html body .nav-group-icon{width:20px;height:20px;}
 html body #sidebar .nav-group-toggle{font-size:14px;letter-spacing:0;}
 html body #sidebar nav button{font-size:14px;}
 html body #sidebar .brand{justify-content:space-between!important;gap:4px;}
 html body #sidebar .brand-logo-frame{width:190px!important;height:60px!important;padding:0!important;flex-shrink:1;}
 html body :is(.brand-logo,.brand img){max-width:180px!important;max-height:56px!important;}
 html body :is(.login-brand img,.login img,.login-card .brand img){max-width:200px!important;max-height:64px!important;}
 html body .desktop-sidebar-toggle{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;padding:5px;border:1px solid var(--line);color:var(--muted);background:var(--card);}
 html body .desktop-sidebar-toggle svg{width:18px;height:18px;}
 html body .visual-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;margin-bottom:22px;}
 html body .visual-dashboard-grid>.panel{margin:0;padding:22px;}
 html body .visual-live{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:5px 9px;border-radius:6px;white-space:nowrap;}
 html body .visual-bars{display:grid;gap:14px;margin:24px 0 18px;}
 html body .visual-bar-row{display:grid;grid-template-columns:98px minmax(0,1fr) 48px;align-items:center;gap:14px;font-size:13px;}
 html body .visual-bar-row>span{color:var(--muted);}
 html body .visual-bar-row>b{text-align:right;font-variant-numeric:tabular-nums;}
 html body .visual-bar-track{height:16px;border-radius:4px;background:var(--ui-hover);overflow:hidden;}
 html body .visual-bar-track>i{display:block;height:100%;background:var(--bar-color);border-radius:4px;animation:bar-enter .55s ease-out;transform-origin:left;}
 html body .visual-note{font-size:12px;line-height:1.5;color:var(--muted);margin:14px 0 0;}
 html body .visual-donut-wrap{display:flex;align-items:center;gap:24px;justify-content:center;margin:22px 0 20px;flex-wrap:wrap;}
 html body .visual-donut{width:166px;height:166px;flex-shrink:0;border-radius:50%;background:conic-gradient(#7544ec var(--collection-angle),var(--line) 0);padding:19px;}
 html body .visual-donut>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--card);border-radius:50%;}
 html body .visual-donut strong{font-size:30px;line-height:1.2;}
 html body .visual-donut span{font-size:12px;color:var(--muted);margin-top:4px;}
 html body .visual-legend{display:grid;gap:20px;font-size:13px;color:var(--muted);}
 html body .visual-legend span{display:grid;grid-template-columns:10px 1fr;gap:6px;align-items:center;}
 html body .visual-legend i{width:7px;height:7px;border-radius:50%;background:#7544ec;}
 html body .visual-legend span:nth-child(2) i{background:#acb2c2;}
 html body .visual-legend b{grid-column:2;color:var(--ink);font-size:18px;font-variant-numeric:tabular-nums;}
 html body .record-progress{min-width:130px;max-width:240px;margin:9px 0 3px;font-size:11px;color:var(--muted);}
 html body .record-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;}
 html body .record-progress b{font-weight:600;color:var(--blue);}
 html body .record-progress-track{height:6px;border-radius:20px;background:var(--line);overflow:hidden;margin-top:5px;}
 html body .record-progress-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#865af1,#47b5d3);}
 html body .record-progress.paused{color:#af7520;}
 html body .record-progress.paused .record-progress-track{background:repeating-linear-gradient(45deg,#eac98944 0 5px,transparent 5px 10px);}
 html body .processing-progress{height:9px;border-radius:20px;}
 html body .processing-progress>span{background:linear-gradient(90deg,#865af1,#47b5d3);}
 @keyframes bar-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 @media(min-width:901px){
  html body.sidebar-collapsed{grid-template-columns:84px minmax(0,1fr)!important;}
  html body.sidebar-collapsed #sidebar{width:84px!important;padding:0 8px 16px!important;}
  html body.sidebar-collapsed #sidebar .brand{margin:0!important;padding:0!important;gap:4px;}
  html body.sidebar-collapsed #sidebar .brand-logo-frame{width:32px!important;height:32px!important;flex-shrink:0;background:#fff url('/studyos-wordmark-2026.png') -6px center/124px auto no-repeat!important;}
  html body.sidebar-collapsed #sidebar .brand-logo{opacity:0;}
  html body.sidebar-collapsed #sidebar .nav-group-items,html body.sidebar-collapsed #sidebar .nav-group-chevron,html body.sidebar-collapsed #sidebar .aside-foot{display:none!important;}
  html body.sidebar-collapsed #sidebar .nav-group-label>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
  html body.sidebar-collapsed #sidebar .nav-group-toggle{justify-content:center!important;padding:13px!important;margin:4px 0;min-height:48px;}
  html body.sidebar-collapsed #sidebar nav{padding:0!important;}
 }
 @media(max-width:1100px){html body .visual-dashboard-grid{grid-template-columns:minmax(0,1fr);}html body .visual-donut-wrap{justify-content:flex-start;padding-left:8px;}}
 @media(max-width:900px){html body .desktop-sidebar-toggle{display:none;}html body :is(.brand-logo,.brand img){max-width:150px!important;max-height:46px!important;}html body.sidebar-collapsed #sidebar .brand-logo{opacity:1;max-width:150px!important;max-height:46px!important;}html body.sidebar-collapsed #sidebar .brand-logo-frame{width:190px!important;height:60px!important;background:#fff!important;}}
 @media(max-width:600px){html body .executive-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}html body .executive-kpi{grid-template-columns:1fr;min-height:132px;}html body .executive-kpi .kpi-icon{grid-row:auto;width:32px;height:32px;margin-bottom:8px;}html body .visual-dashboard-grid>.panel{padding:17px;}html body .visual-bar-row{grid-template-columns:84px minmax(0,1fr) 40px;gap:8px;font-size:12px;}html body .visual-dashboard-grid h2{font-size:18px;}html body .visual-live{font-size:11px;}}
 html body :is(.view-application,.ai-counselling,.manage-registration){white-space:nowrap;word-break:normal;min-width:max-content;}
 @media(prefers-reduced-motion:reduce){html body .visual-bar-track>i{animation:none;}}
}