.student-surface{--student-ink: #172941;--student-muted: #61748c;--student-blue: #285a9b;--student-line: #dce6f1;--student-shadow: 0 9px 26px rgba(30, 65, 108, .055);color:var(--student-ink);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}.student-surface :is(.dashboard-page,.documents-page,.ouac-page,.course-plan-page,.ielts-page,.student-osslt-page,.volunteer-page,.student-profile-page,.account-profile-page){min-height:100vh;padding:34px 18px 80px;background:radial-gradient(circle at 90% 0,#dcecff 0,transparent 32%),#f4f7fc;color:var(--student-ink);font-family:inherit}.student-surface :is(.dashboard-shell,.documents-shell,.ielts-shell,.student-osslt-shell,.volunteer-shell,.course-plan-shell){max-width:1080px;margin-inline:auto;font-family:inherit}.student-surface :is(.documents-header,.ouac-header,.course-plan-page .page-head,.ielts-page .header-row,.student-osslt-page .header-row,.volunteer-page .header-row){margin-bottom:22px}.student-surface :is(.documents-header h2,.ouac-header h1,.course-plan-page .page-head h2,.ielts-page .header-row h2,.student-osslt-page .header-row h2,.volunteer-page .header-row h2,.student-profile-page>h2){color:var(--student-ink);font-size:clamp(27px,4vw,36px);font-weight:800;letter-spacing:-.035em;line-height:1.15}.student-surface :is(.documents-header h2,.ouac-header h1,.course-plan-page .page-head h2,.ielts-page .header-row h2,.student-osslt-page .header-row h2,.volunteer-page .header-row h2,.student-profile-page>h2):before{display:block;margin-bottom:9px;color:#396bae;content:"STUDENT PORTAL";font-size:11px;font-weight:800;letter-spacing:.14em}.student-surface :is(.documents-header p,.course-plan-page .page-subtitle,.ielts-page .sub-title,.student-osslt-page .sub-title,.volunteer-page .sub-title){color:var(--student-muted);font-size:14px;line-height:1.5}.student-surface :is(.dashboard-card,.documents-card,.choice-tile,.add-tile,.ielts-page .card,.student-osslt-page .card,.volunteer-page .card,.volunteer-page .summary-card){border-color:var(--student-line);border-radius:17px;box-shadow:var(--student-shadow)}.student-surface .account-profile-card{border:1px solid var(--student-line);border-radius:19px;box-shadow:var(--student-shadow)}.student-surface .account-profile-card h2:before{display:block;margin-bottom:9px;color:#396bae;content:"STUDENT PORTAL";font-size:11px;font-weight:800;letter-spacing:.14em}.student-surface .account-profile-card h2{color:var(--student-ink);font-size:31px}.student-surface app-change-password{display:block;min-height:100vh;padding:34px 18px 80px;background:radial-gradient(circle at 90% 0,#dcecff 0,transparent 32%),#f4f7fc}.student-surface app-change-password>div{border:1px solid var(--student-line);border-radius:19px;padding:28px;background:#fff;box-shadow:var(--student-shadow)}.student-surface app-change-password h2:before{display:block;margin-bottom:9px;color:#396bae;content:"STUDENT PORTAL";font-size:11px;font-weight:800;letter-spacing:.14em}.student-surface :is(.choice-tile,.add-tile){transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.student-surface :is(.choice-tile,.add-tile):hover{border-color:#acc9eb;box-shadow:0 16px 35px #1e416c1c;transform:translateY(-2px)}.student-surface :is(.primary-btn,.save-btn,.action-btn.primary,.documents-page .primary-btn,.volunteer-page .primary-btn){border:1px solid #285a9b;border-radius:10px;background:#285a9b;color:#fff;font-weight:700}.student-surface :is(.ghost-btn,.plain-btn,.action-btn.ghost,.action-btn.secondary,.edit-btn){border:1px solid #cddbee;border-radius:10px;background:#fff;color:#315f9e}.student-surface :is(button,a,input,select,textarea):focus-visible{outline:3px solid #77a9e8;outline-offset:2px}.student-surface :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:9px;border-color:#cbd9eb}.student-surface .student-profile-page{max-width:1080px;margin-inline:auto}.student-surface .student-profile-page>div:first-of-type{flex-wrap:wrap;gap:9px!important;margin:20px 0!important}.student-surface .student-profile-page button{border:1px solid #cddbee;border-radius:10px;padding:9px 13px;background:#fff;color:#315f9e;font:inherit;font-weight:700;cursor:pointer}.student-surface .student-profile-page :is(form,fieldset){border:1px solid var(--student-line);border-radius:16px;background:#fff}.student-surface .student-profile-page form{padding:20px;box-shadow:var(--student-shadow)}.student-surface .student-profile-page fieldset{padding:18px;margin-bottom:16px}.student-surface .student-profile-page legend{padding:0 7px;color:#244d80;font-weight:800}.student-surface .profile-readonly>fieldset:nth-child(-n+3){display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:7px 18px}.student-surface .profile-readonly>fieldset:nth-child(-n+3)>div{min-width:0;border-bottom:1px solid #eef2f8;padding:9px 2px;color:#435873;line-height:1.45;overflow-wrap:anywhere}.student-surface .profile-readonly>fieldset:nth-child(-n+3)>div>strong{color:#263e5d}.student-surface .student-profile-page :is(input,select,textarea){max-width:100%;box-sizing:border-box;border:1px solid #cbd9eb;border-radius:9px;padding:8px 10px;background:#fff}@media(max-width:640px){.student-surface :is(.dashboard-page,.documents-page,.ouac-page,.course-plan-page,.ielts-page,.student-osslt-page,.volunteer-page,.student-profile-page,.account-profile-page){padding:24px 13px 74px}.student-surface app-change-password{padding:24px 13px 74px}.student-surface app-change-password>div{padding:18px}.student-surface :is(.documents-header,.ouac-header,.course-plan-page .page-head,.ielts-page .header-row,.student-osslt-page .header-row,.volunteer-page .header-row){align-items:flex-start;flex-wrap:wrap}.student-surface .student-profile-page form{padding:13px}.student-surface .student-profile-page fieldset{padding:12px}}.task-card-chips,.task-card-actions,.selected-chip-list,.student-selector-modal-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-card-chips,.task-card-actions,.student-selector-modal-header{justify-content:space-between}.notification-chip,.notification-pill,.selected-chip{display:inline-flex;align-items:center;min-height:24px;border:1px solid #d7e2ef;border-radius:999px;padding:3px 10px;background:#eef2f6;color:#53647a;font-size:12px;font-weight:700;white-space:nowrap}.notification-chip.sent{background:#e6f5ec;color:#1f6b3d}.btn.danger{border-color:#d8b7b3;background:#fff4f2;color:#9d2b1f}.portal-requirements{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.requirement-check{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8e2ef;border-radius:999px;padding:6px 10px;background:#fff;color:#526278;font-size:12px;font-weight:900;cursor:pointer}.requirement-check.active{border-color:#fecaca;background:#fff1f2;color:#b42318}.requirement-check input{width:14px;height:14px;margin:0;accent-color:#dc2626}.student-selector-backdrop{position:fixed;inset:0;z-index:1010;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:20px 12px;background:#0d142073}.student-selector-modal{width:min(1160px,100%);max-height:calc(100vh - 40px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;overflow:hidden;border-radius:8px;padding:14px;background:#fff;box-shadow:0 26px 70px #06112145}.student-selector-modal app-student-selector-panel{min-height:0;overflow:auto}.student-selector-modal-header{border-bottom:1px solid #dce4ef;padding-bottom:10px}.student-selector-modal-header h4{margin:2px 0 0;font-size:18px}.readonly-note{border-left:3px solid #7aa7e8;padding:8px 10px;background:#f6f9ff}.activity-read-list,.activity-read-card,.activity-modal{display:grid;gap:10px}.activity-read-card{border:1px solid #dfe7f5;border-radius:10px;padding:12px;background:#fafcff}.activity-read-head,.activity-card-actions,.activity-modal-head{display:flex;gap:10px}.activity-read-head,.activity-modal-head{align-items:flex-start;justify-content:space-between}.activity-card-actions{flex-shrink:0;gap:8px}.activity-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px 14px;margin:0}.activity-detail-grid div{display:grid;gap:4px}.activity-detail-grid dt{color:#6a7890;font-size:12px;font-weight:700}.activity-detail-grid dd{margin:0;color:#24334a;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.empty-activity-state{padding:18px 10px;text-align:center;border:1px dashed #c8d5e8;border-radius:10px;background:#fafcff}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#101c2f6b}.activity-modal{position:fixed;top:50%;left:50%;z-index:21;width:min(760px,100vw - 28px);max-height:calc(100vh - 40px);overflow:auto;transform:translate(-50%,-50%);border:1px solid #dce4f0;border-radius:12px;padding:14px;background:#fff;box-shadow:0 22px 60px #11284a3d;gap:12px}.modal-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.modal-footer{justify-content:flex-end}.ghost-btn.danger{border-color:#efc0bd;color:#9f1d19}@media(max-width:760px){.activity-read-head{flex-direction:column}.activity-card-actions{width:100%}.activity-detail-grid,.modal-grid{grid-template-columns:1fr}}.selected-students-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dfe7ef;border-radius:8px;padding:12px;background:#fbfcfe}.selected-students-summary div,.tracking-collapsible{display:grid;gap:12px}.selected-students-summary div{gap:2px}.selected-students-summary span{color:#66768b;font-size:13px}.selected-chip{max-width:220px;background:#fff;color:#33445a;overflow:hidden;text-overflow:ellipsis}.selected-chip.muted{background:#f1f4f7;color:#64758a}.warning-text.danger,.danger-panel{border-color:#e7bbb5}.warning-text.danger{background:#fff4f2;color:#8f2b1d}.task-tracking-page .no-end-toggle{display:inline-flex;align-items:center;gap:8px;border:0;padding:2px 0;background:transparent;color:#4a5c72;font-size:12px;font-weight:700;cursor:pointer}.task-tracking-page .no-end-toggle span{position:relative;width:34px;height:18px;border-radius:999px;background:#cfd8e4}.task-tracking-page .no-end-toggle span:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #151e2a40;transition:transform .15s ease}.task-tracking-page .no-end-toggle[aria-checked=true] span{background:#2f7d54}.task-tracking-page .no-end-toggle[aria-checked=true] span:after{transform:translate(16px)}.university-overview-page .portal-card{display:grid;gap:10px;margin-bottom:12px;border:1px solid #cde7d6;border-radius:10px;padding:12px;background:#f7fdf9}.university-overview-page .portal-head,.university-overview-page .portal-actions,.university-overview-page .portal-grid{display:flex;align-items:center;gap:10px}.university-overview-page .portal-head{justify-content:space-between}.university-overview-page .portal-head h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.university-overview-page .portal-login-link{border-radius:999px;padding:3px 9px;background:#e0f2fe;color:#075985;font-size:12px;font-weight:800;text-decoration:none}.university-overview-page .visibility-toggle{display:inline-flex;align-items:center;gap:7px;border:0;padding:0;background:transparent;color:#315b45;font-size:12px;font-weight:900;cursor:pointer}.university-overview-page .visibility-toggle .toggle-track{display:inline-block;flex:0 0 40px;position:relative;width:40px;height:22px;border-radius:999px;background:#cbd5e1}.university-overview-page .visibility-toggle .toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 1px 4px #0f172a38}.university-overview-page .visibility-toggle.on .toggle-track{background:#22c55e}.university-overview-page .visibility-toggle.on .toggle-thumb{transform:translate(18px)}.university-overview-page .portal-grid{align-items:stretch}.university-overview-page .portal-grid label{display:grid;flex:1;gap:4px;color:#334b3b;font-size:12px;font-weight:800}.university-overview-page .portal-grid label>span{display:flex;align-items:center;gap:6px}.university-overview-page .portal-grid small{border-radius:999px;padding:2px 7px;background:#dcfce7;color:#166534;font-size:11px}.university-overview-page .portal-grid input{width:100%;box-sizing:border-box;border:1px solid #b8d9c4;border-radius:8px;padding:8px 10px;background:#fff;font:inherit}.university-overview-page .portal-grid input.copyable-field{background:#eef8f1;color:#425b49;cursor:copy}.university-overview-page .portal-grid input.field-copied{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a24}.university-overview-page .status-pill.offer{background:#dcfce7;color:#166534}.university-overview-page .status-pill.rejected{background:#fee2e2;color:#b91c1c}.university-overview-page .program-row.offer-row{border-color:#86efac;background:#f0fdf4}.university-overview-page .program-row.rejected-row{border-color:#fecaca;background:#fff1f2}.university-overview-page .status-control.status-accepted select{border-color:#22c55e;background:#ecfdf5;color:#166534}.university-overview-page .status-control.status-rejected select{border-color:#ef4444;background:#fff1f2;color:#b91c1c}.applications-page .program-row.not-admitted{border-color:#fecaca;background:#fff1f2}.applications-page .program-row.not-admitted .rank{background:#dc2626;color:#fff}.applications-page .not-admitted-badge{display:inline-flex;width:fit-content;border-radius:999px;padding:3px 9px;background:#fee2e2;color:#b91c1c;font-size:12px;font-weight:900}.applications-page .status-control.status-not-admitted select{border-color:#ef4444;background:#fff1f2;color:#b91c1c}@media(max-width:920px){.selected-students-summary,.student-selector-modal-header{align-items:stretch;flex-direction:column}}.applications-page .interview-course-card{padding:16px;display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #dce4f0;border-radius:12px;background:#fff}.applications-page .interview-course-card h2{margin:0;font-size:18px}.applications-page .interview-course-card p{margin:6px 0 0;color:#60718a;line-height:1.5}.applications-page .interview-course-card .interview-course-note{color:#a15c00}.applications-page .interview-course-card .interview-course-error{color:#b42318}.applications-page .interview-course-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.applications-page .interview-course-toggle{display:inline-flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap}.applications-page .interview-course-toggle input{width:18px;height:18px}@media(max-width:680px){.applications-page .interview-course-card{flex-direction:column;align-items:stretch}}