:root{--colour-navy: #111b3a;--colour-gold: #c79a49;--colour-off-white: #f7f3eb;--colour-sand: #e9e1d1;--colour-charcoal: #23242a;--colour-charcoal-muted: #5a5c66;--colour-code: #fbf8f2;--colour-sand-dim: #bdb4a1;--colour-navy-raised: #1c2a55;--colour-page: var(--colour-off-white);--colour-surface: var(--colour-sand);--colour-ink: var(--colour-charcoal);--colour-ink-muted: var(--colour-charcoal-muted);--colour-ink-inverse: var(--colour-off-white);--colour-header: var(--colour-navy);--colour-rule: var(--colour-gold);--colour-ink-inverse-muted: var(--colour-sand-dim);--colour-header-raised: var(--colour-navy-raised);--colour-focus: var(--colour-navy);--colour-focus-inverse: var(--colour-gold);--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-arabic: "Amiri", "Scheherazade New", serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--weight-display: 700;--weight-body: 400;--weight-label: 600;--size-display-lg: 2rem;--size-display-md: 1.5rem;--size-body: 1rem;--size-small: .875rem;--size-micro: .75rem;--size-stat: 2rem;--tracking-label: .08em;--line-height-body: 1.6;--line-height-tight: 1.5;--line-height-arabic: 1.9;--size-arabic: 1.25em;--line-height-number: 1.2;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--rule-weight: 2px;--border-hairline: 1px;--radius-panel: 4px;--radius-round: 50%;--measure: 68ch;--sidebar-width: 15rem;--content-max: 60rem;--breakpoint-sidebar: 52rem;--card-min: 12rem;--placeholder-row: 1.25rem;--placeholder-line: .75rem;--placeholder-line-short: 45%;--focus-width: 2px;--focus-offset: 2px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--colour-page);color:var(--colour-ink);font-family:var(--font-body);font-weight:var(--weight-body);font-size:var(--size-body);line-height:var(--line-height-body)}code{font-family:var(--font-mono);font-size:var(--size-small);background:var(--colour-code);padding:0 var(--space-xs);border-radius:var(--radius-panel)}:lang(ar){font-family:var(--font-arabic);font-size:var(--size-arabic);line-height:var(--line-height-arabic)}:focus-visible{outline:var(--focus-width) solid var(--colour-focus);outline-offset:var(--focus-offset)}.sidebar :focus-visible{outline-color:var(--colour-focus-inverse)}.shell{display:flex;min-height:100vh}.skip-link{position:absolute;left:-100vw}.skip-link:focus{position:fixed;z-index:1;top:var(--space-md);left:var(--space-md);background:var(--colour-page);color:var(--colour-ink);font-weight:var(--weight-label);padding:var(--space-sm) var(--space-md);border:var(--rule-weight) solid var(--colour-focus);border-radius:var(--radius-panel)}.sidebar{align-self:flex-start;position:sticky;top:0;height:100vh;overflow-y:auto;flex:0 0 var(--sidebar-width);display:flex;flex-direction:column;background:var(--colour-header);color:var(--colour-ink-inverse)}.sidebar-brand{padding:var(--space-lg) var(--space-md);border-bottom:var(--border-hairline) solid var(--colour-header-raised)}.wordmark{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--size-display-md);line-height:var(--line-height-tight);margin:0}.wordmark-sub{margin:var(--space-xs) 0 0;font-size:var(--size-micro);font-weight:var(--weight-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--colour-ink-inverse-muted)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) 0}.sidebar-note{margin:0;padding:var(--space-sm) var(--space-md);font-size:var(--size-small);color:var(--colour-ink-inverse-muted)}.nav-item{display:block;width:100%;text-align:left;font-family:inherit;font-size:var(--size-small);font-weight:var(--weight-label);color:var(--colour-ink-inverse-muted);background:none;border:0;border-left:var(--rule-weight) solid transparent;padding:var(--space-sm) var(--space-md);cursor:pointer}.nav-item:hover{color:var(--colour-ink-inverse);background:var(--colour-header-raised)}.nav-item.is-current{color:var(--colour-ink-inverse);background:var(--colour-header-raised);border-left-color:var(--colour-rule)}.nav-placeholder{display:block;height:var(--placeholder-row);margin:var(--space-xs) var(--space-md);background:var(--colour-header-raised);border-radius:var(--radius-panel)}.sidebar-foot{padding:var(--space-md);border-top:var(--border-hairline) solid var(--colour-header-raised);font-size:var(--size-micro)}.sidebar-foot-label{margin:0;font-weight:var(--weight-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--colour-ink-inverse-muted)}.sidebar-foot-id{margin:var(--space-xs) 0 0;font-family:var(--font-mono);overflow-wrap:anywhere}.sidebar-foot-role{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-xs) 0 0}.role-dot{flex:0 0 auto;width:var(--space-sm);height:var(--space-sm);border-radius:var(--radius-round);background:var(--colour-rule)}.dev-panel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin:0 var(--space-md) var(--space-md);padding:var(--space-md);background:var(--colour-charcoal);color:var(--colour-ink-inverse);border-radius:var(--radius-panel);font-size:var(--size-small)}.dev-badge{background:var(--colour-gold);color:var(--colour-charcoal);font-size:var(--size-micro);font-weight:var(--weight-label);text-transform:uppercase;letter-spacing:var(--tracking-label);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-panel)}.dev-panel label{font-size:var(--size-micro);font-weight:var(--weight-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--colour-ink-inverse-muted)}.dev-panel select{width:100%;min-width:0;font-family:inherit;font-size:var(--size-small);padding:var(--space-xs) var(--space-sm);border:var(--border-hairline) solid var(--colour-sand);border-radius:var(--radius-panel);background:var(--colour-off-white);color:var(--colour-ink)}.dev-note{margin:0;font-size:var(--size-micro);color:var(--colour-ink-inverse-muted)}.content{min-width:0;flex:1 1 auto;max-width:var(--content-max);padding:var(--space-xl) var(--space-lg)}.page-head{margin-bottom:var(--space-xl)}.page-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--size-display-lg);line-height:var(--line-height-tight);color:var(--colour-navy);margin:0}.page-subtitle{margin:var(--space-xs) 0 0;max-width:var(--measure);color:var(--colour-ink-muted)}.section{margin-bottom:var(--space-xl)}.section-title{margin:0 0 var(--space-md);padding-top:var(--space-sm);border-top:var(--rule-weight) solid var(--colour-rule);font-size:var(--size-micro);font-weight:var(--weight-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--colour-ink-muted)}.panel{background:var(--colour-surface);border-top:var(--rule-weight) solid var(--colour-rule);border-radius:var(--radius-panel);padding:var(--space-lg)}.panel-title,.teacher-form h2,.student-form h2{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--size-display-md);line-height:var(--line-height-tight);margin:0 0 var(--space-sm)}.lede{margin:0 0 var(--space-lg);max-width:var(--measure)}.panel-placeholder{display:flex;flex-direction:column;gap:var(--space-md);max-width:var(--measure)}.line-placeholder{display:block;height:var(--placeholder-line);background:var(--colour-page);border-radius:var(--radius-panel)}.line-placeholder.is-short{width:var(--placeholder-line-short)}.stat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--card-min),100%),1fr));gap:var(--space-md)}.stat-card{min-width:0;background:var(--colour-surface);border-top:var(--rule-weight) solid var(--colour-rule);border-radius:var(--radius-panel);padding:var(--space-md) var(--space-lg) var(--space-lg)}.stat-label{margin:0;font-size:var(--size-micro);font-weight:var(--weight-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--colour-ink-muted)}.stat-value{margin:var(--space-sm) 0 0;font-size:var(--size-stat);font-weight:var(--weight-display);line-height:var(--line-height-number);color:var(--colour-navy)}.stat-pending{font-size:var(--size-small);font-weight:var(--weight-body);color:var(--colour-ink-muted)}.stat-caption{margin:var(--space-sm) 0 0;font-size:var(--size-micro);color:var(--colour-ink-muted)}.stat-caption.error{color:var(--colour-ink)}.stat-action{margin-top:var(--space-md)}.entry-list,.preview-list{list-style:none;margin:0;padding:0}.entry-list{display:flex;flex-direction:column;gap:var(--space-md)}.entry{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md)}.entry-text{min-width:0;overflow-wrap:anywhere}.entry-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--size-display-md);line-height:var(--line-height-tight);margin:0}.entry-subtitle{margin:var(--space-xs) 0 0;max-width:var(--measure);color:var(--colour-ink-muted)}.preview-item{padding:var(--space-md) 0;border-top:var(--border-hairline) solid var(--colour-off-white)}.preview-item:first-child{padding-top:0;border-top:0}.preview-name{font-weight:var(--weight-label)}.preview-detail{margin:var(--space-xs) 0 0;max-width:var(--measure);color:var(--colour-ink-muted)}.rows{list-style:none;margin:0;padding:0}.rows li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:var(--border-hairline) solid var(--colour-off-white)}.rows li>*{min-width:0;overflow-wrap:anywhere}.side-note{margin:0 0 var(--space-lg);max-width:var(--measure);font-size:var(--size-small);color:var(--colour-ink-muted)}.muted{color:var(--colour-ink-muted)}.error{font-weight:var(--weight-label);border-left:var(--rule-weight) solid var(--colour-navy);padding-left:var(--space-sm)}.notice{background:var(--colour-page);border-left:var(--rule-weight) solid var(--colour-rule);padding:var(--space-md);margin:0 0 var(--space-lg)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.toggle{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--size-small)}.toggle input[type=checkbox]{accent-color:var(--colour-navy)}.button-primary,.button-quiet{font-family:inherit;font-size:var(--size-small);font-weight:var(--weight-label);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-panel);cursor:pointer}.button-primary{background:var(--colour-navy);color:var(--colour-ink-inverse);border:var(--border-hairline) solid var(--colour-navy)}.button-quiet{background:transparent;color:var(--colour-ink);border:var(--border-hairline) solid var(--colour-navy)}.button-primary:disabled,.button-quiet:disabled{opacity:.5;cursor:default}.teacher-row,.student-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md)}.teacher-identity,.student-identity{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.tag{background:var(--colour-gold);color:var(--colour-charcoal);font-size:var(--size-small);font-weight:var(--weight-label);padding:0 var(--space-sm);border-radius:var(--radius-panel);margin-left:var(--space-sm)}.row-actions,.confirm{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--size-small)}.confirm{border-left:var(--rule-weight) solid var(--colour-rule);padding-left:var(--space-sm)}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:var(--border-hairline) solid var(--colour-off-white)}.teacher-form,.student-form{background:var(--colour-surface);border-top:var(--rule-weight) solid var(--colour-rule);border-radius:var(--radius-panel);padding:var(--space-lg)}.pay-panel{margin-top:var(--space-lg)}.teacher-rate{flex:0 0 auto;font-size:var(--size-small)}.field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.field label{font-size:var(--size-small);font-weight:var(--weight-label)}.field input,.field select,.field textarea{font-family:inherit;font-size:var(--size-body);line-height:var(--line-height-body);padding:var(--space-sm);border:var(--border-hairline) solid var(--colour-navy);border-radius:var(--radius-panel);background:var(--colour-off-white);color:var(--colour-ink);min-width:0;max-width:100%}.field [aria-invalid=true]{border-width:var(--rule-weight)}.field-error{margin:0;font-size:var(--size-small);font-weight:var(--weight-label)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-lg)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width: 52rem){.shell{flex-direction:column}.sidebar{position:static;height:auto;width:100%;flex:0 0 auto;align-self:stretch}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md)}.nav-item{width:auto}.dev-panel{margin:0 var(--space-md) var(--space-md)}.content{max-width:100%;padding:var(--space-lg) var(--space-md)}}.class-detail{display:flex;flex-direction:column;gap:var(--space-lg)}.class-head{background:var(--colour-surface);border-top:var(--rule-weight) solid var(--colour-rule);border-radius:var(--radius-panel);padding:var(--space-lg)}.class-head h2{margin:var(--space-md) 0 var(--space-sm)}.session-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.session-when{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.session-cover{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:var(--size-small)}.session-cover label{font-weight:var(--weight-label)}.session-cover select{font-family:inherit;font-size:var(--size-small);padding:var(--space-xs) var(--space-sm);border:var(--border-hairline) solid var(--colour-navy);border-radius:var(--radius-panel);background:var(--colour-off-white);color:var(--colour-ink);min-width:0;max-width:100%}.session-cover .error{flex-basis:100%;margin:var(--space-xs) 0 0;font-size:var(--size-small)}.enrol-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--card-min),1fr));gap:var(--space-md);align-items:end;background:var(--colour-surface);border-top:var(--rule-weight) solid var(--colour-rule);border-radius:var(--radius-panel);padding:var(--space-lg);margin-bottom:var(--space-lg)}.enrol-form .field{margin-bottom:0}.enrol-form .error,.enrol-form .form-actions{grid-column:1 / -1;margin-top:0}.choice-control{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.choice-control select{flex:1 1 auto;min-width:0}.choice-control button{flex:0 0 auto}.form-actions .muted,.enrol-form .form-actions .muted{flex-basis:100%;margin:0;max-width:var(--measure);font-size:var(--size-small)}.crm-tally{display:flex;flex-wrap:wrap;gap:var(--space-md);margin:var(--space-md) 0 0}.crm-tally div{background:var(--colour-page);border-radius:var(--radius-panel);padding:var(--space-sm) var(--space-md);min-width:7rem}.crm-tally dt{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--colour-ink-muted)}.crm-tally dd{margin:0;font-family:var(--font-display);font-size:1.5rem;color:var(--colour-ink)}.crm-filter{display:inline-flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.crm-filter span{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--colour-ink-muted)}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{text-align:left;vertical-align:top;padding:var(--space-sm);border-bottom:1px solid var(--colour-rule)}.table th{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--colour-ink-muted);white-space:nowrap}.table td .muted{display:block;font-size:.85rem}@media (max-width: 40rem){.table thead{display:none}.table tr{display:block;padding:var(--space-sm) 0;border-bottom:1px solid var(--colour-rule)}.table td{display:flex;justify-content:space-between;gap:var(--space-md);border:0;padding:2px var(--space-sm)}.table td:before{content:attr(data-label);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--colour-ink-muted);flex:0 0 auto}}