:root{color:#17211b;font-synthesis:none;--green-900:#163f2a;--green-700:#28643f;--green-100:#e5f1e8;--line:#dce5de;--muted:#64726a;--red:#a83a36;--shadow:0 6px 22px #18362312;background:#f4f7f4;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f4f7f4;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;font-size:16px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--green-700);text-decoration:none}h1,h2,p{margin-top:0}h1{margin-bottom:.35rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.25}h2{margin-bottom:.75rem;font-size:1.08rem}.muted,small{color:var(--muted)}.block{margin-top:.18rem;display:block}.grow{flex:1;min-width:0}.pre-wrap{white-space:pre-wrap}.positive{color:var(--green-700)}.caution{color:#8a5a00!important}.required{color:var(--red);font-size:.8rem}.topbar{z-index:20;color:#fff;background:var(--green-900);justify-content:space-between;align-items:center;height:72px;padding:0 clamp(1rem,4vw,2rem);display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0003}.brand,.user-area{align-items:center;gap:.75rem;display:flex}.brand{color:#fff;font-weight:700;line-height:1.05}.brand-logo-image{object-fit:contain;max-width:100%;height:auto;display:block}.brand-logo-frame{background:#fff;border-radius:10px;flex:none;width:52px;height:52px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.header-brand-logo{width:112px;max-width:none;height:100px;position:absolute;top:-11px;left:-25px}.brand-copy{white-space:nowrap}.brand small{color:#cfe1d4;font-size:.75rem;font-weight:500}.user-area>span{text-align:right}.user-area small{color:#d7e5db;display:block}.shell-body{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;padding:1.2rem .75rem}.sidebar a{color:#314038;border-radius:8px;padding:.78rem .9rem;font-weight:600;display:block}.sidebar a:hover,.sidebar a.active{color:var(--green-900);background:var(--green-100)}.nav-label{color:#839087;letter-spacing:.1em;padding:1.2rem .9rem .35rem;font-size:.75rem;font-weight:700}.content{width:100%;min-width:0;max-width:1440px;margin:0 auto;padding:clamp(1rem,3vw,2rem)}.narrow-page{max-width:680px}.page-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.page-heading p{color:var(--muted);margin-bottom:0}.heading-actions,.row-actions,.sticky-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.back-link{margin-bottom:.6rem;font-size:.9rem;display:inline-block}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.2rem}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-heading h2{margin:0}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.stat-card{border:1px solid var(--line);min-height:120px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:1.2rem}.stat-card>span{color:var(--muted);font-size:.9rem;display:block}.stat-card strong{margin-top:1rem;font-size:1.8rem;display:block}.stat-card strong small{font-size:.9rem;font-weight:500}.button{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:8px;min-height:42px;padding:.58rem 1rem;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.55}.button.primary{color:#fff;background:var(--green-700)}.button.primary:hover:not(:disabled){background:var(--green-900)}.button.secondary{color:var(--green-900);background:#fff;border-color:#aec6b5}.button.ghost{min-height:auto;color:inherit;background:0 0;border-color:currentColor;padding:.4rem .65rem}.button.danger{color:var(--red)}.button.small{font-size:.85rem}.button.wide{width:100%}label{color:#324139;gap:.4rem;font-size:.9rem;font-weight:650;display:grid}input,textarea,select{color:#17211b;background:#fff;border:1px solid #bac8be;border-radius:7px;width:100%;min-height:44px;padding:.62rem .7rem}textarea{resize:vertical;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:var(--green-700);outline:3px solid #84b69355}.form-stack{gap:1rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid .full{grid-column:1/-1}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;margin-top:1.15rem;padding-top:1rem;display:flex}.form-actions .button{min-width:132px}.check{align-items:center;gap:.55rem;font-weight:500;display:flex}.check input{width:19px;min-height:19px;accent-color:var(--green-700)}.check.align-end{align-self:end;min-height:44px}.check-grid{flex-wrap:wrap;gap:.8rem 1.25rem;display:flex}fieldset{border:1px solid var(--line);border-radius:8px;padding:1rem}legend{padding:0 .35rem;font-weight:700}.password-field{display:block;position:relative}.password-field input{padding-right:4.5rem}.password-toggle{height:36px;color:var(--green-700);background:var(--green-100);cursor:pointer;border:0;border-radius:6px;padding:0 .7rem;font-weight:700;position:absolute;top:4px;right:4px}.filter-bar{flex-wrap:wrap;align-items:end;gap:.8rem;display:flex}.filter-bar label{min-width:160px}.admin-form{border-top:4px solid var(--green-700)}.inline-label{align-items:center;gap:.5rem;display:flex}.inline-label input{width:110px}.year-picker{align-items:end;gap:.5rem;display:flex}.calendar-legend{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;flex-wrap:wrap;gap:.7rem 1.2rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.calendar-legend span{align-items:center;gap:.4rem;display:inline-flex}.calendar-legend i{border:1px solid var(--line);background:#fff;border-radius:4px;width:16px;height:16px}.calendar-legend .legend-off{background:#fff0ee}.calendar-legend .legend-special{border-color:#c76059;box-shadow:inset 0 -4px #c76059}.calendar-legend .legend-today{outline:2px solid var(--green-700);outline-offset:1px}.year-calendar{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.calendar-month{min-width:0;margin:0;padding:.9rem}.calendar-month h2{text-align:center}.calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays span{color:var(--muted);text-align:center;padding:.3rem 0;font-size:.75rem;font-weight:700}.calendar-weekdays span:first-child,.calendar-weekdays span:last-child{color:var(--red)}.calendar-day,.calendar-blank{min-width:0;min-height:62px}.calendar-day{color:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #e4e9e5;border-radius:0;flex-direction:column;align-items:flex-start;gap:.16rem;padding:.35rem;display:flex;position:relative;overflow:hidden}.calendar-day:hover{z-index:1;border-color:var(--green-700);box-shadow:0 0 0 2px #84b69344}.calendar-day strong{font-size:.82rem}.calendar-day small{color:#8d302d;width:100%;font-size:.64rem;font-weight:700;line-height:1.15;overflow:hidden}.calendar-day.calendar-off{color:#8d302d;background:#fff0ee}.calendar-day.calendar-special{border-bottom:4px solid #c76059}.calendar-day.calendar-workday.calendar-special{border-bottom-color:var(--green-700);background:var(--green-100);color:var(--green-900)}.calendar-day.calendar-workday.calendar-special small{color:var(--green-900)}.calendar-day.calendar-today{z-index:2;outline:3px solid var(--green-700);outline-offset:-3px}.state{min-height:180px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:.7rem;padding:2rem;display:flex}.state.error{display:block}.spinner{border:3px solid #ccd8cf;border-top-color:var(--green-700);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.banner{border:1px solid;border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem;line-height:1.45}.banner.error{color:#782824;background:#fff0ee;border-color:#e0aaa5}.banner.success{color:#1b5a34;overflow-wrap:anywhere;background:#edf9f0;border-color:#a7d1b4}.banner.warning{color:#765006;background:#fff8df;border-color:#e0c27e}.banner.info{color:#245170;background:#edf8ff;border-color:#aad0e6}.chip-list{flex-wrap:wrap;gap:.55rem;display:flex}.chip{background:#fff5d8;border-radius:99px;align-items:center;gap:.5rem;padding:.5rem .7rem;display:inline-flex}.chip small{font-size:.72rem}.list-cards{display:grid}.log-row{border-bottom:1px solid var(--line);color:inherit;align-items:center;gap:1rem;padding:.9rem .3rem;display:flex}.log-row:last-child{border-bottom:0}.log-row .grow strong,.log-row .grow small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.date-block{text-align:center;min-width:55px}.date-block strong,.date-block small{display:block}.items-stack{gap:.8rem;display:grid}.work-item{margin:0}.add-item{border-style:dashed;width:100%;margin:1rem 0}.sticky-actions{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffe;border-radius:10px;justify-content:flex-end;padding:.7rem;position:sticky;bottom:.5rem}.date-jump{width:auto}.detail-grid{grid-template-columns:1fr 1fr;gap:1rem;margin:0;display:grid}.detail-grid div.full{grid-column:1/-1}.detail-grid dt{color:var(--muted);font-size:.8rem;font-weight:700}.detail-grid dd{white-space:pre-wrap;margin:.3rem 0 0}.dynamic-detail{padding-top:.25rem}.field-help{font-weight:500;line-height:1.4;display:block}.dynamic-check{align-self:end;min-height:44px;padding:.55rem .1rem}.dynamic-check>span{display:block}.field-list{gap:.9rem;display:grid}.field-card{border:1px solid var(--line);background:#f9fbf9;border-radius:10px;padding:1rem}.field-card-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.field-card .button.ghost{min-width:40px}.form-preview{background:#fbfefc;border:2px dashed #8fb29a}.form-preview h3{color:var(--green-900);margin:1.25rem 0 .8rem;font-size:1rem}.form-preview h3:first-of-type{margin-top:.25rem}.account-select{height:44px;min-height:44px}.supervisor-select{min-width:230px}.table-panel{padding:0;overflow:hidden}.table-meta{color:var(--muted);border-bottom:1px solid var(--line);padding:.8rem 1rem;font-size:.85rem}.responsive-table{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--line);vertical-align:top;padding:.8rem 1rem}th{color:#516158;white-space:nowrap;background:#f7faf8;font-size:.82rem}td{font-size:.9rem}.status{white-space:nowrap;border-radius:99px;padding:.28rem .52rem;font-size:.78rem;font-weight:700;display:inline-block}.status.filled{color:#1b5a34;background:#e6f4e9}.status.missing{color:#835400;background:#fff3d2}.status.inactive,.status.not_required{color:#59645d;background:#edf0ee}.text-link{white-space:nowrap;font-weight:700}.pagination{justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}code{font-size:.78rem}.login-page{background:radial-gradient(circle at top,#dceade,#f4f7f4 60%);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(100%,430px);padding:clamp(1.5rem,6vw,2.5rem);box-shadow:0 18px 50px #163f2a1a}.login-card h1,.login-card>p{text-align:center}.login-card h1{font-size:1.45rem}.login-brand-logo{width:min(100%,190px);margin:0 auto 1.1rem}@media (width<=850px){.topbar{height:64px}.shell-body{min-height:calc(100vh - 64px);padding-bottom:64px;display:block}.sidebar{z-index:30;border-top:1px solid var(--line);border-right:0;padding:.35rem;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -4px 12px #0000000d}.sidebar a{flex:none;padding:.65rem .7rem;font-size:.78rem}.nav-label{display:none}.content{padding:1rem}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-area>span{display:none}.year-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){body{font-size:15px}.brand-copy{font-size:.9rem}.brand-logo-frame{width:46px;height:46px}.header-brand-logo{width:100px;height:auto;top:-10px;left:-22px}.page-heading{flex-direction:column;align-items:stretch}.page-heading>.button,.heading-actions .button{width:100%}.heading-actions{grid-template-columns:1fr;display:grid}.date-jump{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-actions .button{width:100%}.stat-card{min-height:100px;padding:.9rem}.stat-card strong{font-size:1.35rem}.filter-bar{align-items:stretch}.filter-bar label,.filter-bar .button{width:100%}.sticky-actions>*{flex:1}.row-actions{min-width:230px}.detail-grid{grid-template-columns:1fr}.detail-grid div.full{grid-column:auto}.year-picker{width:100%}.year-picker label{flex:1}.year-picker .inline-label input{width:100%}.year-calendar{grid-template-columns:1fr}.field-card{padding:.8rem}.field-card-heading{align-items:flex-start}.calendar-day,.calendar-blank{min-height:54px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.spinner{animation-duration:1.6s}}