@layer theme{:root,:host{--font-sans:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.w-full{width:100%}}@media(max-width:560px){body .group-list>button{gap:9px;padding:11px 12px}body .student-number{flex-basis:20px;width:20px}}:root{font-family:var(--font-sans);color:#102044;font-synthesis:none;text-rendering:optimizelegibility;--blue:#0b6cf4;--blue-strong:#0758d0;--ink:#102044;--muted:#526789;--line:#dce6f3;--surface:#fff;--soft-blue:#edf5ff;--green:#20b962;--red:#f14949;--orange:#ee9700;--shadow:0 14px 40px #20477714;background:#f4f8fd}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 0,#eaf3ff 0,#0000 32rem),#f4f8fd;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #0b6cf438}.app-layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.desktop-sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffffeb;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand-mark{align-items:center;gap:12px;margin:0 8px 38px;display:flex}.brand-mark .brand-icon{color:#fff;background:linear-gradient(145deg,#1984ff,#075bd7);border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid;box-shadow:0 8px 20px #0b6cf43d}.brand-mark div,.role-panel div{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-mark strong{letter-spacing:-.02em;font-size:17px}.brand-mark small,.role-panel small{color:var(--muted)}.desktop-sidebar nav{gap:7px;display:grid}.desktop-sidebar nav a{color:#63779c;border-radius:13px;align-items:center;gap:13px;padding:13px 15px;font-weight:650;text-decoration:none;transition:all .2s;display:flex}.desktop-sidebar nav a:hover{color:var(--ink);background:#f5f8fd}.desktop-sidebar nav a.active{color:var(--blue);background:var(--soft-blue)}.role-panel{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:13px 10px;display:flex}.role-panel strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.app-main{min-width:0}.desktop-topbar{height:64px;color:var(--muted);justify-content:flex-end;align-items:center;padding:0 38px;font-size:13px;display:flex}.desktop-topbar button,.icon-button{cursor:pointer;background:#fff;border:0;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 5px 18px #20477714}.desktop-topbar button{margin-left:18px}.page-container{width:min(1100px,100% - 56px);margin:0 auto;padding:12px 0 60px}.mobile-nav{display:none}.page-stack,.stack-lg{flex-direction:column;gap:20px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.page-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(27px,3.5vw,38px);line-height:1.1}.page-header p{color:var(--muted);margin:7px 0 0;font-size:16px}.card{box-shadow:var(--shadow);background:#fffffff2;border:1px solid #d6e2f0db;border-radius:20px}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-weight:750;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.55;cursor:default;transform:none}.button-primary{color:#fff;background:linear-gradient(135deg,#1682ff,#0867ed);box-shadow:0 9px 22px #0b6cf438}.button-secondary{color:var(--blue);background:#fff;border-color:#7eb2fa}.button-danger{color:#eb3f48;background:#fff;border-color:#ffb5ba}.button-ghost{color:var(--blue);background:0 0}.w-full{width:100%}.progress{background:#e5edf6;border-radius:999px;height:9px;overflow:hidden}.progress span{border-radius:inherit;height:100%;transition:width .35s;display:block}.section-label{color:var(--blue);align-items:center;gap:9px;font-weight:750;display:flex}.info-box{color:#61789f;border-radius:14px;align-items:flex-start;gap:11px;padding:15px;font-size:13px;line-height:1.45;display:flex}.info-box p{margin:0}.info-box svg{color:var(--blue);flex:none}.info-blue{background:#edf5ff}.info-green{background:#ecfbf3}.info-green svg{color:var(--green)}.avatar{color:#0863d8;background:#dcebff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:inline-grid}.avatar-1{color:#6741d9;background:#eee5ff}.avatar-2{color:#1482a7;background:#e3f7ff}.avatar-3{color:#258442;background:#e9f8e8}.avatar-large{width:84px;height:84px;font-size:25px}.status-badge{white-space:nowrap;border-radius:9px;align-items:center;gap:5px;width:max-content;padding:6px 9px;font-size:12px;font-weight:650;display:inline-flex}.status-present{color:#118b46;background:#dcf8e7}.status-absent{color:#e03138;background:#ffebec}.status-excused{color:#b36c00;background:#fff1d5}.status-unmarked{color:#6c7f9e;background:#edf2f8}.welcome-page{background:radial-gradient(circle at 5% 5%,#dcecff 0,#0000 27rem),linear-gradient(135deg,#f8fbff,#edf5ff);grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);align-items:center;gap:clamp(50px,10vw,150px);min-height:100vh;padding:clamp(36px,7vw,90px);display:grid;position:relative;overflow:hidden}.welcome-orb{background:#0b6cf40f;border-radius:50%;position:absolute}.orb-one{width:380px;height:380px;top:-120px;right:-150px}.orb-two{width:250px;height:250px;bottom:-100px;left:-100px}.welcome-copy,.role-picker{z-index:1;position:relative}.welcome-logo{background:var(--blue);color:#fff;border-radius:22px;place-items:center;width:66px;height:66px;margin-bottom:34px;display:grid;box-shadow:0 15px 30px #0b6cf440}.eyebrow{width:max-content;max-width:100%;color:var(--blue);background:#dfedff;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:13px;font-weight:700;display:flex}.welcome-copy h1{letter-spacing:-.06em;margin:20px 0;font-size:clamp(48px,6vw,84px);line-height:.98}.welcome-copy h1 span{color:var(--blue)}.welcome-copy>p{color:#63779c;max-width:670px;font-size:clamp(17px,2vw,21px);line-height:1.55}.trust-row{color:#5c7297;align-items:center;gap:13px;margin-top:32px;font-size:14px;font-weight:650;display:flex}.trust-row i{background:#8fb8ef;border-radius:50%;width:4px;height:4px}.role-picker{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffb8;border:1px solid #fffc;border-radius:28px;padding:34px;box-shadow:0 30px 80px #3a5a8524}.role-heading span{text-transform:uppercase;color:var(--blue);letter-spacing:.12em;font-size:12px;font-weight:800}.role-heading h2{margin:8px 0;font-size:28px}.role-heading p{color:var(--muted);margin:0 0 25px}.role-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;width:100%;margin-top:13px;padding:18px;transition:all .2s;display:grid}.role-card:hover{border-color:#7bb2f9;transform:translateY(-2px);box-shadow:0 12px 28px #1f599e1f}.role-card>span:nth-child(2){flex-direction:column;gap:5px;display:flex}.role-card strong{font-size:17px}.role-card small{color:var(--muted);line-height:1.35}.role-card>svg{color:#8ba0c0}.role-icon{border-radius:17px;place-items:center;width:52px;height:52px;display:grid}.role-icon.student{color:#0867e8;background:#e2efff}.role-icon.head{color:#6c49d8;background:#eee8ff}.welcome-footnote{text-align:center;color:#526789;margin:25px 0 0;font-size:12px}.welcome-footnote button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-weight:750}.app-loading{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:13px;display:grid}.app-loading span{color:#fff;background:var(--blue);border-radius:18px;place-items:center;width:58px;height:58px;font-size:25px;font-weight:900;display:grid;box-shadow:0 12px 25px #0b6cf43d}.app-loading p{margin:0}.app-error{text-align:center;padding:24px}.app-error span{background:var(--red)}.app-error h1{color:var(--ink);margin:6px 0 0;font-size:24px}.app-error p{max-width:480px}.form-alert{color:#b4232f;background:#fff1f2;border:1px solid #ffc8cd;border-radius:11px;padding:11px 13px;font-size:13px}.invitation-preview{color:var(--blue);text-align:left;background:#edf5ff;border-radius:12px;align-items:center;gap:12px;margin:16px 0;padding:13px;display:flex}.invitation-preview>span{flex-direction:column;gap:2px;display:flex}.invitation-preview small{color:var(--muted)}.invitation-preview strong{color:var(--ink)}.auth-page{background:#f5f9fe;grid-template-columns:minmax(360px,.75fr) minmax(520px,1.25fr);min-height:100vh;display:grid}.auth-brand{color:#fff;background:radial-gradient(circle at 20% 15%,#ffffff2e,#0000 15rem),linear-gradient(145deg,#0878fa,#0645b8);flex-direction:column;justify-content:center;padding:clamp(45px,7vw,100px);display:flex}.auth-brand .welcome-logo{box-shadow:none;background:#ffffff2e}.auth-brand h1{letter-spacing:-.05em;margin:15px 0;font-size:clamp(40px,5vw,66px)}.auth-brand p{color:#dceaff;font-size:18px;line-height:1.6}.auth-card{border:1px solid var(--line);background:#fff;border-radius:26px;width:min(540px,100% - 40px);margin:auto;padding:38px;box-shadow:0 25px 65px #2a4c7821}.auth-card>.back-link{margin-bottom:24px}.auth-role{width:55px;height:55px;color:var(--blue);background:#e7f1ff;border-radius:17px;place-items:center;display:grid}.auth-role.head{color:#6c49d8;background:#eee8ff}.auth-card h2{margin:18px 0 6px;font-size:29px}.auth-card>p{color:var(--muted);margin:0 0 22px}.auth-card form{gap:14px;display:grid}.auth-card form>label,.auth-name-grid label{color:#334c75;gap:7px;font-size:13px;font-weight:700;display:grid}.auth-card label>span{color:var(--muted);font-weight:400}.auth-card label>input,.auth-input{background:#fff;border:1px solid #cbd9e9;border-radius:11px;outline:0;width:100%;min-height:47px;padding:0 12px}.auth-card label>input:focus,.auth-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0b6cf414}.auth-input{align-items:center;gap:9px;display:flex}.auth-input svg{color:#7f93b2;width:18px}.auth-input input{border:0;outline:0;width:100%}.auth-name-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.auth-error{color:#c6353b;background:#fff0f1;border-radius:10px;padding:11px 13px;font-size:13px}.auth-switch{color:var(--muted);text-align:center;margin-top:20px;font-size:13px}.auth-switch a{color:var(--blue);font-weight:700}.home-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);align-items:start;gap:20px;display:grid}.active-lesson-card{background:linear-gradient(140deg,#f0fff6,#fff 65%);border-color:#cfeede;padding:28px}.live-label{color:#168c49;align-items:center;gap:7px;font-size:13px;font-weight:750;display:flex}.live-label span{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #20b96221}.active-lesson-card h2{margin:18px 0 4px;font-size:27px}.active-lesson-card>p{color:var(--muted);margin:0}.lesson-time{color:#405a87;align-items:center;gap:8px;margin:16px 0 25px;font-weight:650;display:flex}.quick-attendance{border-top:1px solid #d7eee1;justify-content:space-between;align-items:center;gap:20px;padding-top:19px;display:flex}.quick-attendance>span{font-weight:650}.quick-attendance .button{width:auto}.marked-row{cursor:pointer;background:0 0;border:0;border-top:1px solid #d7eee1;justify-content:space-between;align-items:center;width:100%;padding:19px 0 0;display:flex}.next-lesson-card,.attendance-summary{padding:22px}.link-row{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:18px 0 0;display:flex}.link-row span{flex-direction:column;gap:6px;display:flex}.link-row strong{font-size:18px}.link-row small{color:var(--muted)}.summary-link{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:18px 0 13px;display:flex}.summary-link strong{margin-right:7px;font-size:35px}.attendance-summary>small{color:var(--muted);margin-top:9px;display:block}.mini-subjects{border-top:1px solid var(--line);gap:11px;margin-top:24px;padding-top:17px;display:grid}.mini-subjects span{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.mini-subjects i{border-radius:50%;width:8px;height:8px}.empty-lesson{text-align:center;padding:45px 25px}.empty-icon{color:#7a98c6;background:#eaf2fc;border-radius:50%;place-items:center;width:70px;height:70px;margin:auto;display:grid}.empty-lesson h2{margin:18px 0 7px}.empty-lesson p{color:var(--muted);max-width:360px;margin:auto}.dashboard-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:20px;display:grid}.dashboard-grid>.group-glance{grid-column:1/-1}.section-heading{justify-content:space-between;align-items:center;padding:22px 24px 12px;display:flex}.section-heading>span{align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.section-heading svg{color:var(--blue)}.section-heading small{color:var(--muted)}.today-lesson{text-align:left;cursor:pointer;background:#fbfdff;border:1px solid #e2eaf4;border-radius:15px;grid-template-columns:1fr auto;gap:14px;width:calc(100% - 20px);margin:0 10px 10px;padding:20px;display:grid}.today-lesson>div:first-child{flex-direction:column;gap:6px;display:flex}.today-lesson strong{font-size:19px}.today-lesson small{color:var(--muted)}.today-lesson>svg{color:#7891b8}.lesson-stat{color:#6b80a4;grid-column:1/-1;align-items:center;gap:7px;font-size:13px;display:flex}.lesson-stat svg{color:var(--blue)}.lesson-stat b{color:var(--ink)}.lesson-stat span{color:var(--blue);margin-left:auto;font-weight:700}.today-lesson .progress{grid-column:1/-1}.create-lesson-cta{min-height:58px;font-size:16px}.quick-actions{padding:22px}.quick-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:17px;display:grid}.quick-grid button{border:1px solid var(--line);text-align:center;cursor:pointer;background:#fbfdff;border-radius:15px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;display:flex}.quick-grid button>span{color:#fff;background:var(--blue);border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.quick-grid strong{font-size:14px}.quick-grid small{color:var(--muted);line-height:1.4}.group-glance{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.group-glance>div{align-items:center;gap:13px;display:flex}.group-glance>div>span:last-child{flex-direction:column;gap:3px;display:flex}.group-icon{width:45px;height:45px;color:var(--blue);background:var(--soft-blue);border-radius:13px;place-items:center;display:grid}.group-glance small{color:var(--muted)}.group-glance button{color:var(--blue);cursor:pointer;background:0 0;border:0;gap:7px;font-weight:700;display:flex}.form-page{background:#f6f9fd;min-height:100vh}.form-topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;align-items:center;gap:13px;height:72px;padding:0 max(22px,50vw - 550px);display:flex;position:sticky;top:0}.form-topbar button{cursor:pointer;background:#f1f5fa;border:0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.form-topbar div{flex-direction:column;display:flex}.form-topbar strong{font-size:18px}.form-topbar small{color:var(--muted)}.form-layout{grid-template-columns:.75fr 1.25fr;align-items:start;gap:42px;width:min(1000px,100% - 44px);margin:42px auto;display:grid}.create-summary{color:#fff;background:linear-gradient(155deg,#116df1,#064bc1);border-radius:25px;padding:34px;position:sticky;top:115px;box-shadow:0 22px 55px #0854c938}.summary-icon{background:#ffffff2b;border-radius:17px;place-items:center;width:55px;height:55px;display:grid}.create-summary h1{letter-spacing:-.03em;margin:25px 0 13px;font-size:31px;line-height:1.1}.create-summary p{color:#d8e8ff;line-height:1.55}.create-summary ol{border-top:1px solid #fff3;gap:20px;margin:30px 0 0;padding:25px 0 0;list-style:none;display:grid}.create-summary li{color:#bad6ff;align-items:center;gap:11px;display:flex}.create-summary li>span,.create-summary li>svg{background:#ffffff21;border-radius:50%;place-items:center;width:29px;height:29px;padding:7px;display:grid}.create-summary li.active{color:#fff;font-weight:700}.create-summary li.active svg{color:var(--blue);background:#fff}.lesson-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:34px}.form-title-mobile{margin-bottom:28px}.step-count{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.form-title-mobile h1{margin:7px 0;font-size:27px}.form-title-mobile p{color:var(--muted);margin:0}.field-label,.type-fieldset legend{margin:20px 0 8px;font-size:13px;font-weight:750;display:block}.input-with-icon{background:#fff;border:1px solid #ccdaeb;border-radius:12px;align-items:center;gap:10px;min-height:49px;padding:0 13px;display:flex}.input-with-icon:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0b6cf414}.input-with-icon svg{color:#7088ad;flex:none}.input-with-icon input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;min-width:0}.field-error{color:var(--red);margin-top:6px;font-size:12px;display:block}.type-fieldset{border:0;margin:0;padding:0}.segmented-control{background:#f0f4fa;border-radius:12px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.segmented-control button{cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px 7px;font-size:13px}.segmented-control button.active{color:#fff;background:var(--blue);box-shadow:0 5px 14px #0b6cf438}.time-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.lesson-form>.info-box{margin:26px 0 18px}.back-link{color:#5d7397;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:18px;padding:5px 0;display:flex}.lesson-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.lesson-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,4vw,38px)}.lesson-header p{color:var(--muted);margin:6px 0 0}.lesson-state{border-radius:999px;padding:9px 13px;font-size:13px;font-weight:750}.state-active{color:#148a46;background:#dcf7e6}.state-completed{color:#637796;background:#e9eff6}.date-line{color:#657b9f;align-items:center;gap:8px;margin:14px 0 25px;display:flex}.date-line svg{width:17px}.created-banner{color:#168746;background:#e7faef;border-radius:13px;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;display:flex}.compact-page{width:min(620px,100%);margin:auto}.attendance-choice{padding:27px}.attendance-choice h2{margin:0 0 18px}.choice-list{gap:11px;display:grid}.choice-list button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:14px;min-height:82px;padding:15px;display:grid}.choice-list button.selected{border-color:var(--blue);background:#f8fbff;box-shadow:0 0 0 2px #0b6cf41a}.choice-check{color:#fff;background:#eef3f8;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.choice-present .choice-check{color:var(--green);background:#dbf7e6}.choice-absent .choice-check{color:var(--red);background:#ffebec}.choice-excused .choice-check{color:var(--orange);background:#fff2d8}.choice-list button>span:last-child{flex-direction:column;gap:5px;display:flex}.choice-list strong{font-size:17px}.attendance-choice .info-box{margin:18px 0}.success-state{text-align:center;flex-direction:column;align-items:center;padding:45px 30px 30px;display:flex}.success-check{color:#fff;background:var(--green);border:13px solid #dff8e9;border-radius:50%;place-items:center;width:86px;height:86px;display:grid}.success-check svg{width:38px;height:38px}.success-state h2{margin:22px 0 6px;font-size:28px}.success-state>p{color:var(--muted);margin:0 0 13px}.success-state .status-badge{padding:9px 14px;font-size:14px}.confirmation-time{color:#62789c;align-items:center;gap:8px;margin:22px 0 28px;display:flex}.success-state .info-box{text-align:left;width:100%}.lesson-management-grid{grid-template-columns:minmax(0,1fr) 315px;align-items:start;gap:20px;display:grid}.response-progress{padding:20px}.response-progress>div{align-items:center;gap:12px;margin-bottom:12px;display:flex}.response-progress>div>svg{color:var(--blue)}.response-progress span{flex-direction:column;display:flex}.response-progress b{font-size:20px}.response-progress small{color:var(--muted)}.response-progress strong{color:var(--blue);margin-left:auto;font-size:20px}.filters{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.filters button{white-space:nowrap;color:#50678c;cursor:pointer;background:#edf2f8;border:0;border-radius:11px;padding:10px 13px}.filters button.active{color:#fff;background:var(--blue)}.search-students svg{width:19px}.student-roster{overflow:hidden}.student-roster>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1f6;align-items:center;gap:11px;width:100%;min-height:66px;padding:10px 15px;display:flex}.student-roster>button:hover{background:#f8fbff}.student-roster>button:last-child{border-bottom:0}.student-name{flex:1;font-weight:650}.lesson-actions{flex-direction:column;gap:15px;display:flex;position:sticky;top:82px}.lesson-actions .card{padding:21px}.lesson-actions h3{margin:0}.lesson-actions p{color:var(--muted);font-size:13px;line-height:1.5}.lesson-actions .button{height:auto;margin-top:9px;padding:12px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07142d85;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-sheet,.confirm-dialog,.invite-dialog{background:#fff;border-radius:24px;width:min(480px,100%);max-height:calc(100vh - 40px);padding:28px;position:relative;overflow:auto;box-shadow:0 25px 80px #00000040}.modal-close{cursor:pointer;background:#f0f4f9;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:20px;right:20px}.modal-sheet h2{margin:0 0 22px}.modal-student{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:20px;display:flex}.modal-student>span:last-child{flex-direction:column;gap:4px;display:flex}.modal-student small{color:var(--muted)}.radio-list{margin:17px 0;display:grid}.radio-list label{cursor:pointer;grid-template-columns:auto 1fr;gap:12px;padding:13px 5px;display:grid}.radio-list input{width:20px;height:20px;accent-color:var(--green)}.radio-list label>span{flex-direction:column;gap:4px;display:flex}.radio-list small{color:var(--muted)}.confirm-dialog{text-align:center;max-width:400px}.confirm-icon{width:58px;height:58px;color:var(--blue);background:#edf5ff;border-radius:50%;place-items:center;margin:auto;display:grid}.confirm-dialog h2{margin:18px 0 8px;font-size:20px}.confirm-dialog p{color:var(--muted)}.confirm-dialog>div:last-child{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.semester-picker{cursor:pointer;background:#fff;border:1px solid #cbdcf0;border-radius:12px;align-items:center;gap:12px;width:max-content;padding:11px 13px;display:flex}.semester-picker span{color:var(--blue);align-items:center;gap:8px;font-weight:700;display:flex}.semester-picker svg{width:18px}.attendance-content-grid{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}.insight-banner{background:linear-gradient(120deg,#eaf5ff,#f7fbff);border:1px solid #d5e7fa;border-radius:18px;gap:14px;padding:20px;display:flex}.insight-banner>span{width:48px;height:48px;color:var(--blue);background:#fff;border-radius:14px;place-items:center;display:grid}.insight-banner p{color:var(--muted);margin:5px 0 0}.subject-list{gap:13px;display:grid}.subject-card{border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;cursor:pointer;background:#fff;border-radius:18px;padding:20px}.subject-top{grid-template-columns:auto 1fr auto;align-items:center;gap:11px;display:grid}.subject-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.subject-top>svg{color:#8297b7}.subject-progress{grid-template-columns:1fr auto;align-items:center;gap:14px;margin:16px 0 8px;display:grid}.subject-progress b{font-size:22px}.subject-card>small{color:var(--muted)}.semester-summary-card{padding:24px;position:sticky;top:82px}.semester-summary-card h3{margin:0}.big-score{flex-direction:column;align-items:center;padding:28px 0;display:flex}.big-score strong{letter-spacing:-.05em;color:var(--blue);font-size:55px}.big-score span{color:var(--muted)}.summary-metrics{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.summary-metrics span{text-align:center;color:var(--muted);background:#f4f7fb;border-radius:10px;padding:10px 5px;font-size:11px}.summary-metrics b{color:var(--ink);font-size:18px;display:block}.semester-summary-card .info-box{margin-top:18px}.header-icon{width:48px;height:48px;color:var(--blue);box-shadow:var(--shadow);background:#fff;border-radius:14px;place-items:center;display:grid}.group-attendance-grid{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.subject-select>span{margin-bottom:7px;font-size:12px;font-weight:750;display:block}.subject-select-control{width:100%;color:var(--blue);background:#fff;border:1px solid #cbd9e9;border-radius:13px;align-items:center;gap:9px;padding:0 14px;display:flex}.subject-select-control select{min-width:0;color:var(--ink);font:inherit;appearance:none;cursor:pointer;background:0 0;border:0;outline:0;flex:1;padding:14px 0}.subject-select-control svg:last-child{color:var(--muted);pointer-events:none;margin-left:auto}.stat-grid{grid-template-columns:1fr 1fr 2fr;gap:12px;display:grid}.stat-grid .card{min-height:105px;box-shadow:none;align-items:center;gap:12px;padding:18px;display:flex}.stat-grid .card>svg{color:var(--blue)}.stat-grid .card>span{flex-direction:column;display:flex}.stat-grid b{font-size:25px}.stat-grid small{color:var(--muted)}.stat-grid .average-card{grid-template-columns:auto 1fr;display:grid}.average-card .progress{grid-column:1/-1}.ranked-students{overflow:hidden}.card-title-row{justify-content:space-between;align-items:center;padding:19px 20px 12px;display:flex}.card-title-row h2{margin:0;font-size:18px}.card-title-row>span{color:var(--blue);align-items:center;font-size:12px;display:flex}.ranked-students>button{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf1f6;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;width:100%;padding:12px 16px;display:grid}.ranked-students>button>span:nth-child(2){min-width:0}.ranked-students>button strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ranked-students>button>small{color:var(--muted)}.ranked-students>button>svg{color:#8295b3}.student-progress{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:5px;display:grid}.student-progress .progress{height:6px}.student-progress b{color:var(--blue);font-size:12px}.group-summary-aside{padding:23px;position:sticky;top:82px}.group-summary-aside h3{margin:0}.group-summary-aside>p{color:var(--muted);margin:5px 0 0}.donut{background:conic-gradient(var(--blue) calc(var(--value) * 1%),#e8eef6 0);border-radius:50%;place-items:center;width:168px;height:168px;margin:26px auto;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:17px}.donut span{flex-direction:column;align-items:center;display:flex;position:relative}.donut b{font-size:31px}.donut small{color:var(--muted)}.group-summary-aside ul,.subject-analytics ul{gap:12px;padding:0;list-style:none;display:grid}.group-summary-aside li,.subject-analytics li{color:#52698f;align-items:center;gap:8px;display:flex}.group-summary-aside li b,.subject-analytics li b{color:var(--ink);margin-left:auto}.dot-green,.dot-red,.dot-orange{background:var(--green);border-radius:50%;width:9px;height:9px}.dot-red{background:var(--red)}.dot-orange{background:var(--orange)}.subject-page>.back-link{margin-bottom:10px}.subject-header{align-items:center;gap:15px;margin-bottom:24px;display:flex}.subject-header .subject-icon{width:54px;height:54px}.subject-header h1{letter-spacing:-.03em;margin:0;font-size:32px}.subject-header p{color:var(--muted);margin:4px 0 0}.subject-detail-grid{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.subject-score-card{grid-template-columns:1fr 1.5fr;align-items:center;gap:30px;min-height:300px;padding:25px;display:grid}.score-ring{aspect-ratio:1;background:conic-gradient(var(--color) var(--score),#e7eef7 0);border-radius:50%;place-items:center;width:190px;margin:auto;display:grid;position:relative}.score-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:17px}.score-ring span{text-align:center;position:relative}.score-ring b{font-size:38px;display:block}.score-ring small{color:var(--muted)}.score-tiles{gap:10px;display:grid}.score-tiles span{color:#52678c;border-radius:12px;padding:14px}.score-tiles b{font-size:22px;display:block}.score-tiles .present{color:#178b48;background:#e8f9ef}.score-tiles .absent{color:#d94045;background:#fff0f0}.score-tiles .excused{color:#a86500;background:#fff5df}.history-card{overflow:hidden}.history-card>button{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf1f6;grid-template-columns:1fr auto auto;align-items:center;gap:13px;width:100%;padding:14px 18px;display:grid}.history-date{align-items:center;gap:10px;display:flex}.history-date svg{color:var(--blue)}.history-absent svg{color:var(--red)}.history-excused svg{color:var(--orange)}.history-date>span{flex-direction:column;gap:3px;display:flex}.history-date small{color:var(--muted)}.history-kind{color:#647a9d;font-size:13px}.subject-analytics{flex-direction:column;gap:15px;display:flex;position:sticky;top:82px}.subject-analytics .card{padding:20px}.horizontal-distribution{background:#e8eef6;border-radius:999px;height:14px;margin:20px 0;display:flex;overflow:hidden}.horizontal-distribution span{background:var(--green)}.horizontal-distribution i{background:var(--red)}.horizontal-distribution b{background:var(--orange)}.month-chart h3{margin:0 0 20px}.bars{border-bottom:1px solid var(--line);justify-content:space-around;align-items:stretch;gap:10px;height:180px;padding-top:20px;display:flex}.bars>span{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bars b{background:linear-gradient(#55a3ff,#1677f3);border-radius:7px 7px 2px 2px;width:80%;max-width:37px;position:relative}.bars i{text-align:center;width:100%;font-size:10px;font-style:normal;position:absolute;top:-18px}.bars small{color:var(--muted);font-size:10px}.group-toolbar{gap:12px;display:flex}.group-toolbar .input-with-icon{flex:1}.group-list{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;overflow:hidden}.group-list small{color:var(--muted)}.invite-dialog{text-align:center}.invite-icon{width:64px;height:64px;color:var(--blue);background:#e6f1ff;border-radius:20px;place-items:center;margin:auto;display:grid}.invite-dialog h2{margin:16px 0 5px}.invite-dialog>p{color:var(--muted);margin:0}.invite-dialog>label{text-align:left;margin:12px 0 6px;font-size:12px;font-weight:750;display:block}.invite-link{text-align:left;background:#eef5fd;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px;font-size:13px;display:grid}.invite-link span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.invite-link button{color:var(--blue);cursor:pointer;background:0 0;border:0}.invite-dialog>.button{margin-top:14px}.group-list>button{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf1f6;align-items:center;gap:13px;width:100%;padding:12px 20px;display:flex}.group-list>button:first-child{border-top:0}.group-list>button:hover{background:#f9fbfe}.group-list>button>span:last-child{flex-direction:column;gap:4px;display:flex}.student-number{color:#526789;font-variant-numeric:tabular-nums;text-align:center;flex:0 0 24px;width:24px;font-size:13px}.real-qr{border:1px solid var(--line);background:#fff;border-radius:14px;width:max-content;margin:20px auto 12px;padding:12px;line-height:0}.invite-code{width:max-content;color:var(--blue);background:var(--soft-blue);letter-spacing:.12em;border-radius:9px;margin:0 auto 18px;padding:8px 13px;font-weight:850}.profile-email{color:var(--muted);margin:-2px 0 12px;font-size:13px}.profile-edit{gap:13px;display:grid}.profile-edit label{color:#415a80;gap:6px;font-size:13px;font-weight:700;display:grid}.profile-edit input{border:1px solid #cbd9e9;border-radius:11px;outline:none;height:46px;padding:0 12px}.profile-edit input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0b6cf414}.profile-edit .button{margin-top:5px}.profile-grid{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);align-items:start;gap:20px;display:grid}.profile-identity{text-align:center;flex-direction:column;align-items:center;padding:34px;display:flex;position:sticky;top:82px}.profile-identity h2{margin:18px 0 8px}.role-badge{border-radius:999px;padding:7px 13px;font-size:13px;font-weight:750}.role-badge.student{color:var(--blue);background:#e3efff}.role-badge.head{color:#178b45;background:#ddf7e6}.group-membership{border:1px solid var(--line);text-align:left;border-radius:13px;align-items:center;gap:12px;width:100%;margin-top:25px;padding:15px;display:flex}.group-membership svg{color:var(--blue)}.group-membership span{flex-direction:column;display:flex}.group-membership small{color:var(--muted)}.profile-menu{overflow:hidden}.profile-menu button{cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1f6;gap:12px;width:100%;padding:17px 19px;display:flex}.profile-menu button:last-child{border-bottom:0}.profile-menu svg{color:var(--blue)}.profile-menu .danger,.profile-menu .danger svg{color:var(--red)}.management-card{overflow:hidden}.management-card>div{background:#edf5ff;align-items:center;gap:10px;padding:18px;display:flex}.management-card>div svg{color:var(--blue)}.management-card h3{margin:0}.management-card>button{text-align:left;cursor:pointer;color:#405a83;background:#fff;border:0;border-top:1px solid #edf1f6;width:100%;padding:15px 18px}.center-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.center-state p{color:var(--muted)}.student-detail-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:25px;display:grid}.student-detail-hero h1{margin:6px 0;font-size:26px}.student-detail-hero p{color:var(--muted);margin:0}.student-detail-hero>strong{color:var(--blue);font-size:36px}.student-detail-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;display:grid}.student-subjects,.student-history{overflow:hidden}.student-subjects h2,.student-history h2{margin:0;padding:20px;font-size:18px}.student-subjects>div{border-top:1px solid var(--line);grid-template-columns:minmax(120px,1fr) 1fr auto;align-items:center;gap:12px;padding:14px 20px;display:grid}.student-subjects span{flex-direction:column;gap:4px;display:flex}.student-subjects small{color:var(--muted)}.student-subjects b{color:var(--blue)}.student-history>button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:100%;padding:13px 20px;display:grid}.student-history>button:hover{background:#f8fbff}.student-history>button>svg{color:var(--blue)}.student-history>button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.student-history small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.student-subjects>.muted,.student-history>.muted{padding:0 20px 20px}.student-detail-note{color:#547097;gap:12px;padding:17px;display:flex}.student-detail-note svg{color:var(--blue);flex:none}.student-detail-note p{margin:0}.history-row{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf1f6;grid-template-columns:1fr auto auto;align-items:center;gap:13px;width:100%;padding:14px 18px;display:grid}.history-row:hover{background:#f8fbff}@media(max-width:900px){.app-layout{display:block}.desktop-sidebar,.desktop-topbar{display:none}.page-container{width:min(680px,100% - 28px);padding:22px 0 104px}.mobile-nav{z-index:40;padding:9px 8px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#526789;flex-direction:column;align-items:center;gap:4px;min-width:0;font-size:10px;text-decoration:none;display:flex}.mobile-nav a.active{color:var(--blue)}.page-header h1{font-size:28px}.home-grid,.dashboard-grid,.attendance-content-grid,.group-attendance-grid,.subject-detail-grid,.profile-grid,.lesson-management-grid,.student-detail-grid{grid-template-columns:1fr}.dashboard-grid>.group-glance{grid-column:auto}.attendance-summary{order:1}.home-grid>.stack-lg{order:0}.semester-summary-card,.group-summary-aside,.subject-analytics,.profile-identity,.lesson-actions{position:static}.lesson-actions{order:0}.subject-analytics{grid-template-columns:1fr 1fr;display:grid}.subject-analytics>.info-box,.subject-analytics>.button{grid-column:1/-1}.welcome-page{grid-template-columns:1fr;gap:45px;padding:45px max(24px,8vw)}.welcome-copy h1{font-size:clamp(46px,13vw,72px)}.welcome-copy>p{font-size:17px}.role-picker{width:100%;max-width:560px}.auth-page{grid-template-columns:1fr;padding:35px 0}.auth-brand{display:none}.form-layout{grid-template-columns:1fr;margin-top:25px}.create-summary{display:none}.lesson-form{padding:28px}}@media print{.desktop-sidebar,.desktop-topbar,.mobile-nav,.back-link,.subject-analytics>.button{display:none!important}body,.app-layout,.app-main{background:#fff!important}.app-main{margin:0!important}.page-container{width:100%!important;padding:0!important}.subject-detail-grid{grid-template-columns:1fr 300px!important}.card{break-inside:avoid;box-shadow:none!important}}@media(max-width:560px){body{background:#f7faff}.page-container{width:calc(100% - 24px);padding-top:18px}.page-stack,.stack-lg{gap:14px}.page-header{margin-bottom:2px}.page-header h1{font-size:25px}.page-header p{font-size:14px}.card{border-radius:16px;box-shadow:0 7px 25px #2047770f}.active-lesson-card{padding:20px}.active-lesson-card h2{font-size:21px}.quick-attendance{flex-direction:column;align-items:stretch}.quick-attendance .button{width:100%}.next-lesson-card,.attendance-summary{padding:18px}.summary-link strong{font-size:30px}.mini-subjects{display:none}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid small{display:none}.group-glance{flex-direction:column;align-items:stretch;gap:15px}.group-glance button{justify-content:center}.section-heading{padding:18px 18px 10px}.today-lesson{padding:16px}.welcome-page{flex-direction:column;justify-content:center;padding:30px 18px;display:flex}.welcome-logo{width:56px;height:56px;margin-bottom:24px}.welcome-copy h1{font-size:43px}.welcome-copy>p{font-size:15px}.trust-row{margin-top:22px;font-size:12px}.role-picker{padding:22px 16px}.role-heading h2{font-size:23px}.role-card{padding:14px}.role-card small{font-size:11px}.role-icon{width:45px;height:45px}.form-topbar{padding:0 14px}.form-layout{width:calc(100% - 24px)}.lesson-form{padding:19px}.time-grid{gap:8px}.time-grid .input-with-icon{padding:0 8px}.segmented-control button{font-size:11px}.lesson-header{flex-direction:column;gap:10px}.lesson-header h1{font-size:26px}.date-line{font-size:13px}.attendance-choice{padding:18px}.choice-list button{min-height:75px}.choice-list strong{font-size:15px}.student-name{font-size:13px}.student-roster .status-badge{text-overflow:ellipsis;max-width:110px;overflow:hidden}.modal-backdrop{align-items:end;padding:0}.modal-sheet,.invite-dialog{width:100%;max-height:90vh;padding:24px 18px max(24px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.confirm-dialog{margin:16px}.attendance-content-grid,.group-attendance-grid{gap:14px}.insight-banner{padding:16px}.subject-card{padding:17px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid .average-card{grid-column:1/-1}.ranked-students>button{grid-template-columns:auto 1fr auto}.ranked-students>button>small{display:none}.subject-header h1{font-size:25px}.subject-score-card{grid-template-columns:1fr}.score-ring{width:160px}.score-tiles{grid-template-columns:repeat(3,1fr)}.score-tiles span{text-align:center;padding:10px 5px;font-size:10px}.score-tiles b{font-size:20px}.subject-analytics{grid-template-columns:1fr}.subject-analytics>*{grid-column:auto!important}.history-card>button{grid-template-columns:1fr auto}.history-kind{display:none}.history-card .status-badge svg{width:15px}.group-toolbar{flex-direction:column}.group-toolbar .button{order:1}.group-list strong{font-size:13px}.profile-grid{gap:14px}.student-detail-hero{grid-template-columns:auto 1fr;padding:18px}.student-detail-hero>strong{grid-column:1/-1}.student-subjects>div{grid-template-columns:1fr auto}.student-subjects .progress{grid-column:1/-1}.student-history>div{grid-template-columns:auto 1fr}.student-history .status-badge{grid-column:2;justify-self:start}.history-row{grid-template-columns:1fr auto}.history-row .history-kind{display:none}.history-row .status-badge svg{width:15px}.student-history>button{grid-template-columns:auto 1fr}.student-history>button .status-badge{grid-column:2;justify-self:start}}:where(button,a,input,select):focus-visible{outline-offset:3px;outline:3px solid #175fbb}.button-primary{background:linear-gradient(135deg,#0761d5,#074dad)}.button-primary:hover{background:#0647a3}.status-present{color:#08733a}.status-absent{color:#b1232a}.status-excused{color:#855100}.status-unmarked{color:#526789}.sync-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;display:flex}.sync-toolbar button{border:1px solid var(--line);cursor:pointer;min-height:40px;color:var(--blue);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:5px 10px;display:flex}.sync-toolbar button:disabled{opacity:.6;cursor:wait}.page-container>.form-alert{margin-bottom:16px}.modal-native{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:20px}.modal-native[open]{place-items:center;display:grid}.modal-native::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07142d99}.modal-native h2{padding-right:38px}.modal-sheet{width:min(480px,100%);margin:0}.modal-sheet form{gap:14px;display:grid}.modal-sheet .form-alert{margin:12px 0}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.choice-list{border:0;margin:0;padding:0}.choice-list label{border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:14px;min-height:80px;padding:16px;display:flex}.choice-list label.selected{border-color:var(--blue);background:var(--soft-blue)}.choice-list input{width:22px;height:22px;accent-color:var(--blue);flex-shrink:0}.choice-list label span{gap:5px;display:grid}.choice-list small{color:var(--muted)}.radio-list{border:0;padding:0}.segmented-control label{text-align:center;cursor:pointer;display:block;position:relative}.segmented-control input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.segmented-control span{border-radius:8px;padding:12px 6px;font-size:13px;display:block}.segmented-control input:checked+span{background:var(--blue-strong);color:#fff}.segmented-control input:focus-visible+span{outline-offset:3px;outline:3px solid #175fbb}.lesson-form select,.revision-history select{width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border:1px solid #9cabc3;border-radius:10px;padding:8px 12px}.revision-history{margin-top:24px;padding:22px}.revision-history h2{margin:0 0 16px}.revision-history label{gap:7px;max-width:400px;display:grid}.revision-history ol{margin:12px 0;padding:0;list-style:none}.revision-history li{border-bottom:1px solid var(--line);gap:9px;padding:16px 0;display:grid}.revision-history small{color:var(--muted)}.pagination{justify-content:center;align-items:center;gap:14px;padding:16px;display:flex}.empty-copy{color:var(--muted);padding:22px;line-height:1.5}.group-person{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:12px 20px;display:flex}.group-person>span:last-child{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.group-list>button>span:last-child{overflow-wrap:anywhere;min-width:0}.invite-link{grid-template-columns:auto minmax(0,1fr) auto}.invite-link input{width:100%;min-width:0;font:inherit;background:0 0;border:0}.invite-link button{min-width:36px;min-height:36px}.profile-edit input{width:100%;min-width:0}.auth-name-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-card input,.history-date{min-width:0}.history-date small{overflow-wrap:anywhere}.history-row{min-width:0}.subject-analytics>.muted{margin:0;font-size:13px;line-height:1.6}.score-tiles{grid-template-columns:1fr 1fr}.print-report{display:none}@media(max-width:900px){.lesson-actions{order:0;position:static}.semester-summary-card,.group-summary-aside{display:block}}@media(max-width:560px){.sync-toolbar{align-items:flex-start;font-size:11px}.sync-toolbar button span{display:none}.modal-native{align-items:end;padding:0}.modal-native[open]{place-items:end center}.modal-sheet{border-radius:22px 22px 0 0;width:100%;max-height:90dvh}.modal-student{align-items:flex-start;padding-top:6px}.modal-student strong{overflow-wrap:anywhere;min-width:0}.dialog-actions>.button{flex:1;min-width:0}.revision-history{padding:16px}.revision-history .status-badge{font-size:11px}.score-tiles{grid-template-columns:1fr 1fr}.history-card>.history-row{grid-template-columns:minmax(0,1fr);gap:8px}.history-card .status-badge{font-size:12px}.group-person{padding:11px 12px}.auth-card{padding:24px 18px}.summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-actions .card{padding:16px}.semester-summary-card{padding:18px}.big-score{padding:16px 0}.big-score strong{font-size:40px}.student-detail-hero{grid-template-columns:auto minmax(0,1fr)}.student-detail-hero h1{overflow-wrap:anywhere;font-size:22px}}@media print{@page{size:A4;margin:15mm}body:has(.print-report) .desktop-sidebar,body:has(.print-report) .desktop-topbar,body:has(.print-report) .mobile-nav,body:has(.print-report) .sync-toolbar,body:has(.print-report) .page-container>.form-alert,body:has(.print-report) .subject-page>:not(.subject-detail-grid),body:has(.print-report) .subject-detail-grid>.stack-lg,body:has(.print-report) .subject-analytics>:not(.print-report){display:none!important}.app-layout,.subject-detail-grid,.subject-analytics{display:block!important;position:static!important}.print-report{color:#000;background:#fff;width:100%;font-size:11pt;display:block}.print-report h1{font-size:20pt}.print-report table{border-collapse:collapse;width:100%}.print-report th,.print-report td{text-align:left;border:1px solid #777;padding:7px}.print-report tr{break-inside:avoid}.print-report thead{display:table-header-group}}