:root{--blue:#123a63;--accent:#2f80ed;--bg:#f5f7fb;--line:#e5eaf2;--text:#172033;--muted:#6b7485}body{margin:0;background:var(--bg);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--text)}.user-shell{min-height:100vh}.user-top{background:#fff;border-bottom:1px solid var(--line);padding:14px 22px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900}.nav a{margin-left:10px;text-decoration:none;color:#345;padding:8px 10px;border-radius:10px}.nav a.active,.nav a:hover{background:#eef6ff;color:#0f4f91}.user-page{padding:22px;max-width:1240px;margin:0 auto}.hero{background:linear-gradient(135deg,#fff,#eef6ff);border:1px solid var(--line);border-radius:24px;padding:22px;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.cardx{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 24px rgba(12,35,65,.06);padding:16px}.course-img{width:100%;height:122px;object-fit:cover;border-radius:16px;background:#edf2f7}.progress{height:10px;border-radius:999px;background:#edf2f7;overflow:hidden}.progress div{height:100%;background:var(--accent)}.status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:800;background:#e7f8ef;color:#15734c}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}@media(max-width:900px){.grid{grid-template-columns:1fr}.user-top{display:block}.nav{margin-top:12px}.nav a{display:inline-block;margin:2px}}

.hero-kicker{text-transform:uppercase;letter-spacing:.08em;color:#6b87a8;font-size:.72rem;font-weight:800;margin-bottom:6px}.cardx{transition:transform .16s ease, box-shadow .16s ease}.cardx:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(12,35,65,.10)}.cardx h2{font-size:1rem;line-height:1.3}.cardx .small{font-size:.83rem}.status{background:#eef6ff;color:#0f4f91}.course-img{border:1px solid #e8eef6}.nav a{font-weight:600} 

/* Notification bell / alert badge */
.notification-bell{position:relative;display:flex;align-items:center;gap:10px;text-decoration:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);color:#fff;border-radius:14px;padding:10px 12px;margin:0 0 14px 0;font-weight:800;line-height:1}.notification-bell:hover{background:rgba(255,255,255,.16);color:#fff}.notification-bell .bell-icon{font-size:1.08rem}.notification-bell .bell-text{font-size:.86rem}.notification-bell .bell-badge{position:absolute;right:8px;top:-7px;min-width:22px;height:22px;border-radius:999px;background:#dc3545;color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:900;border:2px solid #fff;padding:0 5px}.notification-bell.light{border-color:#d8e7ff;background:#eef6ff;color:#164875}.notification-bell.light:hover{background:#e4f0ff;color:#0f3d6b}.notification-bell.light .bell-badge{border-color:#eef6ff}.notification-list-item{border-bottom:1px solid #e8edf5;padding:14px 12px;border-radius:12px}.notification-list-item.unread{background:#f4f8ff}.notification-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#6b7485;font-size:.82rem}.notification-type-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;background:#eef2f7;color:#314158;font-weight:800;font-size:.72rem;text-transform:capitalize}.notification-severity-danger{background:#ffe8e8;color:#a11d1d}.notification-severity-warning{background:#fff5da;color:#835c00}.notification-severity-success{background:#e7f8ef;color:#15734c}


/* Hotfix 140 - Learner navigation polish */
.learner-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.learner-nav a{border-radius:999px;padding:7px 10px;text-decoration:none;font-weight:850;}
.learner-nav a.active{background:#e8f2ff;color:#0b3b70;}
.learner-nav a:focus-visible{outline:3px solid rgba(47,128,237,.30);outline-offset:2px;}
@media(max-width:760px){.user-top{gap:12px;align-items:flex-start}.learner-nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.learner-nav a{white-space:nowrap}.user-top .brand{min-width:0}}


/* Hotfix 154 - Learner Help and Training Uploads */
.user-top .topbar-actions .btn{white-space:nowrap}
@media(max-width:760px){.learner-nav a{font-size:.88rem}}