html #dashboardHome{--section-accent:#48b7ff}
html #evaluations{--section-accent:#a38aff}
html #evaluations #ratingsPanel{--accent:#b197ff;--accent2:#879fff}
html #dashboardHome .panel{--light:#48b7ff}
html #evaluations .panel,html #evaluations .employee-score{--light:#a38aff}
html #evaluations #workloadPanel .panel{--light:#48b7ff}
html main :is(.panel,.card){border-radius:16px}
html main :is(.people-card,.employee-score){border-radius:12px}
html main .panel-head{padding:20px 22px 0}
html main .panel-head h2{font-size:15px;line-height:1.5;font-weight:600}
html main :is(.metric,.employee-score strong,.people-card strong){font-variant-numeric:tabular-nums;letter-spacing:-.6px}
html #dashboardHome :is(.grid,.lower){gap:18px}
html #dashboardHome .grid{margin:20px 0}
html #dashboardHome :is(.people-panel,.funnel-panel){margin-top:20px}
html #dashboardHome .cards{gap:18px}
html #dashboardHome .overview{margin-bottom:20px}
.section-jumps{display:flex;gap:8px;flex-wrap:wrap;margin:-3px 0 16px}
.section-jumps button{border:1px solid var(--line);border-radius:20px;padding:8px 14px;background:var(--panel);color:var(--muted);font-size:11px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.section-jumps button:hover,.section-jumps button:focus-visible{color:var(--text);border-color:#48b7ff88;background:color-mix(in srgb,#48b7ff 10%,var(--panel))}
.jump-destination{scroll-margin-top:92px}
.month-brief{display:grid;grid-template-columns:.85fr repeat(3,1fr);gap:20px;padding:20px 22px;margin-bottom:20px;border-radius:16px;border:1px solid #48b7ff35;background:linear-gradient(115deg,color-mix(in srgb,var(--panel) 93%,#48b7ff),var(--panel2));box-shadow:inset 0 1px #78d4ff12}
.month-brief>div{min-width:0}.month-brief span,.month-brief small{display:block;color:var(--muted);font-size:10px;line-height:1.7}
.month-brief strong{display:block;font-size:24px;letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin:5px 0}
.month-brief .brief-label{display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);padding-right:14px}
.month-brief .brief-label span{font-size:9px;letter-spacing:1px;color:var(--section-accent)}
.month-brief .brief-label b{font-size:13px;margin-top:8px;line-height:1.6}
html #chart svg>line,html .evaluation-charts svg>line,html .work-chart-scroll svg>line{opacity:.5}
html #chart .chart-bar{transition:opacity .18s ease;cursor:help}
html #chart .chart-bar:hover{opacity:1;filter:brightness(1.2)}
@media(hover:hover) and (pointer:fine){html #chart svg:has(.chart-bar:hover) .chart-bar:not(:hover){opacity:.4}html .work-chart-scroll svg:has(rect:hover) rect:not(:hover){opacity:.35}html .evaluation-charts circle:hover{stroke:var(--text);stroke-width:2}}
html .chart-tooltip{border:1px solid #58bfff55;border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 12px 30px #0005;padding:12px 15px;font-size:11px;line-height:1.6;max-width:240px;pointer-events:none}
html .polish-tooltip{width:210px}
html #dashboardHome .neon-progress{transition:stroke-dasharray .55s ease}
@media(max-width:900px){.month-brief{grid-template-columns:repeat(3,1fr)}.month-brief .brief-label{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px;flex-direction:row;justify-content:space-between;align-items:center}.month-brief .brief-label b{margin:0}}
@media(max-width:650px){html main .panel-head{padding:17px 16px 0}html #dashboardHome .cards{gap:12px}.month-brief{padding:17px;gap:15px;grid-template-columns:1fr}.month-brief .brief-label{flex-wrap:wrap;gap:8px}.month-brief>div:not(.brief-label){display:grid;grid-template-columns:1fr auto;align-items:center}.month-brief small{grid-column:1/-1}.month-brief strong{font-size:23px}.section-jumps{gap:6px}.section-jumps button{font-size:10px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){html #dashboardHome .neon-progress,.section-jumps button,html #chart .chart-bar{transition:none}}

/* Monthly brief: a date anchor with three readable illuminated tiles. */
#dashboardHome .month-brief{position:relative;isolation:isolate;grid-template-columns:.9fr repeat(3,1fr);gap:12px;padding:16px;background:linear-gradient(110deg,color-mix(in srgb,var(--panel) 93%,#299cff),var(--panel));border-color:#54baff38;border-radius:20px;box-shadow:inset 0 1px #bce8ff0a,0 10px 30px #0002;overflow:hidden}
#dashboardHome .month-brief .brief-label{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;border:0;padding:12px;grid-column:auto}
#dashboardHome .brief-label>div:last-child{min-width:0}
#dashboardHome .brief-label span{font-size:9px;letter-spacing:1px;font-weight:700;color:var(--section-accent)}
#dashboardHome .brief-label b{display:block;font-size:20px;letter-spacing:-.4px;margin:7px 0 4px;color:var(--text)}
#dashboardHome .brief-label small{font-size:10px;line-height:1.7;color:var(--muted)}
#dashboardHome .brief-calendar{display:grid;place-items:center;flex-shrink:0;width:42px;height:46px;border-radius:13px;color:#69caff;background:linear-gradient(145deg,#309fff25,#309fff05);border:1px solid #61c7ff40;box-shadow:inset 0 1px #bdeaff15,0 5px 18px #169bff10}
#dashboardHome .month-brief svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#dashboardHome .month-brief .brief-stat{position:relative;display:block;padding:17px 18px;border:1px solid #68baff22;border-radius:13px;background:linear-gradient(145deg,#53adff0b,transparent 75%),color-mix(in srgb,var(--bg) 35%,var(--panel));min-width:0}
#dashboardHome .brief-stat::before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,#71d0ff99,transparent);box-shadow:0 0 12px #48b7ff55}
#dashboardHome .brief-stat-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
#dashboardHome .brief-stat-head>span{font-size:11px;line-height:1.5;color:color-mix(in srgb,var(--text) 72%,var(--muted))}
#dashboardHome .brief-stat-head i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#43acff10;color:#70c7ff;flex-shrink:0}
#dashboardHome .brief-stat-head svg{width:17px;height:17px}
#dashboardHome .brief-stat strong{font-size:30px;font-weight:750;line-height:1.2;margin:12px 0 13px;letter-spacing:-.8px;color:var(--text)}
#dashboardHome .brief-stat-foot{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#dashboardHome .brief-stat-foot .brief-delta{display:inline-block;font-size:10px;font-weight:600;line-height:1.5;padding:3px 7px;border-radius:6px;background:#64b5ff13;color:#91caff;white-space:nowrap}
#dashboardHome .brief-stat-foot .brief-delta.up{color:#74e0d0;background:#38dbc015}
#dashboardHome .brief-stat-foot small{font-size:10px;color:var(--muted);grid-column:auto}
html[data-theme="light"] #dashboardHome .brief-stat-foot .brief-delta{color:#276492}
html[data-theme="light"] #dashboardHome .brief-stat-foot .brief-delta.up{color:#137769}
@media(max-width:1150px){#dashboardHome .month-brief{grid-template-columns:repeat(3,1fr)}#dashboardHome .month-brief .brief-label{grid-column:1/-1;padding:3px 4px 8px}#dashboardHome .brief-label b{display:inline-block;margin:0 8px 0 0;font-size:18px}#dashboardHome .brief-label small{display:inline-block}#dashboardHome .brief-label span{margin-bottom:4px}}
@media(max-width:650px){#dashboardHome .month-brief{grid-template-columns:1fr;padding:13px;gap:10px}#dashboardHome .month-brief .brief-stat{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;padding:15px}#dashboardHome .brief-stat-head{justify-content:flex-start;flex-direction:row-reverse}#dashboardHome .brief-stat strong{font-size:27px;margin:0}#dashboardHome .brief-stat-foot{grid-column:1/-1;padding-left:36px}#dashboardHome .brief-label b{font-size:19px}}