:root{--c-primary:#2e6b4f;--c-primary-deep:#24523d;--c-primary-soft:#e3efe8;--c-bg:#eef4f0;--c-surface:#fff;--c-border:#d5e2da;--c-control-border:#65796b;--c-text:#19392b;--c-muted:#52665a;--c-present:#236c45;--c-present-bg:#e6f5ec;--c-present-border:#bce0cb;--c-leave:#925019;--c-leave-bg:#fbf0df;--c-leave-border:#f0d9b5;--c-absent:#b2322b;--c-absent-bg:#fbe9e7;--c-absent-border:#f2c6c2;--c-skip:#52616b;--c-skip-bg:#eceff1;--c-skip-border:#d3dade;--s0:#286b4f;--s1:#335f92;--s2:#965024;--s3:#76509f;--s4:#9f3858;--s5:#226d68;--s6:#61651e;--s7:#55606e;--dur-fast:.14s;--dur:.22s;--dur-slow:.32s;--ease-out:cubic-bezier(.32, .72, 0, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-pop:cubic-bezier(.34, 1.4, .64, 1);--tap:48px;--tap-primary:52px;--tap-calendar:44px;--status-width:52px;--icon-size:24px;--icon-nav:28px;--radius:20px;--radius-sm:12px;--surface-gradient:linear-gradient(145deg, #fffffffa, #f9fdfaf0);--date-nav-gradient:linear-gradient(135deg, #fffffffa, #e4f3e9f5);--control-gradient:linear-gradient(180deg, #fff, #f3f8f5);--primary-gradient:linear-gradient(160deg, #36765a, #24523d);--bar-highlight:linear-gradient(180deg, #ffffff0f, transparent 65%);--glass-bg:#fafdfbeb;--glass-solid:#f8fcf9;--glass-blur:16px;--shadow-sm:inset 0 1px 0 #ffffffeb, 0 2px 5px #19392b0f;--shadow:inset 0 1px 0 #fffffff0, 0 4px 8px #19392b0a, 0 14px 30px -12px #19392b24;--shadow-lg:inset 0 1px 0 #ffffffe6, 0 8px 20px #19392b1a, 0 28px 64px -20px #19392b3d;--shadow-input:inset 0 2px 4px #19392b0b, 0 1px 0 #ffffffe6;--shadow-primary:inset 0 1px 0 #fff3, 0 4px 6px #24523d1f, 0 10px 22px -9px #24523d66;--tabbar-h:72px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 96px)}body{background-color:var(--c-bg);color:var(--c-text);background-image:radial-gradient(at 0 0,#b2d5bd80,#0000 52%),radial-gradient(at 100% 18%,#e0edc073,#0000 46%),linear-gradient(#eef4f0,#f6f9f6);background-attachment:fixed;font-family:-apple-system,PingFang TC,Noto Sans TC,Helvetica Neue,sans-serif;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none}.icon{width:var(--icon-size);height:var(--icon-size);pointer-events:none;flex-shrink:0;display:block}input,textarea,select{font:inherit;color:var(--c-text);touch-action:manipulation;font-size:16px}input[type=text],input[type=password],input:not([type]),textarea{width:100%;min-height:var(--tap);border:1px solid var(--c-control-border);border-radius:var(--radius-sm);background:var(--control-gradient);box-shadow:var(--shadow-input);padding:10px 12px}input::placeholder,textarea::placeholder{color:var(--c-muted);opacity:1}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--c-primary-deep);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{min-height:100dvh}.main{max-width:480px;padding:24px 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 24px);margin-inline:auto}.view__head{border-bottom:1px solid var(--c-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.view__title{letter-spacing:-.7px;color:var(--c-primary-deep);text-shadow:0 1px #fff,0 3px 12px #2e6b4f1a;font-size:26px;font-weight:700}.view>.view__title{margin-bottom:12px}.center{text-align:center;padding:32px 0}.muted{color:var(--c-muted);font-size:14px}.splash{min-height:100dvh;color:var(--c-primary);align-content:center;place-items:center;gap:16px;padding:24px;font-size:20px;font-weight:700;display:grid}.card{background:var(--surface-gradient);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;padding:14px}.card__title{color:var(--c-primary-deep);align-items:baseline;gap:8px;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.card__count{font-size:13px;font-weight:500}.btn{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--c-control-border);background:var(--control-gradient);white-space:nowrap;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:16px;font-weight:600;display:inline-flex}.btn--primary{min-height:var(--tap-primary);background:var(--c-primary) var(--primary-gradient);border-color:var(--c-primary);color:#fff;box-shadow:var(--shadow-primary);text-shadow:0 1px 1px #0a271a52}.btn--primary:active:not(:disabled){background:var(--c-primary-deep);box-shadow:inset 0 2px 4px #0a271a38}.btn:disabled{box-shadow:none;background:var(--c-bg);border-color:var(--c-border);color:var(--c-muted);text-shadow:none;cursor:default;transform:none}.btn--danger{color:var(--c-absent);border-color:var(--c-absent)}.btn--ghost{color:var(--c-primary);white-space:normal;border-style:dashed;width:100%}.btn--small{padding:8px 14px;font-size:16px}.btn--large{min-height:var(--tap-primary);padding:12px 18px;font-size:16px}.btn--block{width:100%;margin-bottom:14px}.btn--icon{min-width:var(--tap);width:var(--tap);color:var(--c-primary);flex-shrink:0;padding:0;line-height:1}.gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100dvh;padding:32px 24px;display:flex}.gate__logo{box-shadow:var(--shadow-lg);border-radius:22px}.gate__title{color:var(--c-primary);letter-spacing:-1px;text-shadow:0 1px #fff,0 4px 16px #2e6b4f29;margin-top:16px;font-size:32px}.gate__hint{color:var(--c-muted);margin-bottom:8px}.gate__form{background:var(--surface-gradient);border:1px solid var(--c-border);width:100%;max-width:340px;box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;gap:14px;padding:24px;display:flex}.gate__error{color:var(--c-absent);font-size:14px}.tabbar{background:var(--glass-solid);border-top:1px solid var(--c-border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:10;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #19392b14}.tabbar__item{min-height:var(--tabbar-h);color:var(--c-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;max-width:160px;font-size:13px;font-weight:600;display:flex;position:relative}.tabbar__item svg{width:var(--icon-nav);height:var(--icon-nav)}.tabbar__item.is-active{color:var(--c-primary)}.tabbar__item:before{content:"";background:var(--c-primary-soft);opacity:0;pointer-events:none;border-radius:16px;position:absolute;inset:6px 8px}.tabbar__item>*{position:relative}.tabbar__item.is-active:before{opacity:1}.class-picker{min-width:0;max-width:100%;position:relative}.class-picker:not(.class-picker--single){width:min(240px,100%)}.class-picker--single{color:var(--c-primary);overflow-wrap:anywhere;font-size:16px;font-weight:600}.class-picker select{appearance:none;min-height:var(--tap);border:1px solid var(--c-control-border);border-radius:var(--radius-sm);background:var(--control-gradient);color:var(--c-primary);text-overflow:ellipsis;width:100%;box-shadow:var(--shadow-sm);padding:10px 44px 10px 14px;font-weight:600}.class-picker__chevron{pointer-events:none;color:var(--c-muted);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.date-switcher-wrap{margin-bottom:14px}.date-switcher{grid-template-columns:minmax(0, 1fr) var(--tap) var(--tap);align-items:center;gap:4px;padding:8px;display:grid}.date-switcher__label{border-radius:var(--radius-sm);text-align:left;align-items:center;gap:8px;min-width:0;min-height:64px;padding:4px;display:flex}.date-switcher__date{gap:4px;min-width:0;display:grid}.date-switcher__day{color:var(--c-primary-deep);white-space:nowrap;font-size:22px;font-weight:700;line-height:1.2}.date-switcher__context{color:var(--c-muted);font-size:13px;line-height:1.5}.date-switcher__caret{color:var(--c-primary);flex-shrink:0}.date-switcher__caret.is-open{transform:rotate(180deg)}.date-switcher__step{width:var(--tap);height:var(--tap);border-radius:var(--radius-sm);color:var(--c-primary);place-items:center;display:grid}.date-switcher__step+.date-switcher__step{border-left:1px solid var(--c-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.date-switcher__back{width:100%;min-height:var(--tap);border-top:1px solid var(--c-border);border-radius:0 0 var(--radius) var(--radius);color:var(--c-primary);padding:8px 12px;font-size:15px;font-weight:600;display:block}.date-switcher__label:active,.date-switcher__step:active,.date-switcher__back:active{background:var(--c-primary-soft)}.date-switcher__panel{border-top:1px solid var(--c-border);padding:12px}.tag{border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.tag--today{background:var(--c-primary-soft);color:var(--c-primary)}.collapsible-card{--collapse-duration:.26s;min-width:0}.collapsible-card__heading{color:var(--c-primary);font-size:18px;font-weight:700}.collapsible-card__toggle{width:100%;min-height:var(--tap);text-align:left;border-bottom:1px solid var(--c-border);align-items:center;gap:8px;padding:0;display:flex}.collapsible-card__title{overflow-wrap:anywhere;flex:1;min-width:0}.collapsible-card__summary{flex-shrink:0;font-size:13px;font-weight:600}.collapsible-card__caret{transition:transform var(--collapse-duration) var(--ease-out)}.collapsible-card__toggle[aria-expanded=true] .collapsible-card__caret{transform:rotate(180deg)}.collapsible-card__body{opacity:0;transition:grid-template-rows var(--collapse-duration) var(--ease-out), opacity var(--collapse-duration) var(--ease-out);grid-template-rows:0fr;padding:0;display:grid}.collapsible-card__body[data-expanded=true]{opacity:1;grid-template-rows:1fr}.collapsible-card__content{min-height:0;overflow:hidden}.leave-summary{border:1px solid var(--c-leave-border);border-radius:var(--radius);background:linear-gradient(135deg, #fff9ed, var(--c-leave-bg));box-shadow:var(--shadow);margin-bottom:18px;padding:16px}.leave-summary .collapsible-card__heading{color:var(--c-leave);font-size:16px}.leave-summary .collapsible-card__toggle{border-bottom:0}.leave-summary__collapsed-title{min-width:0;display:flex}.leave-summary__collapsed-label{white-space:nowrap;min-width:0;overflow:hidden}.leave-summary__ellipsis{flex-shrink:0}.leave-summary__person{grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:4px 8px;display:grid}.leave-summary__person>.icon{color:var(--c-leave)}.leave-summary__list{flex-direction:column;gap:8px;margin-top:12px;list-style:none;display:flex}.leave-summary__reason{color:var(--c-muted);overflow-wrap:anywhere;grid-column:1/-1;font-size:14px;line-height:1.65}.counts{color:var(--c-muted);flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:2px 0;font-size:14px;font-weight:600;display:flex}.counts__item{background:var(--surface-gradient);border:1px solid var(--c-border);border-radius:999px;padding:6px 10px}.counts__item--present{color:var(--c-present)}.counts__item--leave{color:var(--c-leave)}.counts__item--absent{color:var(--c-absent)}.roll-list{flex-direction:column;gap:10px;display:flex}.status-row{background:var(--surface-gradient);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:8px;min-height:74px;padding:10px 12px;display:flex}.status-row.is-locked{background:var(--c-leave-bg) linear-gradient(135deg, #fff, var(--c-leave-bg) 65%);border-color:var(--c-leave-border);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.status-row__leave-badge{color:var(--c-leave);white-space:nowrap;font-size:14px;font-weight:600}.status-row__reason{color:var(--c-muted);overflow-wrap:anywhere;grid-column:1/-1;font-size:14px}.status-row__buttons{flex-shrink:0;gap:6px;display:flex}.status-btn{min-height:var(--tap-primary);min-width:var(--status-width);border-radius:var(--radius-sm);border:1px solid var(--c-control-border);background:var(--control-gradient);color:var(--c-muted);white-space:nowrap;box-shadow:var(--shadow-sm);flex:1;padding:8px 6px;font-size:15px;font-weight:600}.status-btn--present{color:var(--c-present);border-color:var(--c-present)}.status-btn--leave{color:var(--c-leave);border-color:var(--c-leave)}.status-btn--absent{color:var(--c-absent);border-color:var(--c-absent)}.status-btn--skipped{color:var(--c-skip);border-color:var(--c-skip)}.status-btn.is-active{color:#fff;background:var(--status-active-color);border-color:var(--status-active-color);box-shadow:inset 0 1px 0 #fff3, 0 2px 5px color-mix(in srgb, var(--status-active-color) 20%, transparent), 0 8px 16px -8px color-mix(in srgb, var(--status-active-color) 50%, transparent)}.status-btn--present.is-active{--status-active-color:var(--c-present)}.status-btn--absent.is-active{--status-active-color:var(--c-absent)}.status-btn--leave.is-active{--status-active-color:var(--c-leave)}.status-btn--skipped.is-active{--status-active-color:var(--c-skip)}.status-row.is-present{background:var(--c-present-bg) linear-gradient(135deg, #fff, var(--c-present-bg) 65%);border-color:var(--c-present-border)}.status-row.is-absent{background:var(--c-absent-bg) linear-gradient(135deg, #fff, var(--c-absent-bg) 65%);border-color:var(--c-absent-border)}.status-row.is-skipped{background:var(--c-skip-bg) linear-gradient(135deg, #fff, var(--c-skip-bg) 65%);border-color:var(--c-skip-border);box-shadow:none}.status-row.is-skipped .status-row__name{color:var(--c-skip);min-width:0}.status-row.is-present .status-btn:not(.is-active),.status-row.is-absent .status-btn:not(.is-active),.status-row.is-skipped .status-btn:not(.is-active){color:var(--c-muted);border-color:var(--c-control-border);background:var(--control-gradient)}.status-btn:disabled{box-shadow:none;cursor:default}button:disabled:active{transform:none}.counts__item--skipped{color:var(--c-skip)}.multiselect__toolbar{align-items:center;gap:10px;margin-bottom:10px;display:flex}.multiselect__grid{flex-wrap:wrap;gap:8px;display:flex}.check-chip{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--c-control-border);background:var(--control-gradient);color:var(--c-text);max-width:100%;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:5px 13px 5px 5px;font-size:16px;font-weight:600;display:inline-flex}.check-chip__box{border:2px solid var(--c-control-border);background:var(--c-surface);color:#0000;width:30px;height:30px;box-shadow:var(--shadow-input);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.check-chip__tick{width:24px;height:24px}.check-chip__label{overflow-wrap:anywhere;text-align:left;min-width:0}.check-chip.is-selected{background:var(--c-primary) var(--primary-gradient);border-color:var(--c-primary);color:#fff;box-shadow:var(--shadow-primary)}.check-chip.is-selected .check-chip__box{color:var(--c-primary);background:#fff;border-color:#fff}.datepicker__head{grid-template-columns:minmax(0, 1fr) var(--tap) var(--tap);border-bottom:1px solid var(--c-border);align-items:center;gap:4px;min-height:64px;margin-bottom:14px;padding-bottom:10px;display:grid}.datepicker__month{color:var(--c-primary-deep);font-size:22px;font-weight:700}.datepicker__head .btn{box-shadow:none;color:var(--c-primary);background:0 0;border:none}.datepicker__head .btn+.btn{border-left:1px solid var(--c-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.calendar-nav__back{min-height:var(--tap);border-top:1px solid var(--c-border);color:var(--c-primary);grid-column:1/-1;font-size:15px;font-weight:600}.datepicker__head .btn:active,.calendar-nav__back:active{background:var(--c-primary-soft)}.datepicker__weekdays,.datepicker__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.datepicker__weekdays span{text-align:center;color:var(--c-muted);padding-bottom:8px;font-size:13px;font-weight:600}.datepicker__day{aspect-ratio:1;width:100%;min-height:var(--tap-calendar);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-width:0;font-size:16px;font-weight:600;display:flex;position:relative}.datepicker__day.is-out,.datepicker__day.is-past:not(.is-selected){color:var(--c-muted)}.datepicker__day.is-today{box-shadow:inset 0 0 0 2px var(--c-primary)}.datepicker__day.is-selected{background:var(--c-primary) var(--primary-gradient);color:#fff;box-shadow:inset 0 1px #ffffff40}.submit-bar{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 10px);background:var(--glass-solid);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:5;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;display:flex;position:sticky}.submit-bar__summary{color:var(--c-muted);overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:600}.submit-bar>.btn{flex-shrink:0}.leave-group{margin-bottom:20px}.leave-group:last-child{margin-bottom:0}.leave-group__date{color:var(--c-primary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.leave-group ul,.day-detail>ul{gap:10px;list-style:none;display:grid}.leave-group__row{border-bottom:1px solid var(--c-bg);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}.leave-group__row:last-child{border-bottom:none}.leave-group__name{flex:1;font-weight:600}.leave-group__reason{overflow-wrap:anywhere;min-width:0;color:var(--c-muted);flex-basis:100%;order:1;font-size:14px}.leave-group__row>.btn:last-child{margin-left:auto}.class-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.class-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.inline-form{align-items:center;gap:8px;width:100%;display:flex}.inline-form input{flex:1;min-width:0}.student-list{margin-bottom:12px;list-style:none}.student-list__row{border-bottom:1px solid var(--c-bg);align-items:center;gap:8px;min-height:76px;padding-block:6px;display:flex}.student-list__row:last-child{border-bottom:none}.student-list__name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.batch-box{margin-top:12px}.batch-box textarea{margin-bottom:8px}.batch-box__actions{gap:8px;display:flex}.card>.inline-form{margin-top:12px;margin-bottom:12px}.datepicker__dot{background:var(--c-leave);border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.datepicker__day.is-selected .datepicker__dot{background:#fff}.status-row__name{text-align:left;overflow-wrap:anywhere;min-height:var(--tap);flex:1;padding:0;font-size:16px;font-weight:700}.status-row__undo{min-height:var(--tap);border-radius:var(--radius-sm);border:1px dashed var(--c-leave);color:var(--c-leave);background:var(--control-gradient);white-space:nowrap;box-shadow:var(--shadow-sm);flex-shrink:0;padding:8px 12px;font-size:15px;font-weight:600}.status-row.is-archived{background:var(--c-bg);border-style:dashed}.status-row.is-archived .status-row__name{color:var(--c-muted)}.status-row__readonly{color:var(--c-muted);flex-shrink:0;font-size:14px;font-weight:600}.tag--archived{background:var(--c-skip-bg);color:var(--c-muted);margin-left:6px}.segmented{border-radius:var(--radius-sm);border:1px solid var(--c-control-border);box-shadow:var(--shadow-input);background:#e0eae3;gap:4px;margin-bottom:14px;padding:3px;display:flex;position:relative}.segmented__item{min-height:var(--tap);color:var(--c-muted);z-index:1;transition:color var(--dur-fast) var(--ease-out);border-radius:9px;flex:1;font-size:16px;font-weight:600;position:relative}.segmented__item.is-active{color:var(--c-primary);box-shadow:none;background:0 0}.overview__week{border-top:1px solid var(--c-bg);padding-bottom:4px}.overview__days,.overview__lanes{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.overview__day{min-height:var(--tap-calendar);min-width:0;color:var(--c-text);border-radius:6px;font-size:16px;font-weight:600}.overview__day.is-out{color:var(--c-muted)}.overview__day.is-today{color:var(--c-primary);box-shadow:inset 0 0 0 2px var(--c-primary)}.overview__day.is-selected{background:var(--c-primary-soft)}.overview__lanes{row-gap:3px;min-height:4px}.overview__bar{min-height:var(--tap-calendar);color:#fff;text-align:left;white-space:nowrap;background-color:var(--s0);background-image:var(--bar-highlight);border-radius:5px;min-width:0;padding:8px 6px;font-size:14px;font-weight:600;overflow:hidden;box-shadow:inset 0 1px #fff3}.overflow-text{width:100%;min-width:0;display:block;overflow:hidden}.overflow-text__label{white-space:nowrap;width:max-content;display:block}.overflow-text__label.is-overflowing{animation:text-travel var(--text-duration) linear infinite alternate}@keyframes text-travel{0%,15%{transform:translate(0)}85%,to{transform:translateX(var(--text-travel))}}.overview__bar.c0{background-color:var(--s0)}.overview__bar.c1{background-color:var(--s1)}.overview__bar.c2{background-color:var(--s2)}.overview__bar.c3{background-color:var(--s3)}.overview__bar.c4{background-color:var(--s4)}.overview__bar.c5{background-color:var(--s5)}.overview__bar.c6{background-color:var(--s6)}.overview__bar.c7{background-color:var(--s7)}.overview__bar.is-archived{border:1px dashed #fff}.overview__hint{margin-top:10px;font-size:12px}.day-detail ul{list-style:none}.sheet{z-index:40;background:#0f271b7a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__panel{background:linear-gradient(160deg, #f7fbf8, var(--c-bg));width:100%;max-width:480px;max-height:min(92dvh, calc(100dvh - env(safe-area-inset-top,0px)));border:1px solid var(--c-border);box-shadow:var(--shadow-lg);border-bottom:none;border-radius:28px 28px 0 0;flex-direction:column;display:flex;overflow:hidden}.sheet__head{background:var(--glass-solid);border-bottom:1px solid var(--c-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 12px;display:flex}.sheet__head>div{overflow-wrap:anywhere;min-width:0}.sheet__title{color:var(--c-primary-deep);text-shadow:0 1px #fff;font-size:22px;font-weight:700}.sheet__sub{color:var(--c-muted);font-size:13px}.sheet__close{min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius-sm);background:var(--control-gradient);color:var(--c-primary-deep);border:1px solid var(--c-control-border);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sheet__body{overscroll-behavior-y:contain;min-height:0;padding:14px 16px calc(env(safe-area-inset-bottom,0px) + 24px);-webkit-overflow-scrolling:touch;scroll-padding-block:16px;overflow-y:auto}.changelog-trigger{color:var(--c-primary)}.changelog__entries{gap:16px;list-style:none;display:grid}.changelog__entry{background:var(--surface-gradient);border:1px solid var(--c-border);border-radius:var(--radius);overflow-wrap:anywhere;box-shadow:var(--shadow);padding:16px}.changelog__date{color:var(--c-primary);flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.changelog__latest{border-radius:var(--radius-sm);background:var(--c-primary-soft);padding:3px 8px;font-size:12px}.changelog__entry h3{margin-block:10px 12px;font-size:18px;line-height:1.5}.changelog__entry ul{padding-left:20px;font-size:16px;line-height:1.75}.changelog__entry ul li+li{margin-top:10px}.changelog .sheet__body:focus-visible{outline:2px solid var(--c-primary);outline-offset:-2px}.sheet__section{background:var(--surface-gradient);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;padding:16px 14px}.calendar-surface,.date-switcher-wrap{background:var(--date-nav-gradient);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.sheet__section ul{list-style:none}.sheet__section-title{color:var(--c-primary-deep);margin-bottom:12px;font-size:15px;font-weight:700}.sheet__actions{flex-wrap:wrap;gap:8px;display:flex}.stat-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.stat{background:var(--surface-gradient);border:1px solid var(--c-border);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow-sm);padding:12px 4px}.stat__num{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;display:block}.stat__num--leave{color:var(--c-leave)}.stat__num--present{color:var(--c-present)}.stat__num--absent{color:var(--c-absent)}.stat__label{color:var(--c-muted);font-size:13px}.calendar-surface .stat{box-shadow:none;background:0 0;border:none;border-radius:0}.calendar-surface .stat+.stat{border-left:1px solid var(--c-border)}.sheet__section-intro{color:var(--c-muted);margin-bottom:18px;font-size:14px;line-height:1.65}.record-group+.record-group{margin-top:24px}.record-group__count{color:var(--c-muted);font-size:13px;font-weight:400}.record-list,.record-group__list{gap:10px;display:grid}.record-group__list{margin-top:12px}.record-row{border-bottom:1px solid var(--c-bg);flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;padding-block:12px;display:flex}.record-row--history{border:0;min-height:44px;padding:0}.record-card{border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--control-gradient);gap:10px;padding:14px 12px}.record-card:last-child{border-bottom:1px solid var(--c-border)}.record-row--history .record-row__date,.record-row--upcoming .record-row__date{font-size:16px}.record-card .record-row__tag,.record-row--history .record-row__tag{color:#fff;background-image:var(--bar-highlight);border-radius:8px;justify-content:center;align-items:center;width:44px;min-height:44px;margin-left:auto;padding:0;font-size:16px;display:inline-flex;box-shadow:inset 0 1px #fff3}.record-card .record-row__tag--leave,.record-row--history .record-row__tag--leave{background-color:var(--c-leave)}.record-card .record-row__tag--present{background-color:var(--c-present)}.record-card .record-row__tag--absent,.record-row--history .record-row__tag--absent{background-color:var(--c-absent)}.record-row--history .record-row__reason,.record-row--upcoming .record-row__reason,.leave-group__row.record-card .leave-group__reason{line-height:1.7}.record-row:not(.record-row--history):not(.record-row--upcoming):last-child{border-bottom:none}.record-row--upcoming,.leave-group__row.record-card{grid-template-columns:minmax(0,1fr) auto;gap:12px 8px;display:grid}.record-row--upcoming .record-row__reason,.leave-group__row.record-card .leave-group__reason{order:0;grid-column:1/-1}.record-card .reason-edit{grid-area:3/1;justify-self:start}.record-card>.btn{grid-area:3/2}.record-card .reason-form{grid-area:4/1/auto/-1}.record-row__date{flex-shrink:0;font-size:14px;font-weight:600}.record-row__tag{border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:700}.record-row__tag--leave{background:var(--c-leave-bg);color:var(--c-leave)}.record-row__tag--absent{background:var(--c-absent-bg);color:var(--c-absent)}.record-row__reason{min-width:0;color:var(--c-muted);overflow-wrap:anywhere;flex-basis:100%;order:1;font-size:14px}.record-row>.btn:last-child{margin-left:auto}.stat-row--3{grid-template-columns:repeat(3,1fr)}.mcal{margin-top:10px}.mcal__bar{min-height:var(--tap-calendar);color:#fff;background-color:var(--c-border);background-image:var(--bar-highlight);border-radius:4px;justify-content:center;align-items:center;min-width:0;font-size:16px;font-weight:600;display:flex;box-shadow:inset 0 1px #fff3}.mcal__bar--present{background-color:var(--c-present)}.mcal__bar--leave{background-color:var(--c-leave)}.mcal__bar--absent{background-color:var(--c-absent)}.mcal__bar.is-join-right{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-2px}.mcal__bar.is-join-left{border-top-left-radius:0;border-bottom-left-radius:0}.mcal__legend{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.mcal__key{color:var(--c-muted);align-items:center;gap:5px;display:inline-flex}.mcal__key:before{content:"";border-radius:3px;width:14px;height:8px}.mcal__key--present:before{background:var(--c-present)}.mcal__key--leave:before{background:var(--c-leave)}.mcal__key--absent:before{background:var(--c-absent)}.day-detail{border:1px solid var(--c-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-input);background:linear-gradient(145deg,#f4faf6,#e9f2ec);margin-top:12px;padding:10px 12px}.calendar-surface .day-detail{border:none;border-top:1px solid var(--c-border);box-shadow:none;background:0 0;border-radius:0;margin-top:18px;padding:16px 0 0}.day-detail__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.day-detail__date{font-size:14px;font-weight:700}.day-detail__attendance{margin-top:12px}.day-detail__attendance .status-row__buttons{width:100%}.day-detail__attendance p{overflow-wrap:anywhere;margin-top:6px;font-size:13px}.day-detail__body{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.day-detail__reason{overflow-wrap:anywhere;font-size:14px}.day-detail__body>.btn:last-child{margin-left:auto}.record-row__tag--present{background:var(--c-present-bg);color:var(--c-present)}.record-row__tag--skipped{background:var(--c-skip-bg);color:var(--c-skip)}.student-list__name,.leave-group__name,.leave-summary__name{text-align:left;overflow-wrap:anywhere;font-weight:600}.student-list__name{min-height:var(--tap);flex:1;padding:0}.student-list__name,.leave-group__name,.leave-summary__name,.status-row__name{text-decoration:underline;-webkit-text-decoration-color:var(--c-border);text-decoration-color:var(--c-border);text-underline-offset:3px}.reason-edit{min-width:var(--tap);min-height:var(--tap);color:var(--c-muted);border-radius:var(--radius-sm);border:1px solid var(--c-control-border);background:var(--control-gradient);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.reason-edit--label{white-space:nowrap;gap:8px;padding:8px 12px;font-size:16px;font-weight:600}.reason-form{flex-basis:100%;order:2;padding-bottom:6px}.leave-group__name,.leave-summary__name{min-height:var(--tap);min-width:var(--tap);max-width:100%;padding:0}.leave-summary__name{font-weight:700}.archived-box{border-top:1px solid var(--c-bg);margin-top:14px;padding-top:8px}.archived-box__toggle{min-height:var(--tap);color:var(--c-muted);align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.student-list__row.is-archived .student-list__name{color:var(--c-muted)}.empty{text-align:center;color:var(--c-muted);background:var(--surface-gradient);border:1px dashed var(--c-control-border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:14px;padding:40px 16px;display:flex}.toast{pointer-events:none;left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 20px);background:var(--c-primary-deep) var(--primary-gradient);color:#fff;z-index:50;text-align:center;overflow-wrap:anywhere;border-radius:16px;width:max-content;max-width:min(100vw - 32px,440px);padding:16px 22px;font-size:16px;font-weight:600;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 16px #19392b29,0 16px 36px -12px #19392b47}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tabbar,.submit-bar,.sheet__head{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}}@media (prefers-reduced-transparency:reduce){:root{--surface-gradient:#fff;--date-nav-gradient:#fff;--glass-bg:var(--glass-solid);--glass-blur:0px}body{background-image:none}.tabbar,.submit-bar,.sheet__head{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (width<=389px){:root{--status-width:48px}.inline-form{flex-wrap:wrap}.inline-form input{flex-basis:100%}.inline-form>.btn{flex:1}.student-list__row.is-archived{flex-wrap:wrap}.student-list__row.is-archived .student-list__name{flex-basis:calc(100% - 92px)}.student-list__row.is-archived>.muted{flex-basis:100%;order:1}}@media (width<=359px){.leave-summary{padding:12px}.day-detail--overview .reason-edit--label{gap:6px;padding-inline:8px;font-size:15px}.main{padding-inline:12px}.status-row{padding-inline:8px}.status-row__buttons{gap:4px}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes fade-in{0%{opacity:0}}@keyframes view-in-fwd{0%{opacity:0;transform:translate(14px)}}@keyframes view-in-back{0%{opacity:0;transform:translate(-14px)}}@keyframes sheet-backdrop-in{0%{opacity:0}}@keyframes sheet-panel-in{0%{transform:translateY(100%)}}@keyframes sheet-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes sheet-panel-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes panel-drop-in{0%{opacity:0;transform:translateY(-8px)scaleY(.97)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%, calc(100% + var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 20px))}70%{opacity:1;transform:translate(-50%,-8px)}86%{transform:translate(-50%,3px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%, calc(100% + var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 20px))}}@keyframes toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes loading-indeterminate{0%{transform:translate(-35%)scaleX(.12)}45%{transform:translate(25%)scaleX(.55)}to{transform:translate(110%)scaleX(.15)}}@keyframes bar-grow{0%{transform:scaleX(0)}}@keyframes pop{50%{transform:scale(1.06)}}.main{animation:view-in-fwd var(--dur) var(--ease-out) backwards}.main[data-dir=back]{animation-name:view-in-back}.gate{animation:rise var(--dur) var(--ease-out) backwards}.splash{animation:fade-in var(--dur) var(--ease-out) backwards}.sheet{animation:sheet-backdrop-in var(--dur) var(--ease-out) backwards}.sheet__panel{animation:sheet-panel-in var(--dur-slow) var(--ease-out) backwards}.sheet.is-exit{animation:sheet-backdrop-out var(--dur-slow) var(--ease-in) both}.sheet.is-exit .sheet__panel{animation:sheet-panel-out var(--dur-slow) var(--ease-in) both}.toast{animation:.42s ease-out backwards toast-in}.toast.is-exit{animation:toast-out .22s var(--ease-in) both}.toast__progress{transform-origin:0;height:4px;animation:toast-countdown var(--toast-duration) linear both;background:#c8eacb;position:absolute;inset:auto 0 0}.loading-bar{width:min(100%,320px);color:var(--c-muted);text-align:center;gap:10px;margin:20px auto;padding-inline:4px;font-size:14px;font-weight:400;display:grid}.loading-bar__track{background:var(--c-border);border-radius:999px;height:4px;overflow:hidden}.loading-bar__segment{border-radius:inherit;background:var(--c-primary);transform-origin:0;width:100%;height:100%;animation:1.4s ease-in-out infinite loading-indeterminate;display:block}.date-switcher__panel{transform-origin:top;animation:panel-drop-in var(--dur) var(--ease-out) backwards}.date-switcher__panel.is-exit{animation:panel-drop-in var(--dur) var(--ease-in) reverse both}.date-switcher__caret{transition:transform var(--dur) var(--ease-out)}.calendar-swipe{touch-action:pan-y pinch-zoom}.datepicker__grid,.overview__week,.roll-list>*,.student-list>*,.multiselect__grid>*,.class-chips>*{animation:rise var(--dur) var(--ease-out) backwards}.roll-list>:first-child,.student-list>:first-child,.multiselect__grid>:first-child,.class-chips>:first-child{animation-delay:0s}.roll-list>:nth-child(2),.student-list>:nth-child(2),.multiselect__grid>:nth-child(2),.class-chips>:nth-child(2){animation-delay:24ms}.roll-list>:nth-child(3),.student-list>:nth-child(3),.multiselect__grid>:nth-child(3),.class-chips>:nth-child(3){animation-delay:48ms}.roll-list>:nth-child(4),.student-list>:nth-child(4),.multiselect__grid>:nth-child(4),.class-chips>:nth-child(4){animation-delay:72ms}.roll-list>:nth-child(5),.student-list>:nth-child(5),.multiselect__grid>:nth-child(5),.class-chips>:nth-child(5){animation-delay:96ms}.roll-list>:nth-child(6),.student-list>:nth-child(6),.multiselect__grid>:nth-child(6),.class-chips>:nth-child(6){animation-delay:.12s}.roll-list>:nth-child(7),.student-list>:nth-child(7),.multiselect__grid>:nth-child(7),.class-chips>:nth-child(7){animation-delay:.144s}.roll-list>:nth-child(n+8),.student-list>:nth-child(n+8),.multiselect__grid>:nth-child(n+8),.class-chips>:nth-child(n+8){animation-delay:.168s}.overview__bar{transform-origin:0;animation:bar-grow var(--dur) var(--ease-out) backwards}.segmented__thumb{background:var(--control-gradient);width:calc(50% - 3px);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out);border-radius:9px;position:absolute;top:3px;bottom:3px;left:3px}.segmented[data-active="1"] .segmented__thumb{transform:translate(100%)}.collapse{opacity:0;transition:grid-template-rows var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);grid-template-rows:0fr;display:grid}.collapse.is-open{opacity:1;grid-template-rows:1fr}.collapse>*{visibility:hidden;min-height:0;transition:visibility 0s linear var(--dur);overflow:hidden}.collapse.is-open>*{visibility:visible;transition-delay:0s}.caret{transition:transform var(--dur) var(--ease-out);display:inline-block}.caret.is-open{transform:rotate(90deg)}.status-btn,.check-chip,.check-chip__box,.datepicker__day,.tabbar__item,.btn,.status-row,.status-row__undo,.reason-edit{transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.btn:active:not(:disabled),.check-chip:active,.status-btn:active,.datepicker__day:active,.tabbar__item:active,.reason-edit:active,.status-row__undo:active,.student-list__name:active,.leave-group__name:active,.leave-summary__name:active,.status-row__name:active,.overview__bar:active,.mcal__bar:active,.sheet__close:active,.date-switcher__label:active,.date-switcher__step:active,.date-switcher__back:active,.calendar-nav__back:active,.archived-box__toggle:active,.segmented__item:active{transform:scale(.96)}.datepicker__day.is-selected,.check-chip.is-selected,.tabbar__item.is-active svg{animation:pop var(--dur) var(--ease-pop)}.datepicker__day:focus-visible,.overview__day:focus-visible,.overview__bar:focus-visible,.mcal__bar:focus-visible{outline-offset:-3px}.overview__bar:focus-visible,.mcal__bar:focus-visible{outline-color:#fff}@media (prefers-reduced-motion:reduce){.overflow-text__label,.overflow-text__label.is-overflowing{white-space:normal;overflow-wrap:anywhere;width:auto;animation:none;transform:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.toast,.toast.is-exit,.loading-bar__segment{animation:none}.loading-bar__segment{width:40%;margin-inline:auto}.toast__progress{animation-timing-function:steps(13,end);animation-duration:var(--toast-duration)!important}}