@font-face{font-family:Poppins;src:url('/static/student-portal/poppins.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#203951;font-family:Poppins,Arial,sans-serif;font-size:16px;line-height:1.55}.portal-shell{max-width:900px;margin:auto;padding:24px}.portal-brand{display:flex;align-items:center;gap:12px;margin-bottom:36px}.portal-brand strong{display:block;color:#2563d9;font-size:21px}.portal-brand span:not(.brand-mark){display:block;font-size:10px;letter-spacing:1.8px;color:#52677d}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;object-fit:contain;background:white;padding:3px}#portal-logout{margin-left:auto}h1{font-size:28px;line-height:1.3;margin:6px 0 10px}p{margin:8px 0 18px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#147d70;margin-bottom:4px}.login-card{max-width:460px;margin:0 auto;background:white;border:1px solid #dce5ef;border-radius:16px;padding:28px}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}input,select,button{font:inherit;border-radius:8px;min-height:44px}input,select{border:1px solid #bccddd;padding:9px 12px;background:white;color:#203951;min-width:0;width:100%}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #81aaf0;outline-offset:2px}form{display:grid;gap:18px;margin:22px 0}button{border:1px solid transparent;background:#2563d9;color:white;padding:9px 16px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{border-color:#c6d5e5;background:white;color:#315b85}.small{font-size:13px;color:#52677d}.learner-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.learner-heading p{margin-bottom:2px}.portal-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.portal-total{padding:12px;border-radius:10px;background:white;border:1px solid #dce5ef;font-size:13px}.portal-total strong{display:block;font-size:24px}.portal-total.scored{background:#ecf8f3;color:#09674c}.portal-total.unrecorded{background:#fff7e7;color:#825409}.portal-filter{display:flex;gap:16px;align-items:end;margin:20px 0}.portal-filter label{max-width:260px;flex:1}.activity-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #dce5ef}.activity-row strong{display:block;overflow-wrap:anywhere}.activity-row p{font-size:13px;color:#52677d;margin:2px 0}.score-pill{display:inline-block;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;white-space:nowrap;background:#edf3fc;color:#315b85}.score-pill.scored{background:#dff5ec;color:#09674c}.score-pill.unrecorded{background:#fff0d1;color:#825409}.portal-explanation{font-size:13px;color:#52677d;border-top:1px solid #dce5ef;padding-top:16px;margin-top:24px}#portal-message{color:#9e3030;overflow-wrap:anywhere}footer{text-align:center;color:#52677d;font-size:12px;margin:32px 0 8px}#portal-demo{max-width:620px;margin:0 auto 24px;padding:12px 16px;background:#e5f4f3;border-radius:10px;font-size:14px}#portal-demo span{display:block}#portal-count{margin-bottom:8px}[hidden]{display:none!important}@media(max-width:540px){.portal-shell{padding:18px}.portal-brand{margin-bottom:24px}.login-card{padding:22px}.learner-heading{align-items:start;flex-direction:column}h1{font-size:24px}.portal-totals{gap:6px}.portal-total{padding:10px 8px;font-size:12px}.activity-row{align-items:start;flex-direction:column;gap:6px}.portal-filter{align-items:center}.score-pill{white-space:normal}}
/* Subject attendance stays separate from activity scores. */
.portal-tabs{display:flex;gap:6px;margin:22px 0 12px;padding:4px;background:#e8eff8;border-radius:10px}.portal-tabs button{background:transparent;color:#315b85;flex:1}.portal-tabs button[aria-selected=true]{background:white;color:#215fc3;box-shadow:0 1px 4px #18375218}#portal-attendance h2{font-size:21px;margin:20px 0 8px}.attendance-totals{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}.attendance-present{background:#e7f7ef;color:#09674c}.attendance-absent{background:#fff0f0;color:#a62a39}.attendance-late{background:#fff4dd;color:#805400}.attendance-excused{background:#eef0ff;color:#4e4aa0}.attendance-history{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;background:white}.attendance-history th,.attendance-history td{padding:12px;text-align:left;border-bottom:1px solid #dce5ef;overflow-wrap:anywhere}.attendance-history th{background:#eaf1fa;font-size:13px}.attendance-history th:first-child{width:40%}.attendance-history th:last-child{width:28%}.attendance-mark{display:inline-block;border-radius:14px;padding:4px 10px;font-size:13px;font-weight:600}.attendance-h,.attendance-nc{background:#fff4dd;color:#805400}@media(max-width:540px){.attendance-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-history th,.attendance-history td{padding:10px 7px;font-size:12px}.attendance-mark{padding:4px 6px;font-size:12px}}