.journal-shell{max-width:1100px}.journal-back{display:grid;place-items:center;text-decoration:none;font-size:32px;line-height:1}.journal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.journal-toolbar h2{text-transform:capitalize}.journal-controls{display:flex;align-items:center;gap:8px}.journal-export{height:38px;padding:0 13px;border:0;border-radius:12px;background:#5868e8;color:white;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.journal-export:hover{background:#4e5fdc}.journal-summary{display:flex;gap:9px;margin-bottom:13px;color:#81899a;font-size:11px}.journal-summary span{padding:7px 10px;border:1px solid #eceef3;border-radius:999px;background:#fafbfe}.journal-summary b{color:#5968d9}.journal-scroll{overflow:auto;max-height:calc(100dvh - 290px);min-height:240px;border:1px solid #e9ebf1;border-radius:14px;overscroll-behavior:contain}.attendance-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px}.attendance-table th,.attendance-table td{border-right:1px solid #e9ebf1;border-bottom:1px solid #e9ebf1}.attendance-table tr>*:last-child{border-right:0}.attendance-table tbody tr:last-child>*{border-bottom:0}.attendance-table thead th{position:sticky;z-index:3;background:#f7f8fc}.attendance-table thead tr:first-child th{top:0;height:37px}.attendance-table thead tr:nth-child(2) th{top:37px}.number-head,.student-number{position:sticky;left:0;z-index:4;width:46px;min-width:46px;text-align:center}.name-head,.student-name{position:sticky;left:46px;z-index:4;width:220px;min-width:220px;text-align:left}.number-head,.name-head{padding:9px 10px;color:#858d9d;font-size:10px;font-weight:750;letter-spacing:.35px;text-transform:uppercase}.date-group{text-align:center;color:#5968d9;font-size:11px;font-weight:750;letter-spacing:.25px}.lesson-head{width:114px;min-width:114px;height:128px;padding:8px 8px 9px;vertical-align:bottom;text-align:left}.lesson-date{display:block;color:#5968d9;font-size:11px;font-weight:750}.lesson-number{display:block;margin-top:3px;color:#9a9faf;font-size:9px}.lesson-subject{display:-webkit-box;overflow:hidden;margin-top:6px;color:#343b4c;font-size:11px;font-weight:650;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere}.lesson-subject i{font-style:normal}.student-number{background:#fff;color:#9299a7;font-variant-numeric:tabular-nums}.student-name{background:#fff;color:#262d3c;font-size:12px;font-weight:650}.attendance-table tbody tr{height:39px}.attendance-table tbody tr:hover .student-number,.attendance-table tbody tr:hover .student-name,.attendance-table tbody tr:hover .mark-cell{background-color:#f8f9ff}.mark-cell{width:114px;min-width:114px;text-align:center;background:#fff}.mark-cell span{display:inline-grid;min-width:29px;height:25px;padding:0 5px;place-items:center;border-radius:8px;font-size:11px;font-weight:800}.mark-cell.unexcused span,.legend-n{background:#fff0ef;color:#d34c46}.mark-cell.excused span,.legend-u{background:#fff5e2;color:#bd831e}.journal-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:13px;color:#82899a;font-size:10px}.journal-legend span{display:flex;align-items:center;gap:6px}.journal-legend b{display:inline-grid;min-width:23px;height:21px;padding:0 4px;place-items:center;border-radius:7px;font-size:10px}.journal-card{padding:16px}.journal-controls .calendar-arrow{width:37px;height:37px;font-size:23px}.journal-controls .calendar-arrow:disabled{opacity:.45;cursor:default}
:root[data-theme="dark"] .journal-summary span{background:#202530;border-color:#343b4b;color:#a0a9b8}:root[data-theme="dark"] .journal-summary b{color:#b3bdff}:root[data-theme="dark"] .journal-scroll{border-color:#343b4b}:root[data-theme="dark"] .attendance-table th,:root[data-theme="dark"] .attendance-table td{border-color:#343b4b}:root[data-theme="dark"] .attendance-table thead th{background:#202530}:root[data-theme="dark"] .date-group,:root[data-theme="dark"] .lesson-date{color:#b3bdff}:root[data-theme="dark"] .lesson-subject{color:#edf0f7}:root[data-theme="dark"] .student-number,:root[data-theme="dark"] .student-name,:root[data-theme="dark"] .mark-cell{background:#1b202a;color:#edf0f7}:root[data-theme="dark"] .attendance-table tbody tr:hover .student-number,:root[data-theme="dark"] .attendance-table tbody tr:hover .student-name,:root[data-theme="dark"] .attendance-table tbody tr:hover .mark-cell{background:#252b38}:root[data-theme="dark"] .mark-cell.unexcused span,:root[data-theme="dark"] .legend-n{background:#482b2d;color:#ffaaa6}:root[data-theme="dark"] .mark-cell.excused span,:root[data-theme="dark"] .legend-u{background:#40351f;color:#f0c56c}:root[data-theme="dark"] .journal-export{background:#6577eb}
@media(max-width:700px){.journal-shell{width:100%;padding:calc(12px + env(safe-area-inset-top)) 10px calc(18px + env(safe-area-inset-bottom))}.journal-shell header{margin-bottom:13px}.journal-shell h1{font-size:25px}.journal-toolbar{align-items:flex-start;flex-direction:column;padding:14px}.journal-controls{width:100%}.journal-controls .journal-export{margin-left:auto}.journal-card{padding:11px}.journal-scroll{max-height:calc(100dvh - 330px);min-height:200px;border-radius:11px}.name-head,.student-name{width:170px;min-width:170px;left:39px}.number-head,.student-number{width:39px;min-width:39px}.lesson-head,.mark-cell{width:100px;min-width:100px}.lesson-head{height:125px}.journal-legend{gap:8px 13px;font-size:9px}}
@media(max-width:370px){.journal-controls{gap:5px}.journal-controls .calendar-arrow{width:34px;height:34px}.journal-controls .journal-export{padding:0 9px;font-size:11px}.name-head,.student-name{width:150px;min-width:150px}.lesson-head,.mark-cell{width:92px;min-width:92px}}
.journal-controls .calendar-arrow:disabled{opacity:.4;cursor:default;transform:none}:root[data-theme="dark"] .journal-controls .calendar-arrow:disabled{opacity:.35}