.topbar{min-height:54px;padding-block:7px;gap:8px}.topbar .title{font-size:16px;line-height:1.3}.logo-box{padding:14px}.logo-box img{max-height:90px;object-fit:contain}.side-nav a{padding-block:11px;border-radius:10px;margin:3px 10px}.sidebar{background:linear-gradient(175deg,#123c31,#102923)}.side-nav a.active{box-shadow:inset -3px 0 #c6a151;background:rgba(255,255,255,.12)}
.classtabs{gap:8px;border:0;padding:5px;border-radius:14px;background:var(--card);margin-block:8px 12px}.classtabs button{min-height:46px;border-radius:10px;font-size:15px;box-shadow:none}.classtabs button.on{background:#e8f4ee;color:#145b3d;border-bottom:3px solid #28805a}.classtabs button.enf.on{background:#eaf1fb;color:#174374;border-bottom-color:#32669b}.classtabs .n{font-variant-numeric:tabular-nums;padding:2px 9px;border-radius:9px}
.employee-identity{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.employee-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--brand-soft);font-size:28px}.employee-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.employee-metrics>div{border:1px solid var(--line);border-radius:12px;padding:15px;display:grid;gap:8px}.employee-metrics strong{font-size:22px;font-variant-numeric:tabular-nums}.employee-metrics small{color:var(--muted)}
[data-theme="dark"] .classtabs button.on{background:#153e31;color:#e4f7ec}[data-theme="dark"] .classtabs button.enf.on{background:#18304d;color:#e8f2ff}
@media(max-width:700px){.employee-metrics{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.logo-box img{max-height:70px}}@media print{.employee-self button,.employee-self a{display:none}}