:root{color:#24332d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--forest-950:#173a30;--forest-800:#1f4d3d;--forest-600:#48715f;--sage-100:#e4eadf;--ivory:#f5f2e9;--paper:#fffdf8;--gold:#d29a62;--gold-soft:#f4e5d3;--ink:#24332d;--muted:#6f7873;--line:#dedbd0;--danger:#a95348;--shadow:0 18px 48px #233a3017;background:#f5f2e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ivory);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--forest-950);font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.sidebar{z-index:20;color:#fff;background:var(--forest-950);flex-direction:column;width:250px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:inherit;align-items:center;gap:12px;display:flex}.brand-mark{width:44px;height:44px;color:var(--forest-950);background:var(--gold);border-radius:14px 14px 14px 4px;place-items:center;display:grid}.brand-mark svg{width:24px}.brand>span:last-child{flex-direction:column;gap:3px;display:flex}.brand strong{letter-spacing:-.02em;font-size:16px}.brand small{letter-spacing:.16em;opacity:.67;font-size:9px;font-weight:800}.sidebar nav{gap:6px;margin-top:48px;display:grid}.sidebar nav a,.bottom-nav a{color:inherit;align-items:center;text-decoration:none;display:flex}.sidebar nav a{color:#cbd8d0;border-radius:12px;gap:12px;padding:12px 14px;font-size:14px;font-weight:650}.sidebar nav a svg{width:19px}.sidebar nav a:hover{background:#ffffff0f}.sidebar nav a.active{color:#fff;background:#ffffff1f}.profile-card{border-top:1px solid #ffffff1f;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:auto;padding-top:20px;display:grid}.profile-card>span{width:38px;height:38px;color:var(--forest-950);background:var(--gold-soft);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.profile-card div{gap:3px;display:grid}.profile-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-card small{color:#aebdb5;font-size:10px}.profile-card button{color:#cbd8d0;background:0 0;border:1px solid #ffffff24;border-radius:9px;place-items:center;width:30px;height:30px;padding:0;display:grid}.profile-card button svg{width:15px}.app-main{min-height:100vh;margin-left:250px}.page-container{width:min(1160px,100%);margin:0 auto;padding:48px 46px 80px}.mobile-topbar,.bottom-nav{display:none}.demo-banner{color:#6b452c;background:var(--gold-soft);text-align:center;border-bottom:1px solid #e7cbaa;padding:9px 42px;font-size:11px;font-weight:700}.loading-screen{min-height:100vh;color:var(--muted);background:var(--ivory);place-items:center;font-size:13px;display:grid}.auth-page{background:radial-gradient(circle at 20% 15%, #fffaf0 0, transparent 34%), var(--ivory);place-items:center;min-height:100vh;padding:28px 18px;display:grid}.auth-card{background:var(--paper);border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);border-radius:26px;padding:34px}.auth-card .brand{color:var(--forest-950)}.auth-copy{margin:32px 0 24px}.auth-copy h1{letter-spacing:-.035em;margin-bottom:10px;font-size:29px;line-height:1.18}.auth-copy>p:last-child{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.55}.auth-form{gap:16px;display:grid}.auth-form label{color:var(--forest-950);gap:7px;font-size:11px;font-weight:750;display:grid}.input-wrap{border:1px solid var(--line);background:#fbf8f1;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 13px;display:flex}.input-wrap:focus-within{border-color:var(--forest-600);box-shadow:0 0 0 3px #48715f21}.input-wrap svg{width:18px;color:var(--forest-600);flex:none}.input-wrap input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.form-error{color:#884b3b;background:#f4ded8;border-radius:9px;margin:0;padding:10px 12px;font-size:11px;line-height:1.5}.form-success{color:#315e42;background:var(--sage-100);border-radius:9px;margin:0;padding:10px 12px;font-size:11px;line-height:1.5}.auth-footnote{color:#96958c;text-align:center;margin:22px 0 0;font-size:10px;line-height:1.5}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page-header>div{max-width:760px}.eyebrow{color:#a86232;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:850}.page-header h1{letter-spacing:-.045em;margin-bottom:10px;font-size:clamp(30px,4vw,44px);line-height:1.06}.page-header p:last-child{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.button svg{width:16px}.button-light{color:var(--forest-950);background:var(--paper)}.button-secondary{color:#fff;background:var(--forest-800)}.button-danger{color:#7f3c34;background:#f5dcd7;margin-top:18px}.welcome-panel{color:#fff;background:var(--forest-800);box-shadow:var(--shadow);border-radius:22px;justify-content:space-between;align-items:center;gap:26px;margin-bottom:18px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.welcome-panel:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-45px;box-shadow:0 0 0 30px #ffffff0a}.welcome-panel>*{z-index:1;position:relative}.welcome-panel h2{color:#fff;margin-bottom:7px;font-size:21px}.welcome-panel p:last-child{color:#dce8e1;max-width:660px;margin:0;font-size:12px;line-height:1.6}.welcome-panel .eyebrow{color:#efc99f}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metric-card{min-height:128px;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:17px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:18px;text-decoration:none;display:grid}.metric-card>span{width:38px;height:38px;color:var(--forest-800);background:var(--sage-100);border-radius:12px;place-items:center;display:grid}.metric-card svg{width:18px}.metric-card div{align-content:start;display:grid}.metric-card small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.metric-card strong{color:var(--forest-950);margin:5px 0 2px;font-size:25px}.metric-card p{color:var(--muted);margin:0;font-size:9px;line-height:1.4}.content-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 5px 18px #233a300a}.next-session{justify-content:space-between;align-items:center;gap:20px;display:flex}.next-session h2{margin-bottom:5px;font-size:18px}.next-session p:last-child{color:var(--muted);margin:0;font-size:11px}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.toolbar>span{color:var(--muted);font-size:11px;font-weight:700}.master-form{gap:16px;margin-bottom:18px;display:grid}.form-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.form-heading .eyebrow{margin-bottom:5px}.form-heading h2{margin:0;font-size:19px}.form-heading>button{color:var(--muted);background:0 0;border:0;padding:4px;font-size:10px;font-weight:800}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.form-grid label{gap:6px;display:grid}.form-grid label>span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:850}.form-grid input,.form-grid select{width:100%;min-height:42px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;outline:0;padding:0 11px}.form-grid input:focus,.form-grid select:focus{border-color:var(--forest-600);box-shadow:0 0 0 3px #48715f21}.form-grid select:disabled{cursor:not-allowed;opacity:.55}.card-edit{color:#a86232;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0 0;font-size:9px;font-weight:850;display:inline-flex}.card-edit svg{width:13px}.search-field{width:min(430px,100%)}.search-field input{width:100%;min-height:44px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;outline:0;padding:0 14px}.search-field input:focus{border-color:var(--forest-600);box-shadow:0 0 0 3px #48715f21}.list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.person-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;display:grid}.avatar,.student-number{color:#fff;background:var(--forest-600);border-radius:13px;place-items:center;width:44px;height:44px;font-weight:850;display:grid}.card-copy{min-width:0}.title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.title-row h2{margin:0 0 3px;font-size:16px}.title-row p{color:var(--muted);margin:0;font-size:10px}.status{color:#3f654e;background:var(--sage-100);text-transform:uppercase;border-radius:99px;flex:none;padding:4px 8px;font-size:8px;font-weight:850}.status.inactive,.status.withdrawn{color:#8a4d43;background:#f4ded8}.meta-row{color:var(--muted);flex-wrap:wrap;gap:9px 14px;margin:12px 0;font-size:10px;display:flex}.meta-row span,.student-card footer span{align-items:center;gap:5px;display:inline-flex}.meta-row svg,.student-card footer svg{width:13px}.workload{background:#f4f3eb;border-radius:10px;grid-template-columns:repeat(2,max-content) 1fr;align-items:center;gap:10px;padding:10px 11px;display:grid}.workload span{color:var(--muted);font-size:9px}.workload strong{color:var(--forest-950);margin-right:3px;font-size:14px}.workload>svg{width:18px;color:var(--gold);justify-self:end}.student-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.student-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:18px}.student-card header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.student-number{width:40px;height:40px;color:var(--forest-950);background:var(--gold-soft)}.student-card h2{margin:0 0 3px;font-size:15px}.student-card header p{color:var(--muted);margin:0;font-size:9px}.student-details{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding:14px 0;display:grid}.student-details span{color:var(--ink);gap:4px;font-size:10px;display:grid}.student-details strong{color:var(--muted);text-transform:uppercase;font-size:8px}.student-card footer{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;gap:8px 14px;padding-top:12px;font-size:9px;display:flex}.principle-note{color:#5c523e;background:var(--gold-soft);border-radius:12px;align-items:center;gap:9px;margin:16px 0 0;padding:13px 15px;font-size:10px;line-height:1.5;display:flex}.principle-note svg{flex:none;width:17px}.session-list{gap:12px;display:grid}.date-navigator{align-items:stretch;gap:8px;margin:-10px 0 20px;display:flex}.date-navigator button{min-width:44px;min-height:48px;color:var(--forest-800);background:var(--paper);border:1px solid var(--line);border-radius:12px;place-items:center;padding:0 11px;display:grid}.date-navigator button:hover{border-color:var(--forest-600)}.date-navigator button svg{width:18px}.date-navigator label{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex:0 300px;place-items:center;min-height:48px;padding:7px 14px;display:grid;position:relative}.date-navigator label span{color:var(--forest-950);text-align:center;font-size:11px;font-weight:800}.date-navigator input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.date-navigator .today-button{min-width:auto;font-size:9px;font-weight:850;display:inline-flex}.empty-state{color:var(--muted);background:var(--paper);text-align:center;border:1px dashed #cac6b9;border-radius:18px;justify-items:center;gap:7px;padding:42px 20px;display:grid}.empty-state svg{width:28px;color:var(--gold)}.empty-state h2{margin:4px 0 0;font-size:16px}.empty-state p{max-width:460px;margin:0;font-size:10px;line-height:1.55}.session-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.date-tile{width:58px;height:64px;color:var(--forest-950);background:var(--gold-soft);border-radius:14px;place-items:center;display:grid}.date-tile strong{font-size:24px;line-height:1}.date-tile small{text-transform:uppercase;font-size:9px;font-weight:800}.session-copy{min-width:0}.session-copy h2{margin:4px 0 6px;font-size:17px}.session-copy>p{color:var(--muted);align-items:center;gap:6px;margin-bottom:12px;font-size:10px;display:flex}.session-copy>p svg{width:14px}.session-status{letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:850}.session-status.in_progress{color:#a86232}.session-status.scheduled{color:var(--forest-600)}.session-status.completed{color:#3f654e}.session-status.cancelled{color:var(--danger)}.complete-icon,.pending-icon{width:20px}.complete-icon{color:#4d7c5c}.pending-icon{color:var(--gold)}.session-counts{flex-wrap:wrap;gap:8px;display:flex}.session-counts span{color:var(--muted);background:#f4f3eb;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;display:inline-flex}.session-counts svg{width:13px}.session-counts strong{color:var(--forest-950);font-size:12px}.session-link{color:#a86232;align-items:center;gap:7px;font-size:10px;font-weight:850;text-decoration:none;display:inline-flex}.session-link svg{width:15px}.attendance-layout{grid-template-columns:235px minmax(0,1fr);align-items:start;gap:15px;display:grid}.session-picker{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:15px}.session-picker h2{margin:2px 4px 12px;font-size:14px}.session-picker a{color:inherit;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:11px;text-decoration:none;display:flex}.session-picker a+a{margin-top:4px}.session-picker a.active{color:#fff;background:var(--forest-800)}.session-picker a>span{gap:4px;min-width:0;display:grid}.session-picker strong{font-size:10px}.session-picker small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.session-picker a.active small{color:#d8e4dd}.session-picker svg{flex:none;width:14px}.attendance-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.attendance-header{justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.attendance-header h2{margin-bottom:5px;font-size:20px}.attendance-header p:last-child{color:var(--muted);margin:0;font-size:10px}.attendance-summary{background:var(--line);border-block:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.attendance-summary>span{background:#faf9f4;place-items:center;gap:3px;min-height:72px;display:grid}.attendance-summary strong{color:var(--forest-950);font-size:19px}.attendance-summary small{color:var(--muted);font-size:8px;font-weight:700}.attendance-summary .summary-H strong{color:#3f7752}.attendance-summary .summary-I strong{color:#9a6b2e}.attendance-summary .summary-S strong{color:#48708d}.attendance-summary .summary-A strong{color:#a95348}.attendance-list article{grid-template-columns:minmax(200px,1fr) auto;align-items:center;gap:18px;padding:14px 20px;display:grid}.attendance-list article+article{border-top:1px solid var(--line)}.attendance-student{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;display:grid}.attendance-student>span{width:30px;height:30px;color:var(--forest-600);background:var(--sage-100);border-radius:9px;place-items:center;font-size:9px;font-weight:850;display:grid}.attendance-student h3{margin:0 0 3px;font-size:12px}.attendance-student small{color:var(--muted);font-size:8px}.attendance-options{gap:5px;display:flex}.attendance-options button{min-width:52px;height:42px;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:9px;place-items:center;padding:3px 6px;display:grid}.attendance-options button strong{font-size:10px}.attendance-options button span{font-size:7px}.attendance-options button[aria-pressed=true]{color:#fff;border-color:#0000}.attendance-options .option-H[aria-pressed=true]{background:#4f7c5d}.attendance-options .option-I[aria-pressed=true]{background:#b27c36}.attendance-options .option-S[aria-pressed=true]{background:#557f9b}.attendance-options .option-A[aria-pressed=true]{background:#aa5d52}.attendance-footnote{color:var(--muted);border-top:1px solid var(--line);background:#f6f4ed;align-items:center;gap:8px;margin:0;padding:13px 20px;font-size:9px;display:flex}.attendance-footnote svg{width:14px}.class-layout{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);align-items:start;gap:14px;margin-bottom:14px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.section-title .eyebrow{margin-bottom:5px}.section-title h2{margin:0;font-size:18px}.section-title>svg{width:23px;color:var(--gold)}.level-list{gap:7px;display:grid}.level-list article{background:#f7f5ee;border-radius:11px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.level-list article>span{width:32px;height:32px;color:var(--forest-800);background:var(--sage-100);border-radius:9px;place-items:center;font-size:9px;font-weight:850;display:grid}.level-list h3{margin:0 0 3px;font-size:12px}.level-list p{color:var(--muted);margin:0;font-size:8px;line-height:1.4}.level-list small{color:#a86232;font-size:8px;font-weight:800}.level-form{gap:12px;display:grid}.level-form .section-title{margin-bottom:1px}.level-form label{gap:5px;display:grid}.level-form label span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:800}.level-form input,.level-form textarea{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:9px;outline:none;padding:10px 11px}.level-form textarea{resize:vertical;min-height:72px}.level-form input:focus,.level-form textarea:focus{border-color:var(--forest-600);box-shadow:0 0 0 3px #48715f21}.level-form .button:disabled{cursor:wait;opacity:.65}.form-note{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.class-grid article{grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}.class-grid article>svg{width:21px;color:var(--gold)}.class-grid span{color:#a86232;font-size:8px;font-weight:850}.class-grid h2{margin:3px 0 4px;font-size:14px}.class-grid p{color:var(--muted);margin:0;font-size:9px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.account-password-form{margin-top:14px}.settings-grid .content-card{grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}.settings-grid .content-card>svg{width:22px;color:var(--gold)}.settings-grid h2{margin-bottom:6px;font-size:14px}.settings-grid p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}@media (width<=960px){.sidebar{width:220px}.app-main{margin-left:220px}.page-container{padding-inline:28px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.list-grid,.student-grid,.attendance-layout{grid-template-columns:1fr}.session-picker{gap:5px;display:flex;overflow-x:auto}.session-picker h2{display:none}.session-picker a{flex:0 0 190px}.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-layout,.class-grid{grid-template-columns:1fr}}@media (width<=700px){.sidebar{display:none}.app-main{margin-left:0}.mobile-topbar{color:#fff;background:var(--forest-950);justify-content:space-between;align-items:center;min-height:68px;padding:10px 18px;display:flex}.mobile-topbar .brand-mark{width:38px;height:38px}.mobile-account{align-items:center;gap:7px;display:flex}.mobile-account button{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:9px;place-items:center;width:32px;height:32px;padding:0;display:grid}.mobile-account button svg{width:15px}.demo-chip{color:var(--forest-950);background:var(--gold-soft);text-transform:uppercase;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850}.demo-banner{padding-inline:16px}.page-container{padding:30px 16px 96px}.page-header{margin-bottom:24px}.page-header h1{font-size:32px}.auth-card{border-radius:22px;padding:26px 22px}.date-navigator{grid-template-columns:44px minmax(0,1fr) 44px;display:grid}.date-navigator .today-button{grid-column:1/-1;min-height:36px}.welcome-panel,.next-session,.attendance-header{flex-direction:column;align-items:stretch}.welcome-panel .button,.next-session .button,.attendance-header .button{width:100%}.metric-grid{gap:9px}.metric-card{grid-template-columns:1fr;min-height:142px;padding:15px}.toolbar{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.session-card{grid-template-columns:auto minmax(0,1fr);gap:12px}.session-link{background:var(--gold-soft);border-radius:9px;grid-column:1/-1;justify-content:center;min-height:40px}.attendance-list article{grid-template-columns:1fr;padding:15px}.attendance-options button{flex:1;min-width:0;height:46px}.attendance-summary>span{min-height:64px}.level-list article{grid-template-columns:32px minmax(0,1fr)}.level-list small{grid-column:2}.bottom-nav{z-index:30;height:calc(66px + env(safe-area-inset-bottom));padding:5px 3px env(safe-area-inset-bottom);color:var(--muted);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav a{flex-direction:column;justify-content:center;gap:3px;font-size:8px;font-weight:700}.bottom-nav a svg{width:18px}.bottom-nav a.active{color:#a86232}}@media (width<=430px){.student-details{grid-template-columns:1fr}.workload{grid-template-columns:repeat(2,1fr)}.workload>svg,.attendance-options button span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}