@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap";.toast[data-v-62246b62]{top:calc(var(--header-height) + 1rem);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);max-width:min(88vw,24rem);z-index:var(--z-toast);pointer-events:none;box-shadow:var(--shadow-md);font-weight:600;line-height:1.45;position:fixed;left:50%;transform:translate(-50%)}@media (width>=40rem){.toast[data-v-62246b62]{left:auto;right:var(--space-lg);top:calc(var(--header-height) + 1rem);transform:none}}.toast--success[data-v-62246b62]{background:var(--color-success);color:var(--color-on-success)}.toast--error[data-v-62246b62]{background:var(--color-danger);color:var(--color-on-danger)}.toast--info[data-v-62246b62]{background:var(--color-primary);color:var(--color-on-primary)}.toast-enter-active[data-v-62246b62]{transition:opacity .25s ease-out,transform .25s ease-out}.toast-leave-active[data-v-62246b62]{transition:opacity .18s ease-in}.toast-enter-from[data-v-62246b62]{opacity:0;transform:translate(-50%)translateY(-.625rem)}.toast-leave-to[data-v-62246b62]{opacity:0}@media (width>=40rem){.toast-enter-from[data-v-62246b62]{opacity:0;transform:translate(.75rem)}}.app-header__tab[data-v-5f3e54f9]{height:3.75rem;padding:var(--space-sm) var(--space-xs);min-height:var(--tab-bar-height);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;text-decoration:none;display:flex;position:relative}.app-header__tab.router-link-active[data-v-5f3e54f9]{color:var(--color-primary);background:var(--color-primary-lighter)}.app-header__tab-icon[data-v-5f3e54f9]{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.app-header__tab-icon[data-v-5f3e54f9] svg{width:100%;height:100%}.app-header__tab-label[data-v-5f3e54f9]{font-size:var(--font-size-xs);font-weight:500}.app-header__tab-badge[data-v-5f3e54f9]{top:var(--space-xs);min-width:1.125rem;height:1.125rem;padding:0 .25rem;font-size:.65rem;position:absolute;right:calc(50% - 1.25rem)}.teacher-class-switcher[data-v-e37e49d2]{align-items:center;gap:var(--space-xs);flex-shrink:0;min-width:0;display:inline-flex}.teacher-class-switcher__label[data-v-e37e49d2]{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.teacher-class-switcher__select[data-v-e37e49d2]{appearance:none;border:.0625rem solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='%23386641' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 8 10 12 14 8'/></svg>") no-repeat right .5rem center / .75rem;width:auto;height:auto;min-height:1.75rem;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-overflow:ellipsis;max-width:100%;box-shadow:none;padding:.1875rem 1.75rem .1875rem .75rem;line-height:1.5;overflow:hidden}.teacher-class-switcher__select[data-v-e37e49d2]:hover,.teacher-class-switcher__select[data-v-e37e49d2]:focus{background-color:var(--color-primary-lighter);border-color:var(--color-primary-light);color:var(--color-primary-dark);box-shadow:none;outline:none}.teacher-class-switcher__select[data-v-e37e49d2]:-moz-focusring{color:#0000;text-shadow:0 0 0 var(--color-primary-dark)}@media (width<=39.9375rem){.teacher-class-switcher[data-v-e37e49d2]{display:none}}.teacher-class-chips[data-v-5c61d9af]{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:.0625rem solid var(--color-border-light);background:var(--color-bg);display:flex;overflow-x:auto}.teacher-class-chips[data-v-5c61d9af]::-webkit-scrollbar{display:none}.teacher-class-chips__chip[data-v-5c61d9af]{white-space:nowrap;flex-shrink:0}@media (width>=40rem){.teacher-class-chips[data-v-5c61d9af]{display:none}}.app-header[data-v-911d3d3d]{min-height:var(--header-height);background:var(--color-bg);z-index:var(--z-header);flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0}.app-header__inner--admin[data-v-911d3d3d]{padding-left:3rem}@media (width<=39.9375rem){.app-header__inner--admin[data-v-911d3d3d]{padding-left:0}}.app-header__inner[data-v-911d3d3d]{min-height:var(--header-height);width:100%;max-width:calc(var(--content-max-width) + (var(--space-xl) * 2));padding:0 var(--space-md);align-items:center;gap:var(--space-sm);margin:0 auto;display:flex}.app-header__brand[data-v-911d3d3d]{align-items:center;gap:var(--space-sm);flex-shrink:0;min-width:0;display:flex}.app-header__logo[data-v-911d3d3d]{flex-shrink:0;width:1.875rem;height:1.875rem}.app-header__title[data-v-911d3d3d]{white-space:nowrap;letter-spacing:.06em;color:var(--color-primary);margin:0;font-size:1.35rem;font-weight:700}.app-header__school[data-v-911d3d3d]{padding-left:var(--space-sm);margin-left:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:normal;overflow-wrap:anywhere;font-weight:500;line-height:1.3;position:relative}.app-header__school[data-v-911d3d3d]:before{content:"";background:var(--color-border);width:.0625rem;position:absolute;top:15%;bottom:15%;left:0}@media (width<=39.9375rem){.app-header__brand[data-v-911d3d3d]{flex-shrink:1;min-width:0}.app-header__school[data-v-911d3d3d]{font-size:var(--font-size-xs)}}@media (width<=22.5rem){.app-header__title[data-v-911d3d3d]{font-size:1rem}.app-header__logo[data-v-911d3d3d]{width:1.625rem;height:1.625rem}}.app-header__nav[data-v-911d3d3d]{display:none}.app-header__link[data-v-911d3d3d]{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:calc(var(--font-size-base) * .95);transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;line-height:1.25;text-decoration:none;display:inline-flex}.app-header__link--btn[data-v-911d3d3d]{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}.app-header__link[data-v-911d3d3d]:hover,.app-header__link--btn[data-v-911d3d3d]:hover{background:var(--color-primary-lighter);color:var(--color-primary)}.app-header__link.router-link-active[data-v-911d3d3d],.app-header__link--btn.router-link-active[data-v-911d3d3d]{background:var(--color-primary-lighter);color:var(--color-primary);font-weight:600}.app-header__sync-btn[data-v-911d3d3d]{padding:var(--space-xs) var(--space-sm);border:.0625rem solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast);background:0 0}.app-header__sync-btn[data-v-911d3d3d]:hover:not(:disabled){background:var(--color-surface-warm)}.app-header__sync-btn[data-v-911d3d3d]:disabled{opacity:.6;cursor:wait}.app-header__sync-msg[data-v-911d3d3d]{font-size:var(--font-size-xs);color:var(--color-text-muted);animation:.2s fadeIn}.app-header__right[data-v-911d3d3d]{align-items:center;gap:var(--space-sm);margin-left:auto;display:flex}.app-header__mode-btn[data-v-911d3d3d]{padding:var(--space-xs) var(--space-sm);border:.0625rem solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-warm);color:var(--color-text);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.app-header__mode-btn[data-v-911d3d3d]:hover{background:var(--color-primary-lighter);border-color:var(--color-primary-light);color:var(--color-primary)}.app-header__user[data-v-911d3d3d]{align-items:center;gap:var(--space-sm);display:none}.app-header__username[data-v-911d3d3d]{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;font-weight:500}.app-header__user-sep[data-v-911d3d3d]{background:var(--color-border);flex-shrink:0;width:.0625rem;height:.875rem;display:inline-block}.app-header__logout[data-v-911d3d3d]{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:0}.app-header__logout[data-v-911d3d3d]:hover{color:var(--color-text)}.app-header__hamburger[data-v-911d3d3d]{width:2.75rem;height:2.75rem;padding:var(--space-sm);cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:.25rem;display:flex}.app-header__hamburger-line[data-v-911d3d3d]{background:var(--color-text);width:1.375rem;height:.125rem;transition:transform var(--transition-fast);border-radius:.0625rem;display:block}.app-header__settings-wrap[data-v-911d3d3d]{position:relative}.app-header__settings-btn[data-v-911d3d3d]{width:2.25rem;height:2.25rem;padding:var(--space-sm);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-header__settings-btn[data-v-911d3d3d]:hover,.app-header__settings-btn[aria-expanded=true][data-v-911d3d3d]{background:var(--color-surface-warm);color:var(--color-text)}.app-header__settings-icon[data-v-911d3d3d]{justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.app-header__settings-icon[data-v-911d3d3d] svg{width:100%;height:100%}.app-header__settings-panel[data-v-911d3d3d]{top:calc(100% + var(--space-xs));background:var(--color-surface);border:.0625rem solid var(--color-border-light);border-radius:var(--radius-md);min-width:11rem;box-shadow:var(--shadow-md);padding:var(--space-xs) 0;z-index:calc(var(--z-header) + 1);position:absolute;right:0}.app-header__settings-item[data-v-911d3d3d]{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;text-align:left;transition:background var(--transition-fast);white-space:nowrap;background:0 0;border:none;display:flex}.app-header__settings-item[data-v-911d3d3d]:hover:not(:disabled){background:var(--color-surface-warm)}.app-header__settings-item[data-v-911d3d3d]:disabled{opacity:.6;cursor:wait}.app-header__settings-item--danger[data-v-911d3d3d]{color:var(--color-danger)}.app-header__settings-item--danger[data-v-911d3d3d]:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 8%, transparent)}.app-header__settings-msg[data-v-911d3d3d]{padding:0 var(--space-md) var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.app-header__settings-divider[data-v-911d3d3d]{background:var(--color-border-light);height:.0625rem;margin:var(--space-xs) 0}.app-header__settings-switcher[data-v-911d3d3d]{padding:var(--space-sm) var(--space-md)}.app-header__settings-switcher[data-v-911d3d3d]:empty{display:none}.app-header__settings-backdrop[data-v-911d3d3d]{z-index:calc(var(--z-header) - 1);position:fixed;inset:0}.tab-bar-slide-enter-active[data-v-911d3d3d],.tab-bar-slide-leave-active[data-v-911d3d3d]{transition:transform .25s,opacity .25s}.tab-bar-slide-enter-from[data-v-911d3d3d],.tab-bar-slide-leave-to[data-v-911d3d3d]{opacity:0;transform:translateY(100%)}.app-header__mobile-nav[data-v-911d3d3d]{background:var(--color-surface);border-top:.0625rem solid var(--color-border-light);z-index:var(--z-header);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -.125rem .5rem #1e321e0f}.app-header__mobile-nav--under-actions[data-v-911d3d3d]{box-shadow:none}@media (width>=40rem) and (width<=74.9375rem){.app-header__hamburger[data-v-911d3d3d]{display:none}.app-header__user[data-v-911d3d3d]{display:flex}.app-header__inner--admin[data-v-911d3d3d]{max-width:var(--content-max-width);padding-left:calc(3rem + var(--space-lg));padding-right:var(--space-lg)}}@media (width>=75rem){.app-header__settings-panel[data-v-911d3d3d]{box-shadow:var(--shadow-lg)}.app-header__brand[data-v-911d3d3d]{flex:1}.app-header__nav[data-v-911d3d3d]{align-items:center;gap:var(--space-sm);display:flex}.app-header__right[data-v-911d3d3d]{flex:1;justify-content:flex-end;margin-left:0}.app-header__hamburger[data-v-911d3d3d],.app-header__settings-wrap[data-v-911d3d3d],.app-header__mobile-nav[data-v-911d3d3d]{display:none}.app-header__user[data-v-911d3d3d]{display:flex}}.dp--btn-base{font:inherit;transition:var(--dp-common-transition);border:none;line-height:normal}.dp--bg-none{background:0 0}.dp--active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--flex{align-items:center;display:flex}.dp--pointer{cursor:pointer}.dp--icon{stroke:currentColor;fill:currentColor}.dp--button{text-align:center;width:100%;color:var(--dp-icon-color);cursor:pointer;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height);place-content:center;align-items:center;display:flex}.dp--button.dp--overlay-action{position:absolute;bottom:0}.dp--button .dp--main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%;position:relative}.dp--button .dp--main *{direction:var(--dp-direction,ltr)}.dp--button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp--button svg{height:var(--dp-button-icon-height);width:auto}.dp--button-bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp--flex-display{display:flex}.dp--relative{position:relative}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.dp--centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dp--action-row{width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row;align-items:center;display:flex}.dp--action-row svg{height:var(--dp-button-icon-height);width:auto}.dp--selection-preview{color:var(--dp-text-color);font-size:var(--dp-preview-font-size);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dp--action-buttons{white-space:nowrap;flex:0;justify-content:flex-end;align-items:center;margin-inline-start:auto;display:flex}.dp--action-button{padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family);background:0 0;border:1px solid #0000;align-items:center;margin-inline-start:3px;display:inline-flex}.dp--action-cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp--action-cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp--action-buttons .dp--action-select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--action-buttons .dp--action-select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp--action-buttons .dp--action-select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp--calendar-header{color:var(--dp-text-color);white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.dp--calendar-header-item{text-align:center;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box;flex-grow:1}.dp--calendar-row{margin:var(--dp-row-margin);justify-content:center;align-items:center;display:flex}.dp--calendar-item{text-align:center;box-sizing:border-box;color:var(--dp-text-color);flex-grow:1}.dp--calendar{position:relative}.dp--calendar-header-cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp--cell-inner{text-align:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.dp--cell-inner:hover{transition:all .2s}.dp--range-border-start{border-start-end-radius:0;border-end-end-radius:0}.dp--range-border-end{border-start-start-radius:0;border-end-start-radius:0}.dp--range-preview{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp--cell-disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp--date-hoverable:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--date-hoverable-start:hover{border-start-end-radius:0;border-end-end-radius:0}.dp--date-hoverable-end:hover{border-start-start-radius:0;border-end-start-radius:0}.dp--range-between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border:1px solid var(--dp-range-between-border-color);border-radius:0}.dp--range-between-week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0}.dp--today{border:1px solid var(--dp-primary-color)}.dp--week-num{color:var(--dp-secondary-color);text-align:center}.dp--cell-auto-range{border-radius:0}.dp--cell-auto-range-start{border-inline-start:1px dashed var(--dp-primary-color);border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius)}.dp--cell-auto-range-end{border-inline-end:1px dashed var(--dp-primary-color);border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius)}.dp--calendar-header-separator{background:var(--dp-border-color);width:100%;height:1px}.dp--calendar-next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp--marker-base{background-color:var(--dp-marker-color);height:5px;position:absolute;bottom:0}.dp--marker-dot{border-radius:50%;width:5px;left:50%;transform:translate(-50%)}.dp--marker-line{width:100%;left:0}.dp--marker-tooltip{border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default;padding:5px;position:absolute}.dp--tooltip-content{white-space:nowrap}.dp--tooltip-text{color:var(--dp-text-color);flex-flow:row;align-items:center;display:flex}.dp--tooltip-mark{background-color:var(--dp-text-color);width:5px;height:5px;color:var(--dp-text-color);border-radius:50%;margin-inline-end:5px}.dp--arrow-bottom-tp{background-color:var(--dp-tooltip-color);border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);width:8px;height:8px;position:absolute;bottom:0;transform:translate(-50%,50%)rotate(45deg)}.dp--instance-calendar{width:100%;position:relative}.dp--flex-display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp--cell-highlight{background-color:var(--dp-highlight-color)}.dp--input-wrap{width:100%;box-sizing:unset;position:relative}.dp--input-wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp--input-valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp--input-valid:hover{border-color:var(--dp-success-color)}.dp--input-invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp--input-invalid:hover{border-color:var(--dp-danger-color)}.dp--input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size) * 1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box;outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.dp--input::placeholder{opacity:.7}.dp--input:hover:not(.dp--input-focus){border-color:var(--dp-border-color-hover)}.dp--input-not-clearable{padding-inline-end:var(--dp-input-not-clearable-padding)!important}.dp--input-reg{caret-color:#0000}.dp--input-focus{border-color:var(--dp-border-color-focus)}.dp--disabled{background:var(--dp-disabled-color)}.dp--disabled::placeholder{color:var(--dp-disabled-color-text)}.dp--input-icons{width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size) * 1.5);color:var(--dp-icon-color);box-sizing:content-box;padding:6px 12px;display:inline-block}.dp--input-icon{cursor:pointer;color:var(--dp-icon-color);top:50%;position:absolute;inset-inline-start:0;transform:translateY(-50%)}.dp--clear-btn{cursor:pointer;color:var(--dp-icon-color);top:50%;background:0 0;border:none;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;inset-inline-end:0;transform:translateY(-50%)}.dp--input-icon-pad{padding-inline-start:var(--dp-input-icon-padding)}.dp--menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp--menu:after,.dp--menu:before{box-sizing:border-box}.dp--menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{z-index:99999;position:absolute}.dp--menu-inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp--menu-index{z-index:99999}.dp--menu-unclickable{z-index:999999;position:absolute;inset:0}.dp--menu-disabled{cursor:not-allowed;background:#ffffff80}.dp--menu-readonly{cursor:default;background:0 0}.dp-menu-loading{cursor:default;background:#ffffff80}.dp--menu-load-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dp--menu-loader{border:var(--dp-loader);box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite dp-load-rotation;display:inline-block;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp--arrow-top{background-color:var(--dp-background-color);border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);width:12px;height:12px;position:absolute;transform:translateY(-50%)rotate(-45deg)}.dp--arrow-bottom{left:var(--dp-arrow-left);background-color:var(--dp-background-color);border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);width:12px;height:12px;position:absolute;bottom:0;transform:translate(-50%,50%)rotate(45deg)}.dp--action-extra{text-align:center;padding:2px 0}.dp--preset-dates{border-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);border:none;align-self:center;display:flex;overflow-x:auto}.dp--sidebar-left{border-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--sidebar-right{margin-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--preset-range{text-align:left;white-space:nowrap;width:100%;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition);padding:5px;display:block}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp--menu-content-wrapper{display:flex}.dp--menu-content-wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp--month-year-row{height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box;align-items:center;display:flex}.dp--inner-nav{cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%;justify-content:center;align-items:center;display:flex}.dp--inner-nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp--inner-nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp--inner-nav{transform:rotate(180deg)}.dp--inner-nav-disabled,.dp--inner-nav-disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--month-year-select-base{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color);justify-content:center;align-items:center;display:flex}.dp--month-year-select-base:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--month-year-select{width:50%}.dp--year-select{width:100%}.dp--month-year-wrap{flex-direction:row;align-items:center;width:100%;display:flex}.dp--year-disable-select{justify-content:space-around}.dp--header-wrap{flex-direction:column;width:100%;display:flex}.dp--year-mode-picker{width:100%;height:var(--dp-cell-size);justify-content:space-between;align-items:center;display:flex}.dp--arrow-btn-nav{transition:var(--dp-common-transition);height:100%}.dp-quarter-picker-wrap{height:100%;min-width:var(--dp-menu-min-width);flex-direction:column;display:flex}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:0 0}.dp--qr-btn:hover:not(.dp--active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{flex-direction:column;flex:1;justify-content:space-evenly;width:100%;height:100%;display:flex}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--overlay{background:var(--dp-background-color);z-index:99999;width:100%;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box;transition:opacity 1s ease-out}.dp--overlay-absolute{height:100%;position:absolute;top:0;left:0}.dp--overlay-relative{position:relative}.dp--overlay-container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp--overlay-container::-webkit-scrollbar{background-color:var(--dp-scroll-bar-background);width:5px}.dp--overlay-container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp--overlay:focus{border:none;outline:none}.dp--container-flex{display:flex}.dp--container-block{display:block}.dp--overlay-container{height:var(--dp-overlay-height);flex-direction:column;overflow-y:auto}.dp--time-picker-overlay-container{height:100%}.dp--overlay-row{box-sizing:border-box;flex-wrap:wrap;align-items:center;width:100%;max-width:100%;margin-inline:auto;padding:0;display:flex}.dp--flex-row{flex:1}.dp--overlay-col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp--overlay-cell-pad{padding:var(--dp-common-padding) 0}.dp--overlay-cell-active,.dp--overlay-cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp--overlay-cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--cell-in-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--over-action-scroll{box-sizing:border-box;right:5px}.dp--overlay-cell-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--overlay-cell-disabled:hover{background:var(--dp-disabled-color)}.dp--overlay-cell-active-disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp--overlay-cell-active-disabled:hover{background:var(--dp-primary-disabled-color)}.dp--tp-wrap{width:100%}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp--time-input{-webkit-user-select:none;user-select:none;width:100%;font-family:var(--dp-font-family);color:var(--dp-text-color);justify-content:center;align-items:center;display:flex}.dp--time-col-reg-block{padding:0 20px}.dp--time-col-reg-inline{padding:0 10px}.dp--time-col-reg-with-button{padding:0 15px}.dp--time-col-reg-with-button[data-compact~=true]{padding:0 5px}.dp--time-col-sec{padding:0 10px}.dp--time-col-sec-with-button{padding:0 5px}.dp--time-col-sec-with-button[data-collapsed~=true]{padding:0}.dp--time-col{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.dp--time-col-block{font-size:var(--dp-time-font-size)}.dp--inc-dec-button-disabled,.dp--inc-dec-button-disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--time-display-block{padding:0 3px}.dp--time-display-inline{padding:5px}.dp--time-picker-inline-container{justify-content:center;width:100%;display:flex}.dp--inc-dec-button{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);cursor:pointer;color:var(--dp-icon-color);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:5px;display:flex}.dp--inc-dec-button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp--inc-dec-button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp--time-display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);justify-content:center;align-items:center;display:flex}.dp--time-display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--inc-dec-button-inline{cursor:pointer;align-items:center;width:100%;height:8px;padding:0;display:flex}.dp--pm-am-button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer;border:none}.dp--pm-am-button[data-compact~=true]{padding:7px}.dp--tp-inline-btn-bar{background-color:var(--dp-secondary-color);width:100%;height:4px;transition:var(--dp-common-transition);border-collapse:collapse}.dp--tp-inline-btn-top:hover .dp--tp-btn-in-r{background-color:var(--dp-primary-color);transform:rotate(12deg)scale(1.15)translateY(-2px)}.dp--tp-inline-btn-top:hover .dp--tp-btn-in-l,.dp--tp-inline-btn-bottom:hover .dp--tp-btn-in-r{background-color:var(--dp-primary-color);transform:rotate(-12deg)scale(1.15)translateY(-2px)}.dp--tp-inline-btn-bottom:hover .dp--tp-btn-in-l{background-color:var(--dp-primary-color);transform:rotate(12deg)scale(1.15)translateY(-2px)}.dp--time-overlay-btn{background:0 0}.dp--time-invalid{background-color:var(--dp-disabled-color)}:root{--dp-common-transition:all .1s ease-in;--dp-menu-padding:6px 8px;--dp-animation-duration:.1s;--dp-menu-appear-transition-timing:cubic-bezier(.4, 0, 1, 1);--dp-transition-timing:ease-out;--dp-action-row-transition:all .2s ease-in;--dp-font-family:-apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius:4px;--dp-cell-border-radius:4px;--dp-transition-length:22px;--dp-transition-timing-general:.1s;--dp-button-height:35px;--dp-month-year-row-height:35px;--dp-month-year-row-button-size:25px;--dp-button-icon-height:20px;--dp-calendar-wrap-padding:0 5px;--dp-cell-size:35px;--dp-cell-padding:5px;--dp-common-padding:10px;--dp-input-icon-padding:35px;--dp-input-padding:6px 30px 6px 12px;--dp-input-not-clearable-padding:12px;--dp-menu-min-width:260px;--dp-action-buttons-padding:1px 6px;--dp-row-margin:5px 0;--dp-calendar-header-cell-padding:.5rem;--dp-multi-calendars-spacing:10px;--dp-overlay-col-padding:3px;--dp-time-inc-dec-button-size:32px;--dp-font-size:1rem;--dp-preview-font-size:.8rem;--dp-time-font-size:2rem;--dp-action-button-height:22px;--dp-action-row-padding:8px;--dp-direction:ltr}.dp--theme-dark{--dp-background-color:#212121;--dp-text-color:#fff;--dp-hover-color:#484848;--dp-hover-text-color:#fff;--dp-hover-icon-color:#959595;--dp-primary-color:#005cb2;--dp-primary-disabled-color:#61a8ea;--dp-primary-text-color:#fff;--dp-secondary-color:#a9a9a9;--dp-border-color:#2d2d2d;--dp-menu-border-color:#2d2d2d;--dp-border-color-hover:#aaaeb7;--dp-border-color-focus:#aaaeb7;--dp-disabled-color:#737373;--dp-disabled-color-text:#d0d0d0;--dp-scroll-bar-background:#212121;--dp-scroll-bar-color:#484848;--dp-success-color:#00701a;--dp-success-color-disabled:#428f59;--dp-icon-color:#959595;--dp-danger-color:#e53935;--dp-marker-color:#e53935;--dp-tooltip-color:#3e3e3e;--dp-highlight-color:#005cb233;--dp-range-between-dates-background-color:var(--dp-hover-color,#484848);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#fff);--dp-range-between-border-color:var(--dp-hover-color,#fff);--dp-loader:5px solid #005cb2}.dp--theme-light{--dp-background-color:#fff;--dp-text-color:#212121;--dp-hover-color:#f3f3f3;--dp-hover-text-color:#212121;--dp-hover-icon-color:#959595;--dp-primary-color:#1976d2;--dp-primary-disabled-color:#6bacea;--dp-primary-text-color:#fff;--dp-secondary-color:#c0c4cc;--dp-border-color:#ddd;--dp-menu-border-color:#ddd;--dp-border-color-hover:#aaaeb7;--dp-border-color-focus:#aaaeb7;--dp-disabled-color:#f6f6f6;--dp-scroll-bar-background:#f3f3f3;--dp-scroll-bar-color:#959595;--dp-success-color:#76d275;--dp-success-color-disabled:#a3d9b1;--dp-icon-color:#959595;--dp-danger-color:#ff6f60;--dp-marker-color:#ff6f60;--dp-tooltip-color:#fafafa;--dp-disabled-color-text:#8e8e8e;--dp-highlight-color:#1976d21a;--dp-range-between-dates-background-color:var(--dp-hover-color,#f3f3f3);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#212121);--dp-range-between-border-color:var(--dp-hover-color,#f3f3f3);--dp-loader:5px solid #1976d2}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--flex-display-with-input{flex-direction:column;align-items:flex-start}:root{--color-primary:#386641;--color-primary-light:#4d8a58;--color-primary-lighter:#e8f2eb;--color-card-border:#38664133;--color-primary-dark:#2a5033;--color-on-primary:#fff;--color-danger:#a52f1d;--color-danger-light:#f5dcd9;--color-danger-bg:var(--color-danger-light);--color-on-danger:#fff;--color-success:#207e64;--color-success-light:#d5e7e2;--color-success-bg:var(--color-success-light);--color-on-success:#fff;--color-warning:#b05400;--color-warning-light:#fef0d8;--color-warning-bg:var(--color-warning-light);--color-on-warning:#fff;--color-bg:#f7f8f4;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-warm:#eff1eb;--color-border:#d4d9cc;--color-border-light:#e4e8df;--color-overlay:#0006;--color-text:#1e2118;--color-text-secondary:#4a5240;--color-text-muted:#8a9580;--color-link:#2a5033;--shadow-sm:0 .0625rem .1875rem #1e321e14;--shadow-md:0 .125rem .375rem #1e321e12, 0 .375rem 1rem #1e321e17;--shadow-lg:0 .25rem .625rem #1e321e14, 0 .875rem 2rem #1e321e1a, 0 2rem 4rem #1e321e0d;--shadow-up-sm:0 -.125rem .5rem #1e321e12;--focus-ring:0 0 0 .1875rem #38664138;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--font-family:"Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--control-height:2.625rem;--header-height:4.5rem;--tab-bar-height:3.75rem;--content-max-width:60rem;--sidebar-width:17.5rem;--transition-fast:.15s ease;--transition-normal:.25s ease;--z-header:100;--z-modal:200;--z-modal-top:250;--z-toast:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);line-height:1.6;overflow-x:hidden}#app{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3{color:var(--color-text);letter-spacing:-.01em;font-weight:700;line-height:1.3}h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}h2{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}h3{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.container{width:100%;max-width:var(--content-max-width);padding:0 var(--space-md);margin:0 auto}.page{padding:var(--space-lg) var(--space-md) 0 var(--space-md);padding-top:calc(var(--header-height-actual,var(--header-height)) + var(--space-lg));padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0rem));max-width:var(--content-max-width);flex:1;width:100%;margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);height:var(--control-height);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;padding:0 1.25rem;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--loading{padding-left:2.25rem;position:relative}.btn--loading:before{content:"";opacity:.7;border:.125rem solid;border-top-color:#0000;border-radius:50%;width:.875rem;height:.875rem;animation:.7s linear infinite btn-spin;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}@keyframes btn-spin{to{transform:translateY(-50%)rotate(360deg)}}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--primary:not(:disabled):hover{background:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--color-surface-warm);color:var(--color-text);border:none}.btn--secondary:not(:disabled):hover{background:var(--color-border)}.btn--danger{background:var(--color-danger);color:var(--color-on-danger)}.btn--ghost{color:var(--color-primary);background:0 0;padding:0 .75rem}.btn--ghost:not(:disabled):hover{background:var(--color-primary-lighter)}.btn--danger-ghost{color:var(--color-danger);cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-family:inherit;font-size:var(--font-size-sm);transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000}.btn--danger-ghost:not(:disabled):hover{background:var(--color-danger-light);border-color:var(--color-danger)}.btn--sm{height:2rem;font-size:var(--font-size-xs);padding:0 .875rem}.btn--icon{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn--icon:not(:disabled):hover{background:var(--color-surface-warm);color:var(--color-text-secondary)}.btn--icon--edit:not(:disabled):hover{background:var(--color-primary-lighter);color:var(--color-primary)}.btn--icon--danger:not(:disabled):hover{background:var(--color-danger-light);color:var(--color-danger)}.app-modal{z-index:var(--z-modal);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-modal__box{background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:30rem;max-height:90vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.app-modal__header{padding:var(--space-md) var(--space-lg);border-bottom:.0625rem solid var(--color-border);z-index:1;background-color:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-modal__title{font-size:var(--font-size-base);margin:0;font-weight:600}.app-modal__close{width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.app-modal__close:hover{background:var(--color-surface-warm);color:var(--color-text)}.app-modal__body{padding:var(--space-md) var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.app-modal__footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:.0625rem solid var(--color-border);background-color:#fff;display:flex;position:sticky;bottom:0}.btn--block{width:100%}.card{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.card--flat{box-shadow:none}.card--list{box-shadow:none;border-color:var(--color-border-light);cursor:pointer}.card--list:hover{border-color:var(--color-primary-light,var(--color-primary));background:var(--color-bg,var(--color-surface))}.card--display{box-shadow:none;border-color:var(--color-border-light);border-radius:var(--radius-lg)}.card--bar{background:var(--color-surface);border:.0625rem solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-md);padding-left:calc(var(--space-md) + .25rem);margin-bottom:var(--space-sm);position:relative;overflow:hidden}.card--bar:before{content:"";left:0;top:var(--space-md);bottom:var(--space-md);background:var(--card-bar-color,var(--color-primary));border-radius:var(--radius-full);width:.25rem;position:absolute}.section-item{padding:var(--space-lg) var(--space-md) var(--space-lg) calc(var(--space-md) + .75rem);border-bottom:.0625rem solid var(--color-border-light);position:relative}.section-item:first-child{margin-top:0}.section-item:last-child{border-bottom:none}.section-item:before{content:"";left:0;top:var(--space-lg);bottom:var(--space-lg);background:var(--bar-color,var(--color-primary));border-radius:var(--radius-full);width:.25rem;position:absolute}.notification-summary{gap:var(--space-xs);padding:var(--space-sm) 0;flex-wrap:wrap;display:flex}.type-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;border:.0625rem solid var(--badge-color,var(--color-text-secondary));color:var(--badge-color,var(--color-text-secondary));background:var(--badge-bg,transparent);padding:.125rem .625rem;font-weight:600;display:inline-flex}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;padding:.125rem .625rem;font-weight:600;line-height:1.5;display:inline-flex}.badge--success{background:var(--color-success-light);color:var(--color-success)}.badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.badge--danger{background:var(--color-danger-light);color:var(--color-danger)}.badge--info{background:var(--color-primary-lighter);color:var(--color-primary)}.badge--muted{background:var(--color-surface-warm);color:var(--color-text-secondary)}.badge--count{min-width:1.25rem;height:1.25rem;padding:0 var(--space-xs);border-radius:var(--radius-full);background:var(--color-danger);color:var(--color-on-danger);font-size:var(--font-size-xs);justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.divider--v{background:var(--color-border);flex-shrink:0;width:.0625rem;height:1.5rem}.row-actions{gap:var(--space-xs);align-items:center;display:flex}.toggle{cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.125rem 0;display:flex}.toggle__track{border-radius:var(--radius-full);background:var(--color-border);flex-shrink:0;width:2.25rem;height:1.25rem;transition:background .15s;display:inline-block;position:relative}.toggle--on .toggle__track{background:var(--color-primary)}.toggle__thumb{border-radius:var(--radius-full);background:#fff;width:.875rem;height:.875rem;transition:transform .15s;position:absolute;top:.1875rem;left:.1875rem}.toggle--on .toggle__thumb{transform:translate(1rem)}.toggle__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;min-width:3rem}.color-picker{flex-wrap:wrap;gap:.3rem;max-width:18rem;display:flex}.color-picker--lg{max-width:none}.color-swatch{border-radius:var(--radius-full);cursor:pointer;border:.125rem solid #0000;width:1.375rem;height:1.375rem;transition:transform .1s,border-color .1s}.color-swatch:hover{transform:scale(1.15)}.color-swatch--active{box-shadow:0 0 0 .125rem #fff, 0 0 0 .25rem var(--color-text);margin:0 .25rem;transform:scale(1.1)}.chip-group{gap:var(--space-xs);display:flex}.chip{border-radius:var(--radius-full);border:.0625rem solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);padding:.1875rem .75rem;line-height:1.5}.chip--active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);font-weight:600}.chip:not(.chip--active):hover{background:var(--color-primary-lighter);border-color:var(--color-primary-light);color:var(--color-primary-dark)}.date-nav{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.date-nav__btn{border:.0625rem solid var(--color-border);border-radius:var(--radius-lg);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.date-nav__btn:hover:not(:disabled){background:var(--color-surface-warm);color:var(--color-text)}.date-nav__btn:disabled{opacity:.35;cursor:default}.date-nav__label{border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-xl);white-space:nowrap;padding:.25rem var(--space-sm);cursor:pointer;background:0 0;border:none;align-items:center;font-family:inherit;font-weight:700;line-height:1.4;transition:background .15s,color .15s;display:inline-flex}.date-nav__label:hover{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.alert{padding:.75rem var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.alert--error{background:var(--color-danger-light);color:var(--color-danger)}.alert--success{background:var(--color-success-light);color:var(--color-success)}input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]):not([type=hidden]):not([type=range]):not([type=image]):not([type=color]),select{width:100%;height:var(--control-height);border:.0625rem solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 .875rem;line-height:1.4}textarea{border:.0625rem solid var(--color-border);border-radius:var(--radius-md);width:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.625rem .875rem;line-height:1.6}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs);font-weight:600;display:block}.form-label--required:after{content:" *";color:var(--color-danger)}.form-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-xs)}input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]):not([type=hidden]):not([type=range]):not([type=image]):not([type=color]):focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}textarea{resize:vertical;min-height:5rem}.input--error{border-color:var(--color-danger)!important}.input--error:focus{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 15%, transparent)!important}input[type=checkbox],input[type=radio]{appearance:none;cursor:pointer;border:.125rem solid var(--color-border);background:var(--color-surface);width:1.125rem;height:1.125rem;transition:background var(--transition-fast), border-color var(--transition-fast);vertical-align:middle;flex-shrink:0;position:relative}input[type=checkbox]{border-radius:var(--radius-sm)}input[type=radio]{border-radius:var(--radius-full)}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--color-primary);border-color:var(--color-primary)}input[type=checkbox]:checked:after{content:"";border-bottom:.125rem solid #fff;border-right:.125rem solid #fff;width:.3125rem;height:.5625rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-65%)rotate(45deg)}input[type=radio]:checked:after{content:"";border-radius:var(--radius-full);background:#fff;width:.4375rem;height:.4375rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=checkbox]:focus,input[type=radio]:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.select-grid{gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg);border:.0625rem solid var(--color-border-light);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));max-height:14rem;display:grid;overflow-y:auto}.select-item{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:.0625rem solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);display:flex;position:relative}.select-item:hover{border-color:var(--color-primary)}.select-item:has(.select-item__input:checked){border-color:var(--color-primary);background:var(--color-primary-lighter)}input.select-item__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.select-item__check{border:.0625rem solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:.875rem;height:.875rem;transition:all var(--transition-fast);flex-shrink:0;position:relative}.select-item:has(.select-item__input:checked) .select-item__check{background:var(--color-primary);border-color:var(--color-primary)}.select-item:has(.select-item__input:checked) .select-item__check:after{content:"";border-bottom:.125rem solid #fff;border-left:.125rem solid #fff;width:.3125rem;height:.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(-45deg)}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table th,.table td{text-align:left;border-bottom:.0625rem solid var(--color-border-light);padding:.625rem .75rem}.table th{background:var(--color-bg);font-weight:600;position:sticky;top:0}.table-responsive{-webkit-overflow-scrolling:touch;margin:0 calc(var(--space-md) * -1);padding:0 var(--space-md);overflow-x:auto}.section{margin-bottom:var(--space-xl)}.section__title{margin-bottom:var(--space-sm);font-size:var(--font-size-lg);font-weight:700}.subpage-header{align-items:flex-start;gap:var(--space-xs);padding-bottom:var(--space-md);margin-bottom:var(--space-md);flex-direction:column;display:flex;position:relative}.subpage-header:after{content:"";background:var(--color-border);border-radius:var(--radius-full);width:100%;height:.125rem;position:absolute;bottom:0;left:0}.subpage-header h1{margin-bottom:0}.subpage-header--row{gap:var(--space-sm)}@media (width>=40rem){.subpage-header--row{flex-direction:row;justify-content:space-between;align-items:center;gap:0}}.record-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.record-list__month-header{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-sm) 0 var(--space-xs);margin-top:var(--space-xs);font-weight:600;list-style:none}.record-list__month-header:first-child{margin-top:0}.record-item{gap:var(--space-xs);padding:var(--space-md) var(--space-lg);flex-direction:column;min-height:3.5rem;display:flex}.filter-bar{gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-surface-warm);border:.0625rem solid var(--color-border-light);border-radius:var(--radius-md);flex-direction:column;display:flex}.filter-bar__item{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.filter-bar__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.filter-bar__item input,.filter-bar__item select,.filter-bar__item .dp--main,.filter-bar__item .app-date-picker__trigger,.filter-bar__item .app-date-picker{width:100%}.filter-bar__item .dp--main{flex:1;min-width:0}.filter-bar__btns{gap:var(--space-sm);width:100%;padding-top:var(--space-md);border-top:.125rem solid var(--color-border);margin-top:var(--space-sm);display:flex}.filter-bar__btns .btn{flex:1}@media (width>=40rem){.filter-bar{flex-flow:wrap;align-items:flex-end}.filter-bar__item{width:auto;min-width:10rem}.filter-bar__item input,.filter-bar__item select,.filter-bar__item .dp--main,.filter-bar__item .app-date-picker__trigger,.filter-bar__item .app-date-picker{width:auto}.filter-bar__item .dp--main{flex:0 auto}.filter-bar__btns{border-top:none;align-items:flex-end;width:auto;margin-top:0;padding-top:0}.filter-bar__btns .btn{flex:none}}.modal-overlay{background:var(--color-overlay);z-index:var(--z-modal-top);padding:var(--space-md);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fab{bottom:var(--space-xl);right:var(--space-md);z-index:80;width:3.5rem;height:3.5rem;box-shadow:var(--shadow-lg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,transform .15s;display:flex;position:fixed}.fab:hover{opacity:.9;transform:scale(1.05)}.fab:disabled{opacity:.5;cursor:not-allowed;transform:none}.fab__icon{justify-content:center;align-items:center;display:inline-flex}.fab__icon svg{width:1.5rem;height:1.5rem}.fab--primary{background:var(--color-primary);color:#fff}@media (width>=40rem){.fab{display:none}}.subpage-action-btn{display:none}@media (width>=40rem){.subpage-action-btn{display:flex}}.record-item__row{justify-content:space-between;align-items:center;display:flex}.record-item__info{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.record-item__meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.125rem;display:flex}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loading{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted);background:var(--color-primary-lighter);border-radius:var(--radius-md)}.loading:before{content:"";border:.125rem solid var(--color-border);border-top-color:var(--color-primary);width:1.5rem;height:1.5rem;margin:0 auto var(--space-sm);border-radius:50%;animation:.8s linear infinite spin;display:block}@media (width>=40rem){.page{padding:var(--space-xl) var(--space-lg) 0 var(--space-lg);padding-top:calc(var(--header-height-actual,var(--header-height)) + var(--space-xl));padding-bottom:calc(var(--tab-bar-height) + var(--space-xl) + env(safe-area-inset-bottom,0rem))}.card{padding:var(--space-xl)}}@media (width>=75rem){:root{--header-height:4.5rem}.page{padding:var(--space-2xl) var(--space-lg) 0 var(--space-lg);margin-top:calc(var(--header-height-actual,var(--header-height)) + var(--space-xl));position:relative}.page:before{content:"";left:calc(var(--space-xl) * -1);top:var(--space-sm);z-index:-1;background:#fff;border-radius:3rem 0 0;width:100vw;height:100%;position:absolute;box-shadow:0 4px 20px #1e321e0a,0 2px 8px #1e321e0a}}::-webkit-scrollbar{width:.375rem;height:.375rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:.1875rem}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.4s forwards slideUp}.dp--theme-light{--dp-primary-color:var(--color-primary);--dp-primary-disabled-color:var(--color-primary-lighter);--dp-primary-text-color:var(--color-on-primary);--dp-secondary-color:var(--color-border);--dp-text-color:var(--color-text);--dp-hover-color:var(--color-primary-lighter);--dp-hover-text-color:var(--color-text);--dp-hover-icon-color:var(--color-primary);--dp-highlight-color:var(--color-primary-lighter);--dp-disabled-color:transparent;--dp-disabled-color-text:var(--color-border);--dp-icon-color:var(--color-text-muted);--dp-success-color:var(--color-success);--dp-danger-color:var(--color-danger);--dp-marker-color:var(--color-primary);--dp-tooltip-color:var(--color-surface);--dp-scroll-bar-color:var(--color-border);--dp-scroll-bar-background:var(--color-surface-warm);--dp-border-color:var(--color-border);--dp-border-color-hover:var(--color-primary);--dp-border-color-focus:var(--color-primary);--dp-menu-border-color:var(--color-border);--dp-background-color:var(--color-surface);--dp-font-family:inherit;--dp-font-size:var(--font-size-sm);--dp-preview-font-size:var(--font-size-xs);--dp-border-radius:var(--radius-lg);--dp-cell-border-radius:var(--radius-sm);--dp-button-height:2rem;--dp-month-year-row-height:2.25rem;--dp-month-year-row-button-size:1.75rem;--dp-cell-size:2rem;--dp-cell-padding:.25rem;--dp-common-padding:var(--space-sm);--dp-calendar-header-cell-padding:.25rem 0;--dp-calendar-wrap-padding:.25rem var(--space-sm);--dp-menu-padding:var(--space-sm)}.dp--menu{overflow:hidden;box-shadow:0 .25rem .75rem #1e321e1f,0 .0625rem .25rem #1e321e14}.dp--calendar-header-cell{color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-xs)}.dp--cell-offset{color:var(--color-text-muted)}.dp--cell-disabled,.dp--cell-offset.dp--cell-disabled,.dp--overlay-cell-disabled{color:var(--color-border)}.dp--tp-wrap{display:none}.dp--overlay-cell,.dp--overlay-cell-active,.dp--month-year-select-base{border-radius:var(--radius-sm)}.page-actions__handle,.page-composer__handle{background:var(--color-surface);border:.0625rem solid var(--color-border-light);cursor:pointer;height:1.375rem;color:var(--color-text-secondary);z-index:11;border-bottom:none;border-radius:.75rem .75rem 0 0;justify-content:center;align-items:center;padding:0 1rem;display:flex;position:absolute;top:-1.375rem;left:50%;transform:translate(-50%);box-shadow:-1px -2px 6px #1e321e12}.page-actions__handle:hover,.page-composer__handle:hover{color:var(--color-primary)}.page-actions__handle-icon,.page-composer__handle-icon{transition:transform .25s}.page-actions__handle-icon--open,.page-composer__handle-icon--open{transform:rotate(180deg)}@media (width>=75rem){.page-actions__handle,.page-composer__handle{display:none}}.page-actions{gap:var(--space-md);bottom:env(safe-area-inset-bottom,0rem);background:var(--color-surface);margin:0 calc(var(--space-md) * -1);padding:var(--space-md);border-top:.0625rem solid var(--color-border-light);z-index:10;justify-content:flex-end;min-width:0;transition:bottom .25s;display:flex;position:sticky;box-shadow:0 -4px 12px #1e321e12}.page-actions--nav-open{bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0rem))}@media (width<=74.9375rem){.page-actions{padding-left:calc(50vw - 50% + var(--space-md));padding-right:calc(50vw - 50% + var(--space-md));margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.page-actions__btn{flex:1;min-height:2.75rem}@media (width>=40rem){.page-actions{bottom:0}.page-actions--nav-open{bottom:var(--tab-bar-height)}.page-actions__btn{flex:initial;min-width:8.75rem}}.page-composer{background:var(--color-surface);border-top:.0625rem solid var(--color-border);padding:var(--space-md);z-index:10;flex-direction:column;flex-shrink:0;display:flex;position:relative}@media (width<=74.9375rem){.page-composer{padding-left:calc(50vw - 50% + var(--space-md));padding-right:calc(50vw - 50% + var(--space-md));margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.page-composer__wrapper{width:100%;position:relative}.page-composer__field{resize:none;box-sizing:border-box;width:100%;min-height:3.75rem;padding-bottom:1.75rem;line-height:1.4}.page-composer__field--over{border-color:var(--color-danger)}.page-composer__field--over:focus{box-shadow:0 0 0 .1875rem #a52f1d1f}.page-composer__counter{right:var(--space-sm);bottom:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);pointer-events:none;position:absolute}.page-composer__counter--over{color:var(--color-danger);font-weight:600}.page-composer__btn-wrap{opacity:0;max-height:0;padding-top:0;transition:max-height .2s,opacity .2s,padding-top .15s;overflow:hidden}.page-composer--has-content .page-composer__btn-wrap{opacity:1;max-height:5rem;padding-top:var(--space-md)}.page-composer__btn{min-height:3rem;font-size:var(--font-size-base);font-weight:600}@media (width>=40rem){.page-composer__btn-wrap{opacity:1;max-height:5rem;padding-top:var(--space-sm);transition:none}}