:root{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2c3853;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--c-navy: #394664;--c-steel: #4B6382;--c-slate: #A4B5C4;--c-cloud: #CDD5DB;--c-tan: #A68868;--c-sand: #E3C39D;--bg: #ffffff}a{color:inherit;text-decoration:none}a:hover{color:var(--c-steel);text-decoration:underline}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}h1{font-size:2rem;line-height:1.2}button{border:1px solid transparent;font-family:inherit;cursor:pointer}.dashboard-root{display:grid;grid-template-columns:220px 1fr;min-height:100vh;background:var(--bg);color:#0f172a}.dashboard-root.collapsed{grid-template-columns:56px 1fr}.sidebar{background:var(--bg);border-right:1px solid var(--c-cloud);padding:24px 16px;transition:width .2s ease}.dashboard-root.collapsed .sidebar{padding:16px 8px}.dashboard-root.collapsed .brand-text{display:none}.dashboard-root.collapsed .nav-item{padding-left:8px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.brand-icon{width:28px;height:28px;background:var(--c-navy);color:#fff;display:grid;place-items:center;font-weight:700}.brand-text{font-weight:700;letter-spacing:.2px;color:var(--c-navy)}.nav{display:grid;gap:2px}.nav-item{padding:10px 12px;color:var(--c-steel);cursor:pointer;border-left:3px solid transparent}.nav-text-short,.dashboard-root.collapsed .nav-text-full{display:none}.dashboard-root.collapsed .nav-text-short{display:inline}.nav-item.active{border-left-color:var(--c-navy);background:#f8fafc;color:var(--c-navy)}.nav-item:hover{background:#f8fafc;color:var(--c-navy)}.content{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:end;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--c-cloud)}.welcome h1{margin:0;font-size:22px;font-weight:700;color:var(--c-navy)}.highlight{color:var(--c-navy)}.muted{color:var(--c-slate)}.muted.sm{font-size:12px}.actions{display:flex;align-items:center;gap:12px}.actions .btn.icon{padding:6px 10px;font-size:18px;line-height:1}.search input{width:320px;padding:10px 12px;border:1px solid var(--c-cloud);outline:none;background:#fff;color:#0f172a}.search input:focus{border-color:var(--c-steel)}.avatar{width:32px;height:32px;background:var(--c-cloud);display:grid;place-items:center;font-weight:700;color:var(--c-navy)}.mobile-nav{display:none;gap:8px;margin:12px 0}.mobile-nav .chip{padding:6px 10px;border:1px solid var(--c-cloud);background:#fff;cursor:pointer}.mobile-nav .chip.active{background:var(--c-navy);color:#fff;border-color:var(--c-navy)}.grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.span-2{grid-column:span 2}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head h2{margin:0;font-size:16px;font-weight:700;color:var(--c-navy)}.panel-head select{border:1px solid var(--c-cloud);padding:6px 10px;background:#fff;color:#0f172a}.card{background:#fff;border:1px solid var(--c-cloud);padding:16px}.btn{padding:8px 12px;border:1px solid var(--c-navy);background:var(--c-navy);color:#fff;cursor:pointer}.btn:hover{background:var(--c-steel);border-color:var(--c-steel)}.pill{margin-left:auto;background:#fff;color:var(--c-tan);border:1px solid var(--c-cloud);padding:6px 10px;font-size:12px}.courses{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.course{display:flex;flex-direction:column;gap:10px;position:relative}.course.card.blue,.course.card.peach,.course.card.pink{background:#fff;color:#0f172a}.course-header{display:flex;align-items:center;justify-content:space-between}.progress{display:grid;gap:8px}.progress-track{height:8px;background:var(--c-cloud);overflow:hidden}.progress-bar{height:100%;background:var(--c-navy)}.progress-label{font-size:12px;color:var(--c-slate)}.chart{display:grid;gap:12px}.bars{display:grid;grid-auto-flow:column;gap:10px;align-items:end;height:160px}.bar{background:var(--c-navy);width:16px}.bar:nth-child(odd){background:var(--c-steel)}.legend{display:flex;gap:16px;align-items:center;color:var(--c-steel);font-size:12px}.dot{width:10px;height:10px;display:inline-block;margin:0 6px 0 12px;background:var(--c-navy)}.dot-reading{background:var(--c-navy)}.dot-listening{background:var(--c-steel)}.progress-widgets{display:grid;grid-template-columns:1fr 1fr;gap:16px}.radial-ring{position:relative;width:180px;height:180px;margin:0 auto}.radial-fill{position:absolute;inset:0;background:conic-gradient(var(--c-navy) 0 76%,var(--c-cloud) 76% 100%)}.radial-center{position:absolute;inset:22px;background:#fff;display:grid;place-items:center;text-align:center}.radial-value{font-size:24px;font-weight:700;color:var(--c-navy)}.skills{display:grid;gap:12px}.skill{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:12px}.meter{height:8px;background:var(--c-cloud);overflow:hidden}.meter>div{height:100%;background:var(--c-navy)}.table{padding:0}.table .row{display:grid;grid-template-columns:3fr 1.5fr 1.5fr 1.2fr 1fr;padding:12px 14px}.table .row.cols-70-15-15{grid-template-columns:50% 15% 35%}.table .row.cols-50-15-20-15{grid-template-columns:55% 15% 15% 15%}.table .row:not(.head){border-top:1px solid var(--c-cloud)}.table .head{font-weight:700;color:var(--c-navy)}.table .row .amount{text-align:right}.table .row .actions{justify-self:end;display:flex;gap:8px}.badge{background:#fff;color:var(--c-steel);border:1px solid var(--c-cloud);padding:4px 8px;font-size:12px}.badge.success{background:#fff;border-color:var(--c-sand);color:var(--c-tan)}.money-bar{margin-top:6px}.money-bar .track{height:8px;background:var(--c-cloud);position:relative;overflow:hidden}.money-bar .fill{height:100%;background:var(--c-navy)}.money-bar .fill.low{background:#d7443e}.money-bar .fill.mid{background:#f39c12}.money-bar .fill.high{background:#2e7d32}.money-bar .scale{display:flex;justify-content:space-between;color:var(--c-slate);font-size:11px;margin-top:2px}.details h3{margin:0 0 8px;color:var(--c-navy);font-size:16px}.details-wrap{display:grid;gap:16px}.details-grid{display:grid;grid-template-columns:220px 1fr;gap:8px 12px}.details-grid .label{color:var(--c-slate)}.section{border-top:1px solid var(--c-cloud);padding-top:12px}@media (max-width: 1100px){.grid{grid-template-columns:1fr}.span-2{grid-column:auto}.courses{grid-template-columns:1fr}}@media (max-width: 860px){.dashboard-root{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex}.topbar{align-items:stretch;gap:8px;flex-direction:column}.welcome{order:1}.actions{order:2;justify-content:space-between}.actions .btn.icon{order:2}.search{flex:1}.search input{width:100%}.card{padding:12px}.panel-head{flex-direction:column;align-items:stretch;gap:8px}.panel-head .btn,.panel-head input,.panel-head select{width:100%}.table .row.cols-70-15-15,.table .row.cols-50-15-20-15{grid-template-columns:1fr}.table .row .amount{text-align:left;margin-top:6px}.table .row .actions{justify-self:stretch;margin-top:8px;flex-wrap:wrap}.table .row .actions .btn{flex:1 1 48%}}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;z-index:1000}.modal{width:min(800px,92vw);background:#fff;border:1px solid var(--c-cloud);padding:24px}.btn.disabled,.btn:disabled{opacity:.55;filter:grayscale(.3);cursor:not-allowed}.date{white-space:nowrap}.center{text-align:center}footer{padding:12px 28px;border-top:1px solid var(--c-cloud);color:var(--c-slate);font-size:12px;text-align:center}footer p{margin:6px 0 0}.dashboard-root>footer{grid-column:1 / -1}