:root{--brand:#176b52;--brand-dark:#0f4d3b;--ink:#17212b;--muted:#667085;--line:#e4e8ec;--soft:#f4f8f6;--white:#fff;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:#eef4f1;color:var(--ink);font-family:Tahoma,Arial,sans-serif}.portal-shell{width:min(1120px,100%);margin:auto;padding:28px 18px 50px}.login-card{width:min(440px,100%);margin:7vh auto 0;padding:28px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(21,69,53,.12)}.portal-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.portal-brand>span{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#dcefe8;font-size:28px}.portal-brand h1{margin:0;font-size:1.65rem}.portal-brand p,.portal-header p{margin:5px 0 0;color:var(--muted)}.login-form{display:grid;gap:9px}.login-form label{margin-top:7px;font-weight:700}.login-form input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #cfd7d3;border-radius:9px;font:inherit}.login-form input:focus{outline:3px solid #bce0d3;border-color:var(--brand)}button,.home-link{min-height:46px;border:0;border-radius:9px;font:inherit;font-weight:700;cursor:pointer}.login-form button{margin-top:12px;background:var(--brand);color:#fff}.home-link{display:flex;align-items:center;justify-content:center;margin-top:12px;color:var(--brand);text-decoration:none}.alert{margin-bottom:15px;padding:11px 13px;border-radius:9px;background:#fee4e2;color:var(--danger)}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:#fff}.portal-header h1{margin:3px 0;font-size:1.75rem}.portal-header p{color:#d6eee5}.eyebrow{margin:0!important;font-size:.78rem;font-weight:700;letter-spacing:.06em}.logout{padding:9px 17px;background:#fff;color:var(--danger)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.summary-grid article{display:grid;grid-template-columns:auto 1fr;column-gap:11px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:14px}.summary-grid article>span{grid-row:1/3;font-size:24px}.summary-grid strong{font-size:1.5rem}.summary-grid small{color:var(--muted)}.portal-section{margin-top:18px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px}.section-heading,.course-top,.history-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-heading{align-items:center;margin-bottom:16px}.section-heading h2,.course-card h3,.history-card h3{margin:3px 0}.status{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:700}.status.active{background:#d9f2e8;color:#126047}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-card,.history-card{padding:17px;border:1px solid var(--line);border-radius:13px}.course-card.current{border-right:4px solid var(--brand)}.course-card small,.history-card small,.history-card p{color:var(--muted)}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0}dl div{padding:10px;background:var(--soft);border-radius:9px}dt{font-size:.76rem;color:var(--muted)}dd{margin:4px 0 0;font-weight:700}.course-note{margin:12px 0 0;padding:11px;border-radius:9px;background:#fff7df}.history-list{display:grid;gap:12px}.history-card{border-right:4px solid #98a2b3}.history-title p{margin:5px 0}.total-mark{display:grid;place-items:center;min-width:72px;height:66px;border-radius:12px;background:var(--soft)}.total-mark strong{font-size:1.35rem}.marks{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}.marks span{display:flex;flex-direction:column;gap:4px;padding:9px;text-align:center;background:var(--soft);border-radius:8px;font-size:.78rem}.marks strong{font-size:1rem}.empty-state{padding:30px;text-align:center;color:var(--muted);background:var(--soft);border-radius:11px}@media(max-width:800px){.summary-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:1fr}.marks{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.portal-shell{padding:12px}.login-card{margin-top:3vh;padding:20px}.portal-header{align-items:stretch;flex-direction:column;padding:19px}.portal-header form,.logout{width:100%}.summary-grid{grid-template-columns:1fr 1fr;gap:8px}.summary-grid article{padding:13px}.portal-section{padding:15px}.section-heading{align-items:flex-start}.marks{grid-template-columns:repeat(2,1fr)}dl{grid-template-columns:1fr}.history-title{align-items:center}}