:root{--c-primary:#2e6b4f;--c-primary-deep:#24523d;--c-primary-soft:#e3efe8;--c-bg:#f4f6f4;--c-surface:#fff;--c-border:#e2e8e2;--c-text:#1e2a23;--c-muted:#66756b;--c-present:#2f9e5f;--c-present-bg:#e6f5ec;--c-leave:#d97e22;--c-leave-bg:#fbf0df;--c-leave-border:#f0d9b5;--c-absent:#d6453c;--c-absent-bg:#fbe9e7;--s0:#2f7d5c;--s1:#3d6fa8;--s2:#b5622a;--s3:#8a5cb8;--s4:#b8496b;--s5:#2f8f8a;--s6:#7a7f2c;--s7:#55606e;--tap:44px;--radius:12px;--radius-sm:9px;--shadow:0 1px 3px #1e2a2314;--tabbar-h:58px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-text);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}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-border);border-radius:var(--radius-sm);background:var(--c-surface);padding:10px 12px}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px}.shell{min-height:100dvh}.main{max-width:480px;padding:16px 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 24px);margin-inline:auto}.view__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.view__title{font-size:22px;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);place-items:center;font-size:20px;font-weight:700;display:grid}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:14px}.card__title{color:var(--c-muted);align-items:baseline;gap:8px;margin-bottom:10px;font-size:15px;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-border);background:var(--c-surface);justify-content:center;align-items:center;gap:4px;padding:8px 14px;font-size:15px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn--primary:active:not(:disabled){background:var(--c-primary-deep)}.btn--danger{color:var(--c-absent);border-color:#f0cbc7}.btn--ghost{color:var(--c-primary);border-style:dashed;width:100%}.btn--small{min-height:var(--tap);padding:4px 12px;font-size:14px}.btn--large{padding:12px 18px;font-size:16px}.btn--block{width:100%;margin-bottom:14px}.btn--icon{min-width:var(--tap);color:var(--c-primary);font-size:24px;line-height:1}.gate{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100dvh;padding:24px;display:flex}.gate__logo{box-shadow:var(--shadow);border-radius:22px}.gate__title{color:var(--c-primary);font-size:24px}.gate__hint{color:var(--c-muted);margin-bottom:8px}.gate__form{flex-direction:column;gap:10px;width:100%;max-width:300px;display:flex}.gate__error{color:var(--c-absent);font-size:14px}.tabbar{background:var(--c-surface);border-top:1px solid var(--c-border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar__item{min-height:var(--tabbar-h);color:var(--c-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.tabbar__item svg{width:24px;height:24px}.tabbar__item.is-active{color:var(--c-primary)}.class-picker{flex-shrink:0;position:relative}.class-picker--single{color:var(--c-primary);font-size:15px;font-weight:600}.class-picker select{appearance:none;min-height:var(--tap);border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-primary);max-width:180px;padding:8px 30px 8px 12px;font-weight:600}.class-picker__chevron{pointer-events:none;width:14px;height:14px;color:var(--c-muted);position:absolute;top:50%;right:9px;transform:translateY(-50%)}.date-switcher{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-bottom:14px;padding:4px;display:flex}.date-switcher__center{align-items:center;gap:8px;display:flex}.date-switcher__label{font-size:16px;font-weight:700}.date-switcher__back{border:1px solid var(--c-border);min-height:32px;color:var(--c-primary);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600}.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)}.leave-summary{background:var(--c-leave-bg);border:1px solid var(--c-leave-border);border-radius:var(--radius);margin-bottom:14px;padding:14px}.leave-summary__title{color:var(--c-leave);margin-bottom:6px;font-size:15px;font-weight:700}.leave-summary__empty{color:var(--c-muted);font-size:14px}.leave-summary__list{flex-direction:column;gap:4px;list-style:none;display:flex}.leave-summary__reason{color:var(--c-muted);margin-left:8px;font-size:13px}.counts{color:var(--c-muted);flex-wrap:wrap;gap:10px;margin-bottom:12px;padding-inline:2px;font-size:13px;font-weight:600;display:flex}.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:8px;display:flex}.status-row{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:10px;min-height:60px;padding:8px 10px 8px 14px;display:flex}.status-row.is-locked{background:var(--c-leave-bg);border-color:var(--c-leave-border)}.status-row__name{overflow-wrap:anywhere;flex:1;font-size:16px;font-weight:700}.status-row__leave-badge{color:var(--c-leave);font-size:14px;font-weight:600}.status-row__buttons{flex-shrink:0;gap:6px;display:flex}.status-btn{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);min-width:56px;color:var(--c-muted);padding:6px 10px;font-size:14px;font-weight:600}.status-btn--present.is-active{background:var(--c-present-bg);border-color:var(--c-present);color:var(--c-present)}.status-btn--absent.is-active{background:var(--c-absent-bg);border-color:var(--c-absent);color:var(--c-absent)}.status-btn--leave{color:var(--c-leave);border-color:var(--c-leave-border)}.multiselect__toolbar{align-items:center;gap:10px;margin-bottom:10px;display:flex}.multiselect__grid{flex-wrap:wrap;gap:8px;display:flex}.select-chip,.chip{min-height:var(--tap);border:1px solid var(--c-border);background:var(--c-surface);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600}.select-chip.is-selected,.chip.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.datepicker__head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.datepicker__month{font-size:16px;font-weight:700}.datepicker__weekdays,.datepicker__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker__weekdays span{text-align:center;color:var(--c-muted);padding-bottom:4px;font-size:12px}.datepicker__day{aspect-ratio:1;min-height:var(--tap);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.datepicker__day.is-out{color:#c3ccc6}.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);color:#fff}.submit-bar{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 10px);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);z-index:5;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;display:flex;position:sticky;box-shadow:0 4px 16px #1e2a2324}.submit-bar__summary{color:var(--c-muted);font-size:14px;font-weight:600}.leave-group{margin-bottom:12px}.leave-group:last-child{margin-bottom:0}.leave-group__date{color:var(--c-primary);align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}.leave-group ul{list-style:none}.leave-group__row{border-bottom:1px solid var(--c-bg);align-items:center;gap:8px;padding:4px 0;display:flex}.leave-group__row:last-child{border-bottom:none}.leave-group__name{font-weight:600}.leave-group__reason{color:var(--c-muted);flex:1;font-size:13px}.leave-group__name+.btn{margin-left:auto}.class-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.class-actions{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:52px;display:flex}.student-list__row:last-child{border-bottom:none}.student-list__name{overflow-wrap:anywhere;flex:1;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}.date-switcher-wrap{margin-bottom:14px}.date-switcher-wrap .date-switcher{margin-bottom:0}.date-switcher__label{min-height:var(--tap);align-items:center;gap:4px;padding:0 6px;font-size:16px;font-weight:700;display:inline-flex}.date-switcher__caret{color:var(--c-muted);font-size:11px}.date-switcher__panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow);border-top:none;padding:10px 12px 12px}.datepicker__day{position:relative}.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-border);color:var(--c-leave);background:#fff9;flex-shrink:0;padding:4px 10px;font-size:13px;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-border);color:var(--c-muted);margin-left:6px}.segmented{background:var(--c-border);border-radius:var(--radius-sm);gap:4px;margin-bottom:14px;padding:3px;display:flex}.segmented__item{min-height:38px;color:var(--c-muted);border-radius:7px;flex:1;font-size:15px;font-weight:600}.segmented__item.is-active{background:var(--c-surface);color:var(--c-primary);box-shadow:var(--shadow)}.overview__week{border-top:1px solid var(--c-bg);padding-bottom:4px}.overview__days,.overview__lanes{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.overview__day{min-height:26px;color:var(--c-text);border-radius:6px;font-size:13px;font-weight:600}.overview__day.is-out{color:#c3ccc6}.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{color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:var(--s0);border-radius:5px;min-height:20px;padding:1px 6px;font-size:12px;font-weight:600;overflow:hidden}.overview__bar.c0{background:var(--s0)}.overview__bar.c1{background:var(--s1)}.overview__bar.c2{background:var(--s2)}.overview__bar.c3{background:var(--s3)}.overview__bar.c4{background:var(--s4)}.overview__bar.c5{background:var(--s5)}.overview__bar.c6{background:var(--s6)}.overview__bar.c7{background:var(--s7)}.overview__bar.is-archived{opacity:.45}.overview__more{color:var(--c-muted);grid-column:1/-1;padding-left:2px;font-size:11px}.overview__hint{margin-top:10px;font-size:12px}.day-detail ul{list-style:none}.sheet{z-index:40;background:#1e2a2373;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__panel{background:var(--c-bg);border-radius:18px 18px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:92dvh;display:flex;overflow:hidden}.sheet__head{background:var(--c-surface);border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 12px;display:flex}.sheet__title{font-size:19px;font-weight:700}.sheet__sub{color:var(--c-muted);font-size:13px}.sheet__close{min-width:var(--tap);min-height:var(--tap);color:var(--c-muted);font-size:18px}.sheet__body{padding:14px 16px calc(env(safe-area-inset-bottom,0px) + 24px);-webkit-overflow-scrolling:touch;overflow-y:auto}.sheet__section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);margin-bottom:12px;padding:12px 14px}.sheet__section ul{list-style:none}.sheet__section-title{color:var(--c-muted);margin-bottom:8px;font-size:14px;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(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);text-align:center;padding:8px 4px}.stat__num{font-size:20px;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:11px}.record-group__month{color:var(--c-primary);margin:10px 0 4px;font-size:13px;font-weight:700}.record-row{border-bottom:1px solid var(--c-bg);align-items:center;gap:8px;min-height:40px;display:flex}.record-row:last-child{border-bottom:none}.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{color:var(--c-muted);overflow-wrap:anywhere;flex:1;font-size:13px}.record-row__date+.record-row__tag+.btn,.record-row__reason+.btn{margin-left:auto}.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);text-decoration:underline;-webkit-text-decoration-color:var(--c-border);text-decoration-color:var(--c-border);text-underline-offset:3px;flex:1;padding:0}.leave-group__name,.leave-summary__name{min-height:32px;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);font-size:14px;font-weight:600}.student-list__row.is-archived .student-list__name{color:var(--c-muted)}.empty{text-align:center;color:var(--c-muted);flex-direction:column;align-items:center;gap:14px;padding:40px 16px;display:flex}.toast{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 20px);background:var(--c-text);color:#fff;z-index:30;text-align:center;border-radius:999px;max-width:min(90vw,440px);padding:10px 18px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #1e2a2340}