:root{--text:#5f6f82;--text-h:#10233d;--bg:#fff;--border:#dfe7ef;--code-bg:#f4f7fa;--accent:#1268e8;--accent-bg:#1268e814;--accent-border:#1268e852;--social-bg:#f5f9fccc;--shadow:#0f31581a 0 10px 30px;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--heading:var(--sans);--mono:ui-monospace, SFMono-Regular, Consolas, monospace;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}#root{width:100%;min-height:100dvh;margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h)}h1,h2,h3,p{margin-top:0}code,.counter{font-family:var(--mono)}code{background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:4px 8px;font-size:.9rem;display:inline-flex}.auth-shell{--auth-blue:#1268e8;--auth-blue-dark:#0a4fb8;--auth-green:#16a66a;--auth-green-dark:#0d7b4d;--auth-ink:#10233d;--auth-muted:#66768b;--auth-border:#dbe5ef;--auth-soft-blue:#edf5ff;--auth-soft-green:#ecfaf4;box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 10% 10%,#1268e81a,#0000 34%),radial-gradient(circle at 90% 90%,#16a66a1a,#0000 34%),#f7fbff;place-items:center;min-height:100dvh;padding:24px;display:grid}.app-shell{background:linear-gradient(135deg,#f5f9ff 0%,#f2fbf7 100%);min-height:100vh;padding:32px 24px 48px}.auth-card{box-sizing:border-box;border:1px solid var(--auth-border);text-align:left;background:#fff;border-radius:24px;width:min(100%,460px);padding:30px;box-shadow:0 20px 55px #0f31581a}.auth-card-entry{width:min(100%,520px)}.auth-brand{align-items:center;gap:10px;margin-bottom:28px;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--auth-blue), var(--auth-green));color:#fff;letter-spacing:-.02em;border-radius:12px;place-items:center;width:38px;height:38px;font-size:.75rem;font-weight:800;display:grid;box-shadow:0 8px 20px #1268e82e}.brand-name{color:var(--auth-ink);letter-spacing:-.02em;font-size:1.05rem;font-weight:800}.auth-header{margin-bottom:24px}.auth-title{color:var(--auth-ink);letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,5vw,2.25rem);font-weight:800;line-height:1.08}.auth-subtitle{color:var(--auth-muted);margin:8px 0 0;font-size:.95rem;line-height:1.45}.role-choice-fieldset{border:0;min-width:0;margin:0;padding:0}.role-choice-fieldset legend{width:100%;color:var(--auth-ink);margin:0 0 12px;padding:0;font-size:.9rem;font-weight:750}.role-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.role-choice-card{border:1.5px solid var(--auth-border);min-width:0;min-height:116px;color:var(--auth-ink);font:inherit;cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px 8px;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:flex;position:relative}.role-choice-card:hover{border-color:#a8c7ef;transform:translateY(-2px);box-shadow:0 10px 22px #0f315814}.role-choice-card.selected{border-color:var(--auth-blue);background:var(--auth-soft-blue);box-shadow:0 0 0 3px #1268e81a}.role-choice-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:800;overflow:hidden}.role-icon{border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.role-icon svg{fill:currentColor;width:22px;height:22px}.role-icon-student{background:var(--auth-soft-blue);color:var(--auth-blue)}.role-icon-tutor{background:var(--auth-soft-green);color:var(--auth-green)}.role-icon-organiser{color:#294b70;background:#eef3f8}.role-check{background:var(--auth-blue);color:#fff;opacity:0;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.7rem;font-weight:900;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:8px;right:8px;transform:scale(.75)}.role-choice-card.selected .role-check{opacity:1;transform:scale(1)}.auth-actions{gap:10px;margin-top:22px;display:grid}.auth-actions-entry{margin-top:24px}.primary-button,.secondary-button,.danger-button{min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:14px;padding:12px 16px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s}.primary-button{background:linear-gradient(135deg, var(--auth-green), #26bd7c);color:#fff;box-shadow:0 8px 20px #16a66a33}.secondary-button{border:1.5px solid var(--auth-blue);color:var(--auth-blue);background:#fff}.danger-button{color:#a81f36;background:#fff0f2}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.danger-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.primary-button:focus-visible,.secondary-button:focus-visible,.danger-button:focus-visible,.role-choice-card:focus-visible,.text-link:focus-visible,.primary-link:focus-visible,.role-navigation a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #1268e859}.text-link,.primary-link{border-radius:12px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.primary-link{background:var(--auth-blue);color:#fff;padding:12px 16px}.text-link{color:var(--auth-blue-dark);padding:7px}.auth-forgot-link{justify-self:center;font-size:.86rem;font-weight:650}.status-message{border-radius:12px;margin-top:16px;padding:10px 12px;font-size:.88rem;line-height:1.4}.status-message.loading{background:var(--auth-soft-blue);color:var(--auth-blue-dark)}.status-message.success{background:var(--auth-soft-green);color:var(--auth-green-dark)}.status-message.error{color:#a81f36;background:#fff1f3}.error-text{color:#c72f49;font-size:.82rem}.helper-text{color:#5e6784;margin:12px 0 18px}.field-group{gap:8px;display:grid}label{color:#2f3557;font-size:.92rem;font-weight:650}input,select,textarea{box-sizing:border-box;width:100%;font:inherit;color:#18213d;background:#fff;border:1px solid #d9e2ec;border-radius:12px;padding:12px 14px}textarea{resize:vertical;min-height:110px}input:focus,select:focus,textarea:focus{border-color:var(--auth-blue);outline:3px solid #1268e821}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{background:#fff7f8;border-color:#d43b4d}.auth-form{gap:16px;display:grid}@media (width<=560px){.auth-shell{background:#f7fbff;place-items:start center;padding:14px}.auth-card,.auth-card-entry{border-radius:20px;width:100%;margin:0;padding:22px 18px 18px;box-shadow:0 10px 28px #0f315814}.auth-brand{margin-bottom:20px}.brand-mark{border-radius:10px;width:34px;height:34px}.auth-title{font-size:1.75rem}.auth-header{margin-bottom:20px}.role-choice-grid{gap:8px}.role-choice-card{border-radius:15px;min-height:104px;padding:12px 5px}.role-choice-card strong{font-size:.82rem}.role-icon{border-radius:12px;width:38px;height:38px}.role-icon svg{width:20px;height:20px}.auth-actions-entry{margin-top:20px}.primary-button,.secondary-button,.danger-button{min-height:46px}}@media (width<=350px){.role-choice-grid{grid-template-columns:1fr}.role-choice-card{flex-direction:row;justify-content:flex-start;min-height:68px;padding:10px 14px}}.dashboard-shell{gap:24px;max-width:1080px;margin:0 auto;display:grid}.role-navigation{background:#ffffffe0;border:1px solid #5c6caa29;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1080px;margin:0 auto 28px;padding:12px;display:flex}.role-navigation a{color:#2a3b7f;border-radius:10px;padding:9px 12px;font-weight:700;text-decoration:none}.role-navigation a.active{background:#e8ebff}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.role-panels,.settings-panel{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.role-card,.settings-card{background:#ffffffd1;border:1px solid #5c6caa24;border-radius:20px;padding:22px;box-shadow:0 12px 24px #49528614}.role-card ul{color:#37405d;margin:12px 0 0;padding-left:18px}.settings-card{gap:12px;display:grid}.inline-form{gap:10px;display:grid}.button-row{flex-wrap:wrap;gap:10px;display:flex}.tutor-workspace{text-align:left}.hours-summary strong{color:#1b2240;font-size:1.15rem}.table-scroll{border-radius:12px;max-width:100%;margin-top:16px;overflow-x:auto}.table-scroll:focus-visible{outline-offset:3px;outline:3px solid #33219d}.tutor-table{border-collapse:collapse;color:#27304c;width:100%;min-width:680px}.tutor-table caption{color:#5e6784;text-align:left;padding:0 0 10px}.tutor-table th,.tutor-table td{text-align:left;vertical-align:top;border-bottom:1px solid #dfe3f2;padding:12px}.tutor-table th{color:#1b2240;background:#eef2ff}.tutor-form-grid,.tutor-form-card{gap:22px;display:grid}.tutor-form{gap:10px;display:grid}.tutor-form .primary-button{justify-self:start;margin-top:8px}.draft-list{border-top:1px solid #dfe3f2;padding-top:18px}.draft-list ul{gap:8px;padding-left:22px;display:grid}@media (width<=600px){.auth-card{border-radius:18px;padding:26px 20px}.app-shell{padding:20px 14px 36px}.button-row>*{flex:100%}.dashboard-header{align-items:flex-start}.role-card,.settings-card{border-radius:16px;padding:18px}.tutor-form .primary-button{justify-self:stretch;width:100%}}.status-note{color:#1a6c4d;background:#ebfff4;border-radius:10px;margin:0;padding:10px 12px}.status-note.danger{color:#b3253a;background:#fff1f3}.danger-zone{border-color:#a7304c2e}.dashboard-sign-out-button{color:#0a4fb8;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #1268e8;border-radius:10px;margin-left:auto;padding:8px 16px;font-weight:800;transition:background .15s,color .15s,transform .15s}.dashboard-sign-out-button:hover{color:#fff;background:#1268e8;transform:translateY(-1px)}.student-overflow-page{text-align:left}.student-overflow-page .dashboard-header{margin-bottom:4px}.work-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.work-card{background:#ffffffe6;border:1px solid #5c6caa24;border-radius:20px;gap:20px;padding:22px;display:grid;box-shadow:0 12px 24px #49528614}.work-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.work-card-header h2{margin-bottom:4px}.work-course-code{color:#5f52d9;letter-spacing:.08em;margin:0 0 4px;font-size:.82rem;font-weight:800}.work-status{border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:.78rem;font-weight:800}.work-status.open{color:#126b46;background:#ebfff4}.work-status.closed{color:#b3253a;background:#fff1f3}.work-details{gap:12px;margin:0;display:grid}.work-details div{gap:3px;display:grid}.work-details dt{color:#6a718b;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.work-details dd{color:#252b46;margin:0;font-weight:600}.work-card .primary-button,.work-card .secondary-button{width:100%}@media (width<=600px){.work-card{padding:18px}.work-card-header{align-items:flex-start}.work-status{font-size:.72rem}}.skip-to-content{z-index:1000;color:#252b46;background:#fff;border-radius:8px;padding:10px 14px;font-weight:800;text-decoration:none;position:fixed;top:-100px;left:16px;box-shadow:0 8px 20px #00000026}.skip-to-content:focus{top:16px}.role-navigation{background:#fffffff0;border-bottom:1px solid #5c6caa24;width:100%}.role-navigation-inner{align-items:center;gap:8px;width:min(1100px,100% - 32px);margin:0 auto;padding:12px 0;display:flex}.role-navigation-link{color:#4c536e;border-radius:10px;align-items:center;min-height:42px;padding:8px 14px;font-weight:700;text-decoration:none;display:inline-flex}.role-navigation-link:hover{background:#5f52d914}.role-navigation-link.active{color:#5f52d9;background:#5f52d91f}.shared-status{background:#ffffffe6;border:1px solid #5c6caa24;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex;box-shadow:0 12px 24px #49528614}.shared-status h2{margin-bottom:6px}.shared-status p{margin:0}.shared-status-loading{border-left:5px solid #5f52d9}.shared-status-empty{border-left:5px solid #8a91aa}.shared-status-success{border-left:5px solid #198754}.shared-status-error{border-left:5px solid #c9364f}.shared-status-error h2{color:#a9273c}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #5f52d9}@media (width<=600px){.role-navigation-inner{width:calc(100% - 20px);padding:10px 0;overflow-x:auto}.role-navigation-link{flex:none}.dashboard-sign-out-button{flex:none;margin-left:auto}.shared-status{flex-direction:column;align-items:stretch}.shared-status .primary-button{width:100%}}.dialog-backdrop{z-index:1000;background:#252b4680;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirmation-dialog{background:#fff;border-radius:20px;width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 60px #252b463d}.confirmation-dialog-content{gap:20px;padding:28px;display:grid}.confirmation-dialog-content h2{margin:0}.confirmation-dialog-body{color:#4c536e}.confirmation-dialog-body p:last-child{margin-bottom:0}.confirmation-dialog-actions{justify-content:flex-end;gap:12px;display:flex}.confirmation-dialog-actions button{min-width:110px}@media (width<=600px){.dialog-backdrop{align-items:end;padding:12px}.confirmation-dialog{border-radius:18px;width:100%;max-height:calc(100vh - 24px)}.confirmation-dialog-content{padding:22px}.confirmation-dialog-actions{flex-direction:column-reverse}.confirmation-dialog-actions button{width:100%}}.confirmation-details{gap:14px;margin:20px 0 0;display:grid}.confirmation-details div{gap:4px;display:grid}.confirmation-details dt{color:#1d1e22;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:800}.confirmation-details dd{color:#252b46;margin:0;font-weight:600}