body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}.container{max-width:800px;padding:16px}table{border-collapse:collapse;margin-bottom:1.5rem;width:100%}thead{background:#f9f9f9}td,th{border:1px solid #ddd;padding:.25rem .5rem;text-align:left}.table-responsive{margin-bottom:1.5rem}.container{margin:0 auto;max-width:920px;padding:20px 28px 44px;width:100%}.button-group,.tab-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.tab-selector{border-bottom:1px solid #334155;padding-bottom:1rem}.tab-group{display:flex;gap:.5rem}.btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;color:#0f172a;cursor:pointer;font-size:.9rem;padding:.45rem .85rem;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.btn:hover{background:#e0f2fe;border-color:#38bdf8}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn--active,.btn--primary{background:#0284c7;border-color:#0284c7;color:#fff}.btn--active:hover,.btn--primary:hover{background:#0369a1;border-color:#0369a1;color:#fff}.btn--large{font-weight:700;padding:.65rem 1.15rem}.btn--reset{background:#0284c7;border-color:#0284c7;color:#fff}.btn--reset:hover{background:#0369a1;border-color:#0369a1;color:#fff}.btn--danger{background:#fee2e2;border-color:#fecaca;color:#991b1b}.btn--danger:hover{background:#dc2626;border-color:#dc2626;color:#fff}.btn--with-count{gap:.45rem}.btn--with-count,.tab-count{align-items:center;display:inline-flex}.tab-count{background:#16a34a;border-radius:999px;box-shadow:0 1px 2px #0f172a2e;color:#fff;font-size:.78rem;font-weight:800;height:1.55rem;justify-content:center;line-height:1;min-width:2.8rem;padding:0 .55rem}.btn--active .tab-count{background:#fff;color:#16a34a}.action-buttons{align-items:center;display:flex;gap:.5rem;margin:0}input,select{border:1px solid #cbd5e1;border-radius:4px;font-size:.9rem;margin-right:.5rem;padding:.4rem .5rem}.section-title-absent,.section-title-present{display:flex;font-weight:700;gap:.5rem;justify-content:center}.section-title-absent{color:#dc2626}.section-title-present{color:#16a34a}.container h1{text-align:center}.class-buttons{padding-top:.25rem}.class-list-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem}.class-list-section{margin-bottom:1rem}.class-list-section h3{margin:.5rem 0;text-align:center}.table-responsive{-webkit-overflow-scrolling:touch;margin-bottom:.75rem;overflow-x:auto;width:100%}.table-responsive table td,.table-responsive table th{padding:.55rem .65rem;vertical-align:middle}.table--summary{table-layout:fixed;width:100%}.summary-col-name{width:63%}.summary-col-grade{width:37%}.table--history{min-width:780px;width:100%}.table--roster{min-width:620px;table-layout:fixed;width:100%}.roster-col-num{width:6%}.roster-col-name{width:30%}.roster-col-actions{width:27%}.roster-col-status{width:15%}.roster-col-note{width:22%}.col-time{min-width:10.75rem;white-space:nowrap}.col-teacher{min-width:7.25rem}.col-action,.col-student{min-width:7rem}.col-note{min-width:14rem}.selected-class-counts{align-items:center;background:#f0f9ff;border:1px solid #0284c7;border-radius:7px;display:flex;font-weight:700;gap:1rem .1rem;justify-content:center;margin:1rem auto;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.selected-class-counts span{align-items:center;display:flex;line-height:1;padding:0 .75rem}.selected-class-counts span:not(:last-child){border-right:1px solid #0284c7;height:1em}.app-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.app-title-block strong{display:block;font-size:1rem}.app-subtitle{color:#475569;font-size:.85rem;margin-top:.2rem}.user-panel{flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-left:auto}.login-container,.user-panel{align-items:center;display:flex}.login-container{background:radial-gradient(circle at 50% 25%,#38bdf824,#0000 36%),linear-gradient(135deg,#0f172a,#020617);color:#fff;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.login-container h1{font-size:clamp(2.25rem,6vw,3.6rem);line-height:1.1;margin:0}.login-copy{color:#cbd5e1;line-height:1.6;margin:0;max-width:560px}.home-panel{color:#334155;line-height:1.6;margin:2rem auto 0;max-width:640px;text-align:center}.home-panel h2{color:#0f172a;font-size:1.7rem;margin-bottom:.5rem}.home-panel p{font-size:1rem;margin:0 auto .6rem}.home-hint{color:#64748b;font-size:.92rem}.history-actions{margin-top:.25rem}.pagination{align-items:center;margin-top:1rem}.pagination span{align-self:center}.segmented-control{border:1px solid #cbd5e1;border-radius:7px;display:inline-flex;flex-shrink:0;font-size:.85rem;overflow:hidden;width:88px}.segmented-control input[type=radio]{display:none}.segmented-control label{background:#f8fafc;color:#1e293b;cursor:pointer;padding:.35rem 0;text-align:center;-webkit-user-select:none;user-select:none;width:44px}.segmented-control label:not(:last-of-type){border-right:1px solid #cbd5e1}.segmented-control input[value=on_time]:checked+label{background:#16a34a;color:#fff}.segmented-control input[value=absent]:checked+label,.segmented-control input[value=checked_out]:checked+label{background:#dc2626;color:#fff}.modal-overlay{align-items:center;background:#0f172a94;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 20px 60px #00000040;max-width:360px;padding:1rem;width:100%}.modal h3{margin-top:0}.modal textarea{margin-top:.5rem;resize:vertical;width:100%}.modal-buttons{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}td.col-num,th.col-num{text-align:center;width:2.75rem}.roster-desktop,.roster-summary-desktop{display:block}.class-roster-mobile,.summary-mobile-list{display:none}.summary-mobile-card{align-items:center;background:#fff;border:1px solid #dbe3ef;border-radius:12px;box-shadow:0 1px 3px #0f172a0f;display:flex;gap:.75rem;justify-content:space-between;padding:.8rem .9rem}.summary-mobile-card+.summary-mobile-card{margin-top:.65rem}.summary-mobile-card strong{color:#0f172a}.summary-mobile-card span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#475569;font-size:.82rem;font-weight:800;padding:.25rem .55rem}.summary-mobile-card--in{border-left:5px solid #16a34a}.summary-mobile-card--out{border-left:5px solid #dc2626}.student-card{background:#fff;border:1px solid #dbe3ef;border-radius:12px;box-shadow:0 1px 3px #0f172a0f;padding:.85rem}.student-card+.student-card{margin-top:.75rem}.student-card__top{grid-gap:.55rem;align-items:center;display:grid;gap:.55rem;grid-template-columns:auto 1fr auto;margin-bottom:.7rem}.student-card__number{color:#64748b;font-size:.82rem;font-weight:800}.student-card__top strong{color:#0f172a;font-size:1rem}.student-status{border-radius:999px;font-size:.78rem;font-weight:800;padding:.25rem .55rem;text-transform:uppercase}.student-status--in{background:#dcfce7;color:#166534}.student-status--out{background:#fee2e2;color:#991b1b}.student-status--unset{background:#f1f5f9;color:#64748b}.student-card__actions{display:flex;justify-content:flex-start}.student-card__note{color:#475569;font-size:.9rem;line-height:1.4;margin:.65rem 0 0}.history-mobile-list{display:none}.history-card{background:#fff;border:1px solid #dbe3ef;border-radius:12px;box-shadow:0 1px 3px #0f172a0f;padding:.85rem}.history-card+.history-card{margin-top:.75rem}.history-card__top{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.55rem}.history-card__top strong{color:#0f172a;font-size:1rem}.history-card__top span{color:#475569;font-size:.88rem;white-space:nowrap}.history-card__meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:.86rem;gap:.45rem;margin-bottom:.65rem}.history-card__meta span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:.25rem .55rem}.history-card__bottom{display:flex;flex-direction:column;gap:.45rem}.history-pill{border-radius:999px;font-size:.82rem;font-weight:800;padding:.28rem .65rem;width:-webkit-fit-content;width:fit-content}.history-pill--in{background:#dcfce7;color:#166534}.history-pill--absent,.history-pill--out{background:#fee2e2;color:#991b1b}.history-note{color:#334155;font-size:.9rem;line-height:1.4}.history-note--empty{color:#94a3b8;font-style:italic}.login-actions{display:flex;flex-wrap:wrap;gap:.75rem}.login-actions,.login-actions .btn{align-items:center;justify-content:center}.login-actions .btn{display:inline-flex;min-width:160px;text-decoration:none}.btn--home{background:#ffffff14;border-color:#cbd5e16b;color:#f8fafc}.btn--home:hover{background:#38bdf81f;border-color:#38bdf8;color:#f8fafc}@media (max-width:720px){.container{padding:20px 16px 36px}.app-header{flex-direction:column;gap:.75rem}.user-panel{margin-left:0;width:100%}.button-group,.tab-selector,.user-panel{justify-content:flex-start}.class-buttons{justify-content:center}.home-panel{margin-top:1.25rem}}@media (max-width:640px){.table-responsive{overflow-x:visible}.table--stack,.table--stack tbody,.table--stack td,.table--stack thead,.table--stack tr{display:block;width:100%}.table--stack colgroup{display:none}.table--stack{border-collapse:initial;border-spacing:0 .75rem;min-width:0;table-layout:auto}.table--stack thead{display:none}.table--stack tr{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0f172a0a;margin-bottom:.75rem;overflow:hidden}.table--stack td{grid-gap:.75rem;border:0;border-bottom:1px solid #e2e8f0;display:grid;gap:.75rem;grid-template-columns:6.75rem minmax(0,1fr);padding:.65rem .75rem;text-align:left}.table--stack td:last-child{border-bottom:0}.table--stack td:before{color:#64748b;content:attr(data-label);font-weight:700}.table--history .col-time{min-width:0;white-space:nowrap}.table--history .col-action,.table--history .col-note,.table--history .col-student,.table--history .col-teacher{min-width:0}.table--roster{min-width:0;table-layout:auto}.col-num,td.col-num,th.col-num{text-align:left;width:auto}.action-buttons{justify-content:flex-start}.segmented-control{width:88px}.selected-class-counts{max-width:320px;width:100%}.roster-desktop,.roster-summary-desktop{display:none}.class-roster-mobile,.summary-mobile-list{display:block;margin-bottom:1rem}.tab-selector{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.tab-group{display:contents}.tab-selector .btn{justify-content:center;min-height:40px;padding-left:.45rem;padding-right:.45rem;width:100%}.btn--with-count{flex-wrap:wrap;gap:.35rem}.history-desktop{display:none}.history-mobile-list{display:block;margin-top:.75rem}.history-actions{justify-content:flex-start}.pagination{justify-content:center}}@media (max-width:480px){.container{padding:18px 14px 32px}.btn{font-size:.86rem;padding:.42rem .68rem}.button-group,.tab-selector{gap:.45rem}.app-title-block strong{font-size:1.05rem}.home-panel h2{font-size:1.35rem}.table--stack td{font-size:.92rem;grid-template-columns:5.75rem minmax(0,1fr)}.login-container h1{font-size:2.35rem}.login-actions{flex-direction:column;width:100%}.login-actions .btn{width:min(100%,260px)}}
/*# sourceMappingURL=main.251e99d8.css.map*/