:root{color:#222a52;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f5fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.demo-notice{color:#5b3b00;background:#fff4d6;border-bottom:1px solid #f1d58b;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:14px;display:flex}.demo-notice strong{color:#7b4f00}.portal-shell{background:#fff;border:1px solid #e7eaf0;border-radius:24px;width:min(1120px,100% - 32px);margin:28px auto;overflow:hidden;box-shadow:0 20px 60px #1b274114}.portal-header{color:#fff;background:#222a52;align-items:center;gap:14px;padding:24px 32px;display:flex}.brand-mark{color:#222a52;letter-spacing:-1px;background:#bfe8df;border-radius:14px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.portal-eyebrow,.section-eyebrow{color:#77809b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:800}.portal-header .portal-eyebrow{color:#b8c1e6}.portal-header h1{color:#fff;letter-spacing:-.02em;margin:0;font-size:22px}.portal-role{color:#fff;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:8px 12px;font-size:14px;display:flex}.status-dot{background:#74e0bc;border-radius:50%;width:8px;height:8px}.welcome-section,.profile-card,.lesson-card,.actions-section{margin:32px}.welcome-section{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.welcome-section h2,.profile-card h2,.lesson-card h2{color:#222a52;letter-spacing:-.04em;margin:0;font-size:clamp(24px,4vw,34px)}.muted-text{color:#77809b;margin-top:8px}.enrollment-badge{color:#20735f;background:#e1f7ef;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.profile-card{background:#fbfcfe;border:1px solid #e7eaf0;border-radius:18px;padding:24px}.section-heading{margin-bottom:22px}.profile-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.profile-grid>div{gap:6px;display:grid}.field-label,.metric-label{color:#77809b;font-size:13px;font-weight:700}.profile-grid strong{color:#222a52;font-size:16px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:0 32px;display:grid}.metric-card{color:#222a52;border:1px solid #0000;border-radius:18px;min-height:148px;padding:22px}.metric-card-purple{background:#f0edff;border-color:#ddd6ff}.metric-card-green{background:#e5f8f0;border-color:#c8eedf}.metric-card-orange{background:#fff0dc;border-color:#f7dbb2}.metric-card-blue{background:#e8f3ff;border-color:#cce4ff}.metric-label{margin:0}.metric-value{color:#222a52;letter-spacing:-.04em;margin:18px 0 6px;font-size:30px;font-weight:800}.metric-detail{color:#697391;margin:0;font-size:13px}.lesson-card{background:#f6f7ff;border:1px dashed #b8c1e6;border-radius:18px;align-items:flex-start;gap:18px;padding:22px;display:flex}.lesson-card h2{margin-bottom:8px;font-size:22px}.lesson-card p:last-child{color:#697391}.lesson-icon{color:#5144a6;background:#e4e0ff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-family:ui-monospace,Consolas,monospace;font-weight:800;display:grid}code{color:#5144a6;background:#e4e0ff;border-radius:5px;padding:3px 6px;font-family:ui-monospace,Consolas,monospace;font-size:.9em}.actions-section{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-button,.secondary-button{font:inherit;cursor:pointer;border-radius:10px;padding:11px 16px;font-size:14px;font-weight:800}.primary-button{color:#fff;background:#222a52;border:1px solid #222a52}.secondary-button{color:#222a52;background:#fff;border:1px solid #d9deeb}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.action-message{color:#20735f;flex-basis:100%;margin:0;font-size:14px}.portal-footer{color:#8a92a8;border-top:1px solid #e7eaf0;justify-content:space-between;gap:16px;padding:20px 32px;font-size:12px;display:flex}@media (width<=800px){.profile-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.portal-header,.welcome-section,.portal-footer{align-items:flex-start}.welcome-section,.portal-footer{flex-direction:column}}@media (width<=520px){.demo-notice{flex-direction:column;align-items:flex-start;gap:4px}.portal-shell{border:0;border-radius:0;width:100%;margin:0}.portal-header,.welcome-section,.profile-card,.lesson-card,.actions-section{margin-left:18px;margin-right:18px}.portal-header{padding:20px 18px}.profile-grid,.metrics-grid{grid-template-columns:1fr}.metrics-grid{margin-left:18px;margin-right:18px}.portal-footer{padding-left:18px;padding-right:18px}}