:root{color:#17213a;font-synthesis:none;text-rendering:optimizelegibility;--surface:#fff;--surface-soft:#f6f8fc;--line:#dce4ef;--text:#17213a;--muted:#667085;--primary:#2563eb;--primary-soft:#eaf2ff;--success:#16a06a;--success-soft:#e7f8ef;--danger:#dc4c4c;--danger-soft:#ffeded;--shadow:0 12px 32px #16223d14;--radius:20px;background:#eef3fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(145deg,#f7faff 0%,#edf3fa 100%);min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}.screen{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:28px clamp(18px,3vw,40px) 42px}.screen--classes{max-width:850px}.simple-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.simple-title-row h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3rem)}.icon-button{background:var(--surface);border:1px solid var(--line);width:48px;height:48px;box-shadow:var(--shadow);border-radius:14px;place-items:center;font-size:1.3rem;display:grid}.section-title{margin:0 0 16px;font-size:1.25rem}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.class-card{border-radius:var(--radius);border:1px solid #2563eb14;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;padding:22px;transition:transform .16s,box-shadow .16s;display:flex}.class-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.class-card strong{font-size:1.7rem}.class-card__icon{opacity:.75;font-size:1.7rem}.class-card--0{background:#e8f3ff}.class-card--1{background:#e9f8ef}.class-card--2{background:#fff0ea}.class-card--3{background:#f0edff}.outline-button{border:1.5px solid var(--primary);width:100%;min-height:54px;color:var(--primary);background:0 0;border-radius:14px;margin-top:20px;font-weight:700}.page-header{grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);align-items:center;gap:18px;margin-bottom:24px;display:grid}.page-header__title-wrap{text-align:center}.page-header h1{margin:0;font-size:clamp(1.7rem,4vw,2.45rem)}.page-header p{color:var(--muted);margin:4px 0 0}.page-header__side--right{justify-content:flex-end;display:flex}.header-action-link{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;padding:0 14px;font-weight:800;display:inline-flex;box-shadow:0 6px 18px #16223d0d}.header-action-link:active{background:var(--primary-soft);border-color:#b9cff7}.back-link{color:var(--primary);font-weight:700}.semester-pill{background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:9px 12px;font-size:.9rem;display:inline-flex}.class-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px;margin:0 auto;display:grid}.primary-tile{color:#fff;background:linear-gradient(145deg,#3f8cf3,#2465d5);border-radius:24px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:220px;display:flex;box-shadow:0 18px 40px #2563eb38}.primary-tile__icon{font-size:3rem}.primary-tile strong{font-size:2.1rem}.primary-tile small{opacity:.9;font-size:1rem}.menu-tile{background:var(--surface);border:1px solid var(--line);min-height:130px;color:var(--text);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.menu-tile span{color:var(--primary);font-size:2rem}.screen--room{width:min(1250px,100%)}.room-canvas{background:var(--surface);border:1px solid var(--line);width:100%;min-height:700px;box-shadow:var(--shadow);border-radius:28px;position:relative;overflow:hidden}.seat-card{background:#fbfdff;border:2px solid #cdd8e8;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:clamp(78px,8.5vw,108px);min-height:60px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 20px #132b520f}.seat-card strong{color:#0f3875;font-size:1.25rem}.seat-card span{margin-top:4px;font-size:.95rem}.seat-card:active{border-color:var(--primary);background:var(--primary-soft)}.teacher-desk{color:#526276;background:#dce5f0;border-radius:12px 12px 0 0;place-items:center;height:50px;font-size:.76rem;font-weight:800;display:grid;position:absolute;bottom:2.5%;left:38%;right:38%}.student-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);align-items:stretch;gap:18px;display:grid}.student-main-panel,.history-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:22px}.student-identity{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding-bottom:18px;display:flex}.student-identity h2{margin:0 0 5px;font-size:1.7rem}.student-identity p{color:var(--muted);margin:2px 0}.avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;place-items:center;width:68px;height:68px;font-size:1.35rem;font-weight:900;display:grid}.quick-entry-grid{grid-template-columns:1fr .72fr;gap:14px;margin-top:18px;display:grid}.quick-panel{border:1px solid var(--line);border-radius:18px;padding:16px}.quick-panel h3{margin:0 0 12px}.quick-panel--grades{background:#eff7ff}.quick-panel--plus-minus{background:#f2fbf5}.grade-grid{grid-template-columns:repeat(3,minmax(52px,1fr));gap:9px;display:grid}.grade-button{color:#124c9b;background:#fff;border:1.5px solid #bcd2ed;border-radius:12px;min-height:58px;font-size:1.25rem;font-weight:800}.quick-panel small{color:var(--muted);margin-top:10px;display:block}.modifier-popover{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.modifier-popover button{color:#124c9b;background:#fff;border:1px solid #96b6df;border-radius:10px;min-height:44px;font-weight:800}.plus-minus-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.plus-minus-row button{color:#fff;border:0;border-radius:16px;min-height:104px;font-size:3rem;font-weight:500}.plus-button{background:var(--success)}.minus-button{background:var(--danger)}.rubric-section{margin-top:18px}.rubric-section h3,.history-panel h3{margin:0}.muted{color:var(--muted)}.rubric-list{gap:8px;margin-top:12px;display:grid}.rubric-row{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 15px;display:flex}.rubric-row--selected{background:var(--primary-soft);border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.add-rubric-row{grid-template-columns:1fr auto;gap:8px;margin-top:12px;display:grid}.add-rubric-row input{border:1px solid var(--line);border-radius:12px;min-height:52px;padding:0 14px}.add-rubric-row button{border:1px solid var(--primary);min-height:52px;color:var(--primary);background:#fff;border-radius:12px;padding:0 18px;font-weight:800}.history-panel{min-height:100%}.history-list{gap:10px;margin-top:14px;display:grid}.history-row{border-bottom:1px solid #edf1f5;grid-template-columns:44px 1fr;align-items:center;gap:10px;padding-bottom:10px;display:grid}.history-row small{color:var(--muted);margin-top:3px;display:block}.history-mark{border-radius:10px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.history-mark--grade{color:#1451a0;background:#dcecff}.history-mark--plus{background:var(--success-soft);color:var(--success)}.history-mark--minus{background:var(--danger-soft);color:var(--danger)}.selected-rubric-note{background:var(--surface-soft);color:var(--muted);border-radius:12px;margin-top:22px;padding:12px}.grades-table-wrap{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;overflow:auto}.grades-table{border-collapse:collapse;width:100%;min-width:720px}.grades-table th,.grades-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1f5;padding:14px 16px}.grades-table th{color:#40506a;background:#f4f8fd;font-size:.86rem}.grades-table td small{color:var(--muted);margin-top:3px;display:block}.grade-chips{flex-wrap:wrap;gap:6px;display:flex}.grade-chip{color:#1451a0;background:#dcecff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.text-plus{color:var(--success);font-weight:800}.text-minus{color:var(--danger);font-weight:800}.pending-count{color:var(--danger);font-weight:900}.student-list{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;overflow:hidden}.student-list a{border-bottom:1px solid #edf1f5;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:0 18px;display:grid}.student-list a:last-child{border-bottom:0}.settings-screen{max-width:900px}.settings-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;margin-bottom:16px;padding:22px}.settings-card h2{margin-top:0}.setting-row{justify-content:space-between;gap:16px;padding:10px 0 16px;display:flex}.semester-buttons{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.semester-button{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;min-height:52px}.semester-button--active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:800}.settings-card--disabled{opacity:.72}.startup-error{place-items:center;min-height:100vh;padding:24px;display:grid}.startup-error section{background:var(--surface);border:1px solid var(--line);width:min(680px,100%);box-shadow:var(--shadow);border-radius:20px;padding:24px}.startup-error h1{margin-top:0}@media (width<=899px){.page-header{grid-template-columns:1fr auto}.page-header__title-wrap{text-align:left;grid-area:2/1/auto/-1}.page-header__side--right{justify-self:end}.student-layout{grid-template-columns:1fr}.history-panel{min-height:auto}.room-canvas{min-height:760px}.seat-card{width:clamp(70px,13vw,94px);min-height:58px}}@media (width<=599px){.screen{padding:20px 14px 34px}.class-grid{gap:10px}.class-card{min-height:145px;padding:14px 9px}.class-card strong{font-size:1.35rem}.class-menu{gap:10px}.primary-tile{min-height:178px}.menu-tile{min-height:108px}.semester-pill{padding:7px 9px;font-size:.75rem}.room-canvas{border-radius:20px;min-height:680px}.seat-card{border-radius:11px;width:62px;min-height:54px}.seat-card strong{font-size:1rem}.seat-card span{text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:.78rem;overflow:hidden}.teacher-desk{left:24%;right:24%}.student-main-panel,.history-panel{border-radius:18px;padding:16px}.student-identity{align-items:flex-start}.avatar{flex:none;width:54px;height:54px}.student-identity h2{font-size:1.35rem}.quick-entry-grid{grid-template-columns:1fr}.plus-minus-row button{min-height:78px}.add-rubric-row{grid-template-columns:1fr}}@media (orientation:landscape) and (width>=700px){.screen--room{padding-top:18px}.room-canvas{min-height:min(78vh,720px)}}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.compact-text{margin:4px 0 0}.compact-primary-button,.primary-button,.secondary-button,.danger-outline-button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-weight:800;display:inline-flex}.compact-primary-button,.primary-button{background:var(--primary);color:#fff}.secondary-button{background:var(--surface);color:var(--primary);border-color:var(--primary)}.danger-outline-button{background:var(--surface);color:var(--danger);border-color:#f1b5b5}.empty-state{background:var(--surface);min-height:180px;color:var(--muted);text-align:center;border:1px dashed #c6d2e2;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:24px;display:flex}.empty-state strong{color:var(--text);font-size:1.1rem}.empty-state--inside{box-shadow:none;border:0;border-radius:0;min-height:130px}.form-screen{max-width:900px}.form-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:24px}.form-card h2{margin-top:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid__full{grid-column:1/-1}.field-label{color:#34405a;gap:8px;font-weight:800;display:grid}.field-label input,.field-label select,.inline-add input{width:100%;min-height:50px;color:var(--text);background:#fff;border:1px solid #cad5e4;border-radius:12px;padding:0 14px}.info-box,.warning-box{background:var(--surface-soft);color:var(--muted);border-radius:12px;margin:16px 0;padding:13px 15px}.warning-box{color:#7a5310;background:#fff7e8;border:1px solid #f1d39a}.form-error{color:var(--danger);font-weight:700}.form-success{color:var(--success);font-weight:700}.form-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.student-table-wrap{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;overflow:auto}.student-table{border-collapse:collapse;width:100%;min-width:650px}.student-table th,.student-table td{text-align:left;border-bottom:1px solid #edf1f5;padding:15px 18px}.student-table th{color:#40506a;background:#f4f8fd;font-size:.86rem}.student-table tbody tr{cursor:pointer}.student-table tbody tr:hover{background:#f7faff}.student-table tbody tr:last-child td{border-bottom:0}.subject-list{gap:10px;margin:12px 0 18px;display:grid}.subject-row{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 14px;display:flex}.default-badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;margin-left:10px;padding:4px 8px;font-size:.75rem;font-weight:800;display:inline-block}.text-button{color:var(--primary);background:0 0;border:0;font-weight:800}.inline-add{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:16px;display:grid}.backup-actions{flex-wrap:wrap;gap:10px;display:flex}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (width<=599px){.section-heading-row{flex-direction:column;align-items:stretch}.compact-primary-button{width:100%}.form-grid{grid-template-columns:1fr}.form-grid__full{grid-column:auto}.inline-add{grid-template-columns:1fr}.backup-actions{display:grid}}.class-heading-actions{align-items:center;gap:10px;display:flex}.missing-subject{font-weight:800;color:var(--danger)!important}.archive-screen{max-width:1100px}.archive-intro{margin:-8px 0 22px}.archive-year-section{margin-bottom:24px}.archive-year-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.archive-year-heading h2{margin:0;font-size:1.4rem}.archive-year-heading p{color:var(--muted);margin:4px 0 0}.archive-count{background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:7px 11px;font-weight:700}.archive-class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.archive-class-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:5px;padding:16px;display:flex;box-shadow:0 8px 22px #16223d0d}.archive-class-card:hover{box-shadow:var(--shadow);border-color:#b7c8df}.archive-class-card strong{font-size:1.25rem}.archive-class-card span{color:var(--muted)}.archive-class-card small{color:var(--primary);margin-top:8px;font-weight:800}.archive-summary-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.archive-summary-card>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex}.archive-summary-card span{color:var(--muted);font-size:.9rem}.archive-summary-card strong{font-size:1.3rem}.archive-subject-list{flex-wrap:wrap;gap:8px;display:flex}.archive-subject-list span{background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;padding:8px 11px}.archive-semester-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.archive-semester-card{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:5px;padding:14px;display:flex}.archive-semester-card span,.archive-semester-card small{color:var(--muted)}.archive-student-table-wrap{overflow:auto}.archive-student-table{border-collapse:collapse;width:100%;min-width:560px}.archive-student-table th,.archive-student-table td{text-align:left;border-bottom:1px solid #edf1f5;padding:11px 12px}.archive-student-table th{background:var(--surface-soft);color:#40506a;font-size:.85rem}@media (width<=899px){.archive-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=599px){.class-heading-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.class-heading-actions .secondary-button,.class-heading-actions .compact-primary-button{width:100%}.archive-year-heading{align-items:flex-start}.archive-class-grid,.archive-summary-card,.archive-semester-grid{grid-template-columns:1fr}}.archive-student-table--grades{min-width:720px}.archive-grade-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.archive-status-heading,.archive-status-cell{width:92px;text-align:center!important}.archive-status-dot{place-items:center;min-width:24px;font-size:1.35rem;font-weight:900;line-height:1;display:inline-grid}.archive-status-dot--active{color:var(--success)}.archive-status-dot--archived{color:#98a2b3}.archive-status-legend{color:var(--muted);border-top:1px solid #edf1f5;flex-wrap:wrap;gap:14px 22px;margin-top:14px;padding-top:12px;font-size:.88rem;display:flex}.archive-status-legend span{align-items:center;gap:6px;display:inline-flex}.archive-grades-note{color:var(--muted);margin:12px 0 0;font-size:.88rem}.screen--grades{width:min(1500px,100%)}.grades-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.grades-view-switch{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:4px;display:inline-flex;box-shadow:0 6px 18px #16223d0a}.grades-view-button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:0 14px;font-weight:800}.grades-view-button--active{background:var(--primary);color:#fff}.grades-status-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:.86rem;display:flex}.grades-status-legend span{align-items:center;gap:6px;display:inline-flex}.grades-legend-dot{border:1px solid var(--line);border-radius:5px;width:14px;height:14px;display:inline-block}.grades-legend-dot--pending{background:var(--danger-soft);border-color:#f2b8b5}.grades-legend-dot--done{background:var(--primary-soft);border-color:#bcd2ed}.grades-journal-wrap{background:var(--surface);border:1px solid var(--line);max-width:100%;box-shadow:var(--shadow);border-radius:22px;overflow:auto}.grades-journal-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.grades-journal-table th,.grades-journal-table td{text-align:left;vertical-align:top;background:var(--surface);border-bottom:1px solid #edf1f5;border-right:1px solid #edf1f5;min-width:150px;max-width:240px;padding:12px 13px}.grades-journal-table th{z-index:3;color:#40506a;background:#f4f8fd;font-size:.86rem;font-weight:800;position:sticky;top:0}.grades-journal-table tr:last-child td{border-bottom:0}.grades-journal-table th:last-child,.grades-journal-table td:last-child{border-right:0}.grades-student-column{z-index:2;position:sticky;left:0;box-shadow:5px 0 10px #16223d09;min-width:210px!important;max-width:260px!important}.grades-journal-table th.grades-student-column{z-index:5;background:#f4f8fd}.grades-journal-table td.grades-student-column{background:var(--surface)}.grades-student-column strong{white-space:nowrap;display:block}.grades-student-column small{color:var(--muted);margin-top:4px;display:block}.journal-mark-list{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.journal-mark{border:1.5px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:4px;min-width:40px;height:40px;padding:0 9px;font-weight:900;display:inline-flex;position:relative}.journal-mark span{font-size:1rem}.journal-mark small{font-size:.68rem;font-weight:900;line-height:1}.journal-mark--pending{background:var(--danger-soft);color:#b42318;border-color:#f2b8b5}.journal-mark--done{background:var(--primary-soft);color:#1451a0;border-color:#bcd2ed}.journal-mark:active{transform:scale(.96)}.journal-empty-mark{color:#b3bdca}.grades-pending-column{color:var(--muted);font-weight:800;text-align:center!important;min-width:105px!important;max-width:120px!important}.grades-pending-column--has-items{color:var(--danger);background:#fff8f8!important}.grades-help{color:var(--muted);margin:12px 2px 0;font-size:.88rem}.grades-empty-state{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:6px;padding:22px;display:flex}.grades-empty-state strong{font-size:1.08rem}.grades-empty-state span{color:var(--muted)}.grades-empty-state--danger{background:snow;border-color:#f2b8b5}.grades-empty-state--danger strong{color:var(--danger)}.text-link{color:var(--primary);align-self:flex-start;margin-top:6px;font-weight:800}@media (width<=899px){.grades-toolbar{align-items:flex-start}.grades-journal-table th,.grades-journal-table td{min-width:132px;padding:10px}.grades-student-column{min-width:185px!important;max-width:220px!important}}@media (width<=599px){.grades-view-switch{width:100%}.grades-view-button{flex:1;padding:0 8px;font-size:.82rem}.grades-status-legend{font-size:.78rem}.grades-student-column{min-width:160px!important;max-width:190px!important}.grades-journal-table th,.grades-journal-table td{min-width:118px}}.subject-row__name{align-items:center;gap:10px;min-width:0;display:flex}.subject-row__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.subject-edit-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;display:grid}.subject-edit-row input{border:1px solid var(--line);border-radius:10px;min-width:0;min-height:44px;padding:0 12px}.text-button--danger{color:var(--danger)}.grades-legend-dot--retake{background:#e5f8ed;border-color:#9ed5b3}.journal-mark--retake-done{color:#137a45;background:#e5f8ed;border-color:#9ed5b3}.journal-mark{-webkit-user-select:none;user-select:none;touch-action:manipulation}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.mark-editor-modal{background:var(--surface);border:1px solid var(--line);border-radius:22px;width:min(520px,100%);max-height:min(760px,92vh);padding:20px;overflow:auto;box-shadow:0 24px 70px #0f172a3d}.mark-editor-modal__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.mark-editor-modal__header h2{margin:0;font-size:1.4rem}.mark-editor-modal__header p{color:var(--muted);margin:5px 0 0}.modal-close-button{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;width:42px;height:42px;font-size:1.55rem;line-height:1}.form-label{margin:16px 0 8px;font-weight:800;display:block}.mark-editor-grade-grid{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.mark-editor-modifier-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mark-editor-plus-minus-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mark-editor-choice{border:1.5px solid var(--line);min-height:48px;color:var(--text);background:#fff;border-radius:11px;font-weight:900}.mark-editor-choice--active{border-color:var(--primary);background:var(--primary-soft);color:#1451a0;box-shadow:inset 0 0 0 1px var(--primary)}.mark-editor-choice--plus.mark-editor-choice--active{background:var(--success-soft);color:var(--success);border-color:#86c9a4;box-shadow:inset 0 0 0 1px #86c9a4}.mark-editor-choice--minus.mark-editor-choice--active{background:var(--danger-soft);color:var(--danger);border-color:#f2b8b5;box-shadow:inset 0 0 0 1px #f2b8b5}.mark-editor-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:16px;display:flex}.mark-editor-actions>div{gap:8px;display:flex}.danger-outline-button{border:1.5px solid var(--danger);min-height:44px;color:var(--danger);background:#fff;border-radius:10px;padding:0 14px;font-weight:800}.secondary-button{border:1px solid var(--line);background:var(--surface-soft);min-height:44px;color:var(--text);border-radius:10px;padding:0 14px;font-weight:800}.history-row{grid-template-columns:44px minmax(0,1fr) auto}.history-edit-button{border:1px solid var(--line);background:var(--surface-soft);width:36px;height:36px;color:var(--muted);border-radius:10px;font-size:1.1rem;font-weight:900}@media (width<=599px){.subject-row{flex-direction:column;align-items:flex-start}.subject-row__actions{justify-content:flex-start}.subject-edit-row{grid-template-columns:1fr 1fr}.subject-edit-row input{grid-column:1/-1}.mark-editor-grade-grid{grid-template-columns:repeat(3,1fr)}.mark-editor-actions{flex-direction:column-reverse;align-items:stretch}.mark-editor-actions>div{grid-template-columns:1fr 1fr;display:grid}.danger-outline-button{width:100%}}.grades-legend-dot--changed{background:#fff1e7;border-color:#f3ad75}.journal-mark--changed-pending{background:var(--danger-soft);color:#a83b13;border-color:#f09a5f;box-shadow:inset 0 0 0 1px #f09a5f47}.journal-mark__changed-icon{color:#d45f16;font-size:.8rem!important}.mark-editor-journal-warning{color:#9a4518;background:#fff8f1;border:1px solid #f3ad75;border-radius:11px;margin:0 0 14px;padding:11px 12px;font-size:.9rem;line-height:1.45}.history-journal-warning{font-weight:800;color:#c45117!important}.rubric-column-header{flex-direction:column;align-items:flex-start;gap:7px;min-width:138px;display:flex}.rubric-column-header>span{font-weight:900;line-height:1.2}.rubric-bulk-button{color:#315b8d;white-space:nowrap;background:#fff;border:1px solid #b8c9df;border-radius:9px;min-height:30px;padding:4px 9px;font-size:.73rem;font-weight:800}.rubric-bulk-button:not(:disabled):active{background:var(--primary-soft);border-color:var(--primary)}.rubric-bulk-button--done{color:#50806a;opacity:.82;background:#f1f7f4;border-color:#c8ded2}.history-panel__intro{margin:6px 0 0;font-size:.86rem;line-height:1.4}.history-groups{gap:12px;margin-top:14px;display:grid}.history-group{border:1px solid var(--line);background:#fbfdff;border-radius:14px;padding:13px}.history-group__header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.history-group__header strong{font-size:.98rem}.history-group__header small{color:var(--muted);text-align:right;font-size:.75rem}.history-group__marks{flex-wrap:wrap;gap:7px;display:flex}.history-chip{border:1.5px solid var(--line);min-width:42px;min-height:40px;color:var(--text);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:3px;padding:4px 8px;font-weight:900;display:inline-flex}.history-chip small{font-size:.65rem;line-height:1}.history-chip--plus{color:var(--success)}.history-chip--minus{color:var(--danger)}.history-chip--pending{background:var(--danger-soft);color:#a33737;border-color:#efb3b3}.history-chip--done{color:#245b9e;background:#e8f2ff;border-color:#b9d1ef}.history-chip--retake{color:#197348;background:#e8f8ef;border-color:#a9d6bc}.history-chip--changed{color:#b65319;background:#fff0e7;border-color:#f1ad77}@media (width<=599px){.rubric-column-header{min-width:118px}.rubric-bulk-button{padding:4px 7px;font-size:.68rem}.history-group__header{flex-direction:column;gap:3px}.history-group__header small{text-align:left}}.school-year-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px;display:grid}.school-year-summary span{border:1px solid var(--line);background:var(--surface-soft);min-height:72px;color:var(--muted);border-radius:14px;flex-direction:column;justify-content:center;gap:3px;padding:12px 14px;display:flex}.school-year-summary b{color:var(--text);font-size:1.3rem}.school-year-summary__pending{color:var(--danger)!important;background:#fff7f7!important;border-color:#f1b5b5!important}.school-year-summary__pending b{color:var(--danger)}.school-year-form{margin-top:14px}@media (width<=599px){.school-year-summary{grid-template-columns:1fr}}.archive-grades-intro{margin-top:-4px;margin-bottom:14px}.archive-grade-semesters{gap:10px;min-width:300px;display:grid}.archive-grade-semester{border-bottom:1px solid #edf1f5;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:10px;padding:8px 0;display:grid}.archive-grade-semester:last-child{border-bottom:0}.archive-grade-semester__title{color:#40506a;white-space:nowrap;padding-top:5px;font-size:.78rem}.archive-grade-rubrics{gap:7px;display:grid}.archive-grade-rubric{grid-template-columns:minmax(120px,.75fr) minmax(120px,1fr);align-items:center;gap:10px;display:grid}.archive-grade-rubric__label{flex-direction:column;gap:2px;min-width:0;display:flex}.archive-grade-rubric__label>span{color:var(--text);overflow-wrap:anywhere;font-weight:750}.archive-grade-rubric__label small{color:var(--muted)}@media (width<=699px){.archive-grade-semester{grid-template-columns:1fr;gap:5px}.archive-grade-semester__title{padding-top:0}.archive-grade-rubric{grid-template-columns:1fr;gap:5px}}.archive-copy-forward{background:linear-gradient(135deg,#eef6ff,#f8fbff);border:1px solid #cfe0f7;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:18px 20px;display:flex}.archive-copy-forward>div{flex-direction:column;gap:4px;min-width:0;display:flex}.archive-copy-forward strong{font-size:1.05rem}.archive-copy-forward span{color:var(--muted);line-height:1.45}.archive-copy-forward .primary-button{white-space:nowrap;flex:none}.copy-class-card{max-width:760px;margin:0 auto}.copy-class-years{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-bottom:22px;display:grid}.copy-class-years>div:not(.copy-class-arrow){background:var(--surface-soft);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:3px;padding:16px;display:flex}.copy-class-years span,.copy-class-years small{color:var(--muted)}.copy-class-years strong{font-size:1.3rem}.copy-class-arrow{color:var(--primary);font-size:1.8rem;font-weight:900}.copy-class-source-summary{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.copy-class-source-summary span{border:1px solid var(--line);color:#40506a;background:#eef4fb;border-radius:999px;padding:7px 10px;font-size:.86rem;font-weight:700}.copy-options{border:1px solid var(--line);border-radius:16px;margin:20px 0;padding:8px 16px 10px}.copy-options legend{color:#40506a;padding:0 7px;font-weight:850}.copy-option{cursor:pointer;border-bottom:1px solid #edf1f5;grid-template-columns:22px 1fr;align-items:start;gap:11px;padding:13px 2px;display:grid}.copy-option:last-child{border-bottom:0}.copy-option input{width:18px;height:18px;accent-color:var(--primary);margin:2px 0 0}.copy-option span{flex-direction:column;gap:3px;display:flex}.copy-option small{color:var(--muted);line-height:1.4}.copy-option--disabled{opacity:.48;cursor:default}.copy-class-history-note strong{color:var(--text)}@media (width<=699px){.archive-copy-forward{flex-direction:column;align-items:stretch}.archive-copy-forward .primary-button{width:100%}.copy-class-years{grid-template-columns:1fr;gap:8px}.copy-class-arrow{text-align:center;transform:rotate(90deg)}}.class-subject-switcher{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:9px;width:fit-content;max-width:100%;margin:-8px 0 18px auto;padding:6px 7px 6px 12px;display:inline-flex;box-shadow:0 6px 18px #16223d0d}.class-subject-switcher>span{color:var(--muted);white-space:nowrap;font-size:.82rem;font-weight:800}.class-subject-switcher select{background:var(--primary-soft);max-width:min(320px,55vw);min-height:38px;color:var(--primary);font:inherit;border:0;border-radius:9px;outline:none;padding:0 34px 0 10px;font-weight:900}.class-subject-switcher select:focus-visible{box-shadow:0 0 0 2px #b9cff7}@media (width<=599px){.class-subject-switcher{justify-content:space-between;width:100%;margin-top:-6px;margin-bottom:14px}.class-subject-switcher select{flex:1;max-width:70%}}.menu-tile--attendance{background:linear-gradient(135deg,#f2fbf5,#f8fffb);border-color:#cfe9da;flex-direction:row;grid-column:1/-1;gap:14px;min-height:100px}.menu-tile--attendance span{color:var(--success)}.menu-tile--attendance small{color:var(--muted);font-weight:650}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.attendance-start-screen{max-width:980px}.attendance-start-card{max-width:760px;margin:0 auto}.attendance-start-card__intro{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.attendance-start-card__intro h2{margin:5px 0}.attendance-history-count{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);border-radius:999px;flex:none;padding:7px 10px;font-size:.82rem;font-weight:800}.attendance-start-help{line-height:1.5}.attendance-start-button{min-width:260px}.attendance-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.attendance-summary-chips{flex-wrap:wrap;gap:7px;display:flex}.attendance-summary-chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:7px 10px;font-size:.84rem;display:inline-flex}.attendance-summary-chip b{color:var(--text)}.attendance-summary-chip--absent{background:var(--danger-soft);color:#a33737;border-color:#efb9b9}.attendance-summary-chip--absent b{color:var(--danger)}.attendance-summary-chip--late{color:#7b5b08;background:#fff7df;border-color:#ead18a}.attendance-summary-chip--late b{color:#8a6500}.attendance-summary-chip--excused{color:#596273;background:#f0f2f5}.attendance-transfer-state{white-space:nowrap;border-radius:999px;align-items:center;min-height:36px;padding:0 11px;font-size:.82rem;font-weight:900;display:inline-flex}.attendance-transfer-state--pending{background:var(--danger-soft);color:#a33737;border:1px solid #efb9b9}.attendance-transfer-state--done{color:#245b9e;background:#e8f2ff;border:1px solid #b9d1ef}.attendance-transfer-state--changed{color:#b65319;background:#fff0e7;border:1px solid #f1ad77}.attendance-gesture-hint{color:var(--muted);text-align:center;margin:0 0 12px;font-size:.86rem}.attendance-room-canvas{-webkit-user-select:none;user-select:none;touch-action:manipulation}.attendance-seat-position,.attendance-empty-seat{position:absolute;transform:translate(-50%,-50%)}.attendance-student-button,.attendance-empty-seat{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:clamp(82px,8.8vw,112px);min-height:66px;display:flex;box-shadow:0 8px 20px #132b5212}.attendance-student-button{color:var(--text);background:#fbfdff;border:2px solid #b9c9dc;padding:6px;position:relative}.attendance-student-button:disabled{opacity:1;cursor:default}.attendance-student-button strong,.attendance-empty-seat strong{color:#0f3875;font-size:1.05rem}.attendance-student-button>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:.92rem;font-weight:750;overflow:hidden}.attendance-student-button small{letter-spacing:.04em;margin-top:3px;font-size:.68rem;font-weight:950}.attendance-student-button--present{background:#fbfdff;border-color:#b9c9dc}.attendance-student-button--absent{background:var(--danger-soft);color:#8f2f2f;border-color:#e79595}.attendance-student-button--absent strong{color:#9d3333}.attendance-student-button--late{color:#725406;background:#fff7d9;border-color:#dfbd5b}.attendance-student-button--late strong{color:#765606}.attendance-student-button--excused{color:#525d6d;background:#eef1f5;border-color:#b7bec9}.attendance-student-button--excused strong{color:#525d6d}.attendance-empty-seat{color:#a1a9b5;background:#f8fafc;border:2px dashed #d7e0eb}.attendance-empty-seat span{font-size:.8rem}.attendance-empty-seat strong{color:#8995a7}.attendance-unseated{margin-top:18px}.attendance-unseated h2{margin:0;font-size:1.15rem}.attendance-unseated-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.attendance-unseated-grid .attendance-student-button{width:100%;min-height:64px}.attendance-transfer-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:18px;display:flex}.attendance-transfer-panel>div{flex-direction:column;gap:4px;display:flex}.attendance-transfer-panel span{color:var(--muted);line-height:1.4}.attendance-transfer-panel button{flex:none}.attendance-status-modal{background:var(--surface);border:1px solid var(--line);border-radius:22px;width:min(520px,100%);padding:20px;box-shadow:0 24px 70px #0f172a3d}.attendance-status-modal__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.attendance-status-modal__header small{color:var(--muted)}.attendance-status-modal__header h2{margin:3px 0 0;font-size:1.35rem}.attendance-status-modal__header .icon-button{box-shadow:none}.attendance-status-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.attendance-status-option{border:2px solid var(--line);min-height:82px;color:var(--text);background:#fff;border-radius:15px;justify-content:center;align-items:center;gap:10px;display:flex}.attendance-status-option span{font-size:1.4rem}.attendance-status-option--present.attendance-status-option--selected{border-color:var(--primary);background:var(--primary-soft);color:#1451a0}.attendance-status-option--absent.attendance-status-option--selected{background:var(--danger-soft);color:#9d3333;border-color:#e79595}.attendance-status-option--late.attendance-status-option--selected{color:#725406;background:#fff7d9;border-color:#dfbd5b}.attendance-status-option--excused.attendance-status-option--selected{color:#525d6d;background:#eef1f5;border-color:#aeb7c4}.attendance-history-screen{max-width:1000px}.attendance-history-list{gap:10px;display:grid}.attendance-history-row{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:18px;min-height:78px;padding:13px 16px;display:grid;box-shadow:0 7px 20px #16223d0d}.attendance-history-row__date{flex-direction:column;gap:3px;display:flex}.attendance-history-row__date span{color:var(--muted)}.attendance-history-row__counts{color:var(--muted);gap:9px;font-size:.84rem;display:flex}.attendance-history-row__counts b{color:var(--text)}.attendance-history-row__state{white-space:nowrap;border-radius:999px;justify-self:end;padding:6px 9px;font-size:.77rem;font-weight:900}.attendance-history-row__state--done{color:#245b9e;background:#e8f2ff}.attendance-history-row__state--pending{background:var(--danger-soft);color:#a33737}.attendance-history-row__state--changed{color:#b65319;background:#fff0e7}@media (width<=899px){.attendance-student-button,.attendance-empty-seat{width:clamp(72px,13vw,96px);min-height:60px}.attendance-unseated-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-history-row{grid-template-columns:1fr auto}.attendance-history-row__counts{grid-column:1}.attendance-history-row__state{grid-area:1/2/span 2}}@media (width<=599px){.menu-tile--attendance{min-height:88px}.attendance-start-card__intro{flex-direction:column}.attendance-history-count{align-self:flex-start}.attendance-start-button{width:100%;min-width:0}.attendance-student-button,.attendance-empty-seat{border-radius:11px;width:66px;min-height:57px}.attendance-student-button strong,.attendance-empty-seat strong{font-size:.9rem}.attendance-student-button>span{font-size:.76rem}.attendance-student-button small{font-size:.58rem}.attendance-unseated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-transfer-panel{flex-direction:column;align-items:stretch}.attendance-transfer-panel button{width:100%}.attendance-status-options{grid-template-columns:1fr}.attendance-history-row{grid-template-columns:1fr;gap:8px}.attendance-history-row__counts,.attendance-history-row__state{grid-area:auto;justify-self:start}}.attendance-lesson-suggestion{color:var(--muted);margin:-4px 0 16px;font-size:.84rem;line-height:1.45}.attendance-lesson-suggestion strong{color:var(--text)}.attendance-view-toggle{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;gap:4px;margin:0 auto 12px;padding:4px;display:inline-flex}.attendance-view-toggle button{min-width:92px;min-height:38px;color:var(--muted);letter-spacing:.03em;background:0 0;border:0;border-radius:9px;padding:7px 14px;font-weight:900}.attendance-view-toggle button.active{background:var(--surface);color:var(--primary);box-shadow:0 3px 10px #18375d1a}.attendance-list-wrap{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;overflow-x:auto}.attendance-list-table{border-collapse:collapse;width:100%;min-width:620px}.attendance-list-table th,.attendance-list-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px 14px}.attendance-list-table th{background:var(--surface-soft);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.attendance-list-table tbody tr:last-child td{border-bottom:0}.attendance-list-number{width:64px;color:var(--muted);font-weight:800}.attendance-list-status{border:1px solid var(--line);background:var(--surface);width:100%;min-width:150px;min-height:42px;color:var(--text);border-radius:10px;padding:0 10px;font-weight:800}.attendance-list-status--absent{background:var(--danger-soft);color:#8f2f2f;border-color:#e79595}.attendance-list-status--late{color:#725406;background:#fff7d9;border-color:#dfbd5b}.attendance-list-status--excused{color:#525d6d;background:#eef1f5;border-color:#b7bec9}.attendance-list-status-pill{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:34px;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.attendance-list-status-pill--present{color:var(--text);background:#fbfdff}.attendance-list-status-pill--absent{background:var(--danger-soft);color:#8f2f2f;border-color:#e79595}.attendance-list-status-pill--late{color:#725406;background:#fff7d9;border-color:#dfbd5b}.attendance-list-status-pill--excused{color:#525d6d;background:#eef1f5;border-color:#b7bec9}.attendance-history-row__counts{flex-wrap:wrap}.attendance-history-count-pill{border:1px solid var(--line);background:var(--surface-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:5px 8px;display:inline-flex}.attendance-history-count-pill--absent{background:var(--danger-soft);color:#a33737;border-color:#efb9b9}.attendance-history-count-pill--late{color:#7b5b08;background:#fff7df;border-color:#ead18a}.attendance-history-count-pill--excused{color:#596273;background:#f0f2f5}@media (width<=599px){.attendance-view-toggle{width:100%}.attendance-view-toggle button{flex:1}.attendance-list-table{min-width:560px}.attendance-history-row__counts{gap:6px}}.header-action-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.menu-tile--stats{min-height:88px}.attendance-stats-screen{max-width:1120px}.attendance-stat-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.attendance-stat-card{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:92px;padding:14px;display:flex;box-shadow:0 7px 20px #16223d0d}.attendance-stat-card span{color:var(--muted);font-size:.78rem;font-weight:800}.attendance-stat-card strong{font-size:1.55rem}.attendance-stat-card--rate{background:var(--primary-soft);border-color:#c7d9f7}.attendance-stat-card--rate strong{color:#1d5ab2}.attendance-stats-note{color:#52627b;background:#f4f8ff;border:1px solid #d7e3f5;border-radius:14px;margin:0 0 14px;padding:12px 14px;font-size:.86rem;line-height:1.45}.attendance-stats-note strong{color:var(--text)}.attendance-stats-table-wrap{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;overflow-x:auto}.attendance-stats-table{border-collapse:collapse;width:100%;min-width:780px}.attendance-stats-table th,.attendance-stats-table td{border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;padding:12px 13px}.attendance-stats-table th{background:var(--surface-soft);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.76rem}.attendance-stats-table th:nth-child(2),.attendance-stats-table td:nth-child(2){text-align:left}.attendance-stats-table tbody tr:last-child td{border-bottom:0}.attendance-stats-number{color:var(--muted);font-weight:800}.attendance-stats-student{color:var(--text);font-weight:800}.attendance-stats-student:hover{color:var(--primary)}.attendance-stats-cell--alert{color:var(--danger);font-weight:900}.attendance-student-summary{border:1px solid var(--line);background:var(--surface-soft);border-radius:18px;margin:16px 0 20px;padding:16px}.attendance-student-summary__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.attendance-student-summary__header h3{margin:0 0 3px}.attendance-student-summary__header p{margin:0}.attendance-student-summary__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.attendance-student-summary__grid>div{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:70px;padding:10px;display:flex}.attendance-student-summary__grid span{color:var(--muted);font-size:.72rem;font-weight:800}.attendance-student-summary__grid strong{font-size:1.18rem}.attendance-student-summary__rate{background:var(--primary-soft)!important;border-color:#c7d9f7!important}.attendance-student-summary__rate strong{color:#1d5ab2}.attendance-student-summary__note{color:var(--muted);margin-top:9px;line-height:1.4;display:block}@media (width<=900px){.attendance-stat-cards,.attendance-student-summary__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=620px){.header-action-group{gap:6px}.header-action-group .header-action-link{font-size:.78rem}.attendance-stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-student-summary__header{flex-direction:column}.attendance-student-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-header__side--left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.back-link--secondary{border-left:1px solid var(--line);padding-left:12px}.class-menu .menu-tile--attendance,.class-menu .menu-tile--stats{background:var(--surface);border-color:var(--line);flex-direction:column;grid-column:auto;gap:10px;min-height:130px}.class-menu .menu-tile--attendance small,.class-menu .menu-tile--stats small{color:var(--muted);font-weight:650}@media (width<=599px){.page-header__side--left{gap:8px}.back-link--secondary{padding-left:8px}.class-menu .menu-tile--attendance,.class-menu .menu-tile--stats{min-height:108px}}button,input,select,textarea{font:inherit}.class-menu .menu-tile--lesson-history{text-align:left;background:linear-gradient(135deg,#f7f9ff,#fff);border-color:#cfdaec;flex-direction:row;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:16px;min-height:112px;padding:18px 22px}.class-menu .menu-tile--lesson-history>span{flex:none}.lesson-history-tile__content{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.lesson-history-tile__content strong{font-size:1rem}.lesson-history-tile__content small{color:var(--muted);font-weight:650;line-height:1.35}.lesson-history-tile__content small b{color:#3b4b65}.lesson-history-tile__next{color:#476b55!important}.lesson-history-screen{max-width:980px}.lesson-history-intro{background:linear-gradient(135deg,#f4f8ff,#fff);border:1px solid #cfdcf0;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:18px 20px;display:flex;box-shadow:0 8px 24px #16223d0d}.lesson-history-intro>div{flex-direction:column;gap:4px;min-width:0;display:flex}.lesson-history-intro strong{font-size:1.05rem}.lesson-history-intro small{color:var(--muted)}.lesson-history-toolbar{border:1px solid var(--line);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.lesson-history-toolbar>span{color:var(--muted);font-size:.85rem;font-weight:800}.lesson-history-filter-buttons{flex-wrap:wrap;gap:7px;display:flex}.lesson-history-filter-buttons button{border:1px solid var(--line);background:var(--surface-soft);min-height:40px;color:var(--muted);border-radius:10px;padding:0 13px;font-weight:800}.lesson-history-filter-buttons button.lesson-history-filter--active{background:var(--primary);color:#fff;border-color:var(--primary)}.lesson-history-list{gap:14px;display:grid}.lesson-history-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:19px 20px}.lesson-history-card__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.lesson-history-card__header h2{margin:7px 0 0;font-size:1.22rem}.lesson-history-card__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:flex}.lesson-history-card__meta time{color:#40506a}.lesson-history-card__meta span{background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;align-items:center;min-height:26px;padding:0 8px;display:inline-flex}.lesson-history-card__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.lesson-history-card__section{border-top:1px solid #edf1f5;margin-top:15px;padding-top:14px}.lesson-history-card__section strong{color:#40506a;margin-bottom:5px;font-size:.85rem;display:block}.lesson-history-card__section p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.55}.lesson-history-card__next{background:#f3fbf6;border:1px solid #cae4d3;border-radius:13px;margin-top:12px;padding:12px 14px}.lesson-history-card__next strong{color:#257048}.lesson-history-card__next p{color:#315942}.lesson-note-editor{background:var(--surface);border:1px solid var(--line);border-radius:22px;width:min(620px,100%);max-height:min(850px,94vh);padding:20px;overflow:auto;box-shadow:0 24px 70px #0f172a3d}.lesson-note-editor .field-label{margin-top:14px}.lesson-note-editor .field-label input,.lesson-note-editor .field-label textarea{width:100%;color:var(--text);resize:vertical;background:#fff;border:1px solid #cad5e4;border-radius:12px;padding:12px 14px}.lesson-note-editor .field-label input{min-height:50px;padding-top:0;padding-bottom:0}.lesson-note-editor .field-label textarea{line-height:1.45}.field-optional{color:var(--muted);margin-left:6px;font-size:.78rem;font-weight:600}.lesson-note-editor__actions{justify-content:flex-end}@media (width<=599px){.class-menu .menu-tile--lesson-history{gap:12px;min-height:104px;padding:15px}.lesson-history-intro{flex-direction:column;align-items:stretch}.lesson-history-intro .primary-button{width:100%}.lesson-history-toolbar{flex-direction:column;align-items:flex-start}.lesson-history-filter-buttons{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.lesson-history-filter-buttons button{padding:0 6px;font-size:.8rem}.lesson-history-card{padding:16px}.lesson-history-card__header{flex-direction:column;gap:10px}.lesson-history-card__actions{justify-content:flex-start;width:100%}}.pwa-update-backdrop{z-index:2200}.pwa-update-modal{border:1px solid var(--line);background:var(--surface);border-radius:22px;width:min(560px,100%);padding:24px;box-shadow:0 28px 90px #0f172a47}.pwa-update-modal__badge{background:var(--primary-soft);color:#1d5ab2;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.76rem;font-weight:900;display:inline-flex}.pwa-update-modal h2{margin:12px 0 8px}.pwa-update-modal p{line-height:1.5}.pwa-update-modal__ready{color:#24613e;background:#f0faf3;border:1px solid #bfe0ca;border-radius:13px;margin:16px 0;padding:12px 14px;font-weight:800}.pwa-update-modal__actions{gap:10px;margin-top:18px;display:flex}.pwa-update-modal__actions>button{flex:1;min-height:48px}.pwa-update-modal__existing-backup,.pwa-update-modal__later{width:100%;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin-top:10px;font-weight:800;text-decoration:underline;display:block}.pwa-update-modal__existing-backup:hover,.pwa-update-modal__later:hover{color:var(--text)}.pwa-update-modal button:disabled{opacity:.55;cursor:not-allowed}@media (width<=599px){.pwa-update-modal{padding:19px}.pwa-update-modal__actions{flex-direction:column}}.pwa-update-modal .error-box{color:var(--danger);background:#fff2f2;border:1px solid #efb9b9;border-radius:12px;margin:14px 0 0;padding:11px 13px;font-weight:750}