:root{color:#182724;font-synthesis:none;text-rendering:optimizelegibility;background:#e9eee8;font-family:Noto Serif TC,Iowan Old Style,Palatino Linotype,Georgia,serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.entry-page{min-height:100dvh;padding:max(clamp(1.25rem, 4vw, 4rem), env(safe-area-inset-top)) max(clamp(1.25rem, 4vw, 4rem), env(safe-area-inset-right)) max(clamp(1.25rem, 4vw, 4rem), env(safe-area-inset-bottom)) max(clamp(1.25rem, 4vw, 4rem), env(safe-area-inset-left));background:linear-gradient(90deg,#1827240d 1px,#0000 1px) 0 0/4.5rem 4.5rem,linear-gradient(#1827240d 1px,#0000 1px) 0 0/4.5rem 4.5rem,#e9eee8;place-items:center;display:grid}.entry-card{background:#fbfcf8;border:1px solid #25453e;width:min(100%,43rem);padding:clamp(2rem,6vw,4.75rem);box-shadow:.75rem .75rem #25453e}.entry-card--quiet{width:min(100%,35rem)}.entry-card--approved{border-top:.5rem solid #d26439}.wordmark,.eyebrow,.section-label,.status-line{font-family:Trebuchet MS,Noto Sans TC,sans-serif}.wordmark{color:#25453e;letter-spacing:.1em;text-transform:uppercase;margin:0 0 clamp(2.5rem,7vw,5rem);font-size:.75rem;font-weight:700}.wordmark span{color:#d26439}.eyebrow{color:#a64b2d;letter-spacing:.16em;margin:0 0 1rem;font-size:.7rem;font-weight:800}h1{color:#182724;letter-spacing:-.06em;overflow-wrap:anywhere;text-wrap:balance;max-width:12ch;margin:0;font-size:clamp(2.25rem,8vw,4.8rem);font-weight:500;line-height:1.02}.identity-email,.body-copy,.quiet-note{letter-spacing:.01em;overflow-wrap:anywhere;max-width:35rem;font-size:1rem;line-height:1.8}.identity-email{color:#49615a;margin:1.4rem 0 0}.body-copy{margin:1.75rem 0 0}.quiet-note{color:#49615a;border-top:1px solid #bfd0c7;margin:2.75rem 0 0;padding-top:1.25rem}.role-section{margin-top:2.75rem}.section-label{color:#49615a;letter-spacing:.14em;margin:0 0 .75rem;font-size:.7rem;font-weight:800}.role-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.role-list li{color:#25453e;letter-spacing:.06em;border:1px solid #25453e;padding:.35rem .7rem;font-family:Trebuchet MS,Noto Sans TC,sans-serif;font-size:.75rem;font-weight:800}.access-logout{color:#25453e;border:1px solid #25453e;margin-top:1.5rem;padding:.55rem .8rem;font-family:Trebuchet MS,Noto Sans TC,sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}.access-logout:hover{color:#fbfcf8;background:#25453e}.status-line{color:#25453e;align-items:center;gap:.75rem;font-size:1rem;font-weight:700;display:flex}.status-mark{background:#d26439;border-radius:50%;width:.8rem;height:.8rem;animation:1.4s ease-in-out infinite checking;display:inline-block}.hr-workspace{background:#e9eee8;min-height:100vh;padding:clamp(1.25rem,4vw,4rem)}.hr-workspace__header,.hr-panel{width:min(100%,72rem);margin-inline:auto}.hr-workspace__header{justify-content:space-between;align-items:start;gap:2rem;margin-bottom:2rem;display:flex}.hr-workspace__header .wordmark{margin:0}.hr-workspace__header h2{margin:0;font-size:1.2rem;font-weight:500}.hr-workspace__identity{justify-items:end;display:grid}.hr-workspace__identity .identity-email{margin:.45rem 0 0}.hr-workspace__identity .role-list{justify-content:end;margin-top:.75rem}.hr-workspace__actions{flex-wrap:wrap;justify-content:end;gap:.5rem;margin-top:1rem;display:flex}.hr-workspace__actions .text-button,.hr-workspace__actions .access-logout{letter-spacing:.03em;border:1px solid #25453e;justify-content:center;align-items:center;min-height:2.5rem;margin:0;padding:.55rem .8rem;font-size:.78rem;line-height:1;display:inline-flex;color:#25453e!important;background:0 0!important}.hr-workspace__actions .text-button:hover,.hr-workspace__actions .access-logout:hover{color:#fbfcf8!important;background:#25453e!important}.hr-workspace__actions .hr-workspace__action--current{cursor:default;color:#fbfcf8!important;background:#25453e!important}.hr-panel{background:#fbfcf8;border:1px solid #25453e;padding:clamp(1.5rem,4vw,3rem);box-shadow:.75rem .75rem #25453e}.hr-panel__heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.hr-panel h1{max-width:none;font-size:clamp(2.4rem,6vw,4.25rem)}.hr-panel button{color:#fbfcf8;cursor:pointer;background:#25453e;border:1px solid #25453e;padding:.7rem 1rem;font-family:Trebuchet MS,Noto Sans TC,sans-serif;font-weight:700}.employee-form{border:1px solid #bfd0c7;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;padding:1.5rem;display:grid}.employee-form label{color:#25453e;gap:.4rem;font-family:Trebuchet MS,Noto Sans TC,sans-serif;font-size:.85rem;font-weight:700;display:grid}.employee-form input{color:#182724;background:#fff;border:1px solid #7d928a;min-width:0;padding:.65rem .7rem}.employee-form footer,.employee-form__error{grid-column:1/-1;margin:0}.employee-form__error{color:#a64b2d}.employee-import{border-top:1px solid #bfd0c7;margin-top:2rem;padding-top:1.5rem}.employee-import h2,.employee-import h3{margin:0 0 .75rem;font-family:Trebuchet MS,Noto Sans TC,sans-serif}.employee-import p{max-width:52rem;line-height:1.6}.employee-import>div{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.file-button{cursor:pointer;border:1px solid #25453e;padding:.7rem 1rem;font-family:Trebuchet MS,Noto Sans TC,sans-serif;font-weight:700;display:inline-flex}.file-button input{display:none}.import-preview{border:1px solid #bfd0c7;margin-top:1rem;padding:1rem;display:block!important}.import-preview ul{margin:.5rem 0 1rem;padding-left:1.25rem}.employee-list{gap:.75rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.employee-list li{border-top:1px solid #bfd0c7;grid-template-columns:1.1fr 1.5fr 1.3fr auto auto;align-items:center;gap:1rem;padding:1rem;font-family:Trebuchet MS,Noto Sans TC,sans-serif;display:grid}.employee-list__actions{flex-wrap:wrap;gap:.5rem;display:flex}.edit-dialog-backdrop{z-index:10;background:#18272473;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.edit-dialog{background:#fbfcf8;border:1px solid #25453e;gap:1rem;width:min(100%,42rem);max-height:calc(100dvh - 2rem);padding:1.5rem;display:grid;overflow:auto;box-shadow:.5rem .5rem #25453e}.edit-dialog h2,.edit-dialog p{margin:0}.edit-dialog>label{gap:.35rem;font-family:Trebuchet MS,Noto Sans TC,sans-serif;font-weight:700;display:grid}.edit-dialog input:not([type=checkbox]){border:1px solid #7d928a;padding:.6rem}.edit-dialog fieldset{flex-wrap:wrap;gap:.75rem;display:flex}.edit-dialog fieldset label{align-items:center;gap:.35rem;display:flex}.edit-dialog footer{justify-content:end;gap:.75rem;display:flex}.employee-list b{color:#a64b2d;letter-spacing:.06em;border:1px solid #d26439;padding:.3rem .5rem;font-size:.7rem}.employee-list__empty{color:#49615a;display:block!important}.text-button{margin-top:.75rem;color:#25453e!important;background:0 0!important}.template-layout{grid-template-columns:minmax(16rem,.65fr) minmax(0,1.35fr);gap:2rem;margin-top:2rem;display:grid}.template-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.template-list li{border:1px solid #bfd0c7;justify-content:space-between;gap:.5rem;padding:.75rem;display:flex}.template-list li>button{color:#182724;text-align:left;background:0 0;flex:1;gap:.25rem;padding:0;display:grid}.template-list li>button span{color:#49615a;font-size:.8rem}.template-list li>div{flex-direction:column;gap:.4rem;display:flex}.template-list li>div button{padding:.35rem .5rem;font-size:.75rem}.template-form{gap:1rem;display:grid}.template-form>label,.template-form fieldset>label,.template-questions fieldset>label{color:#25453e;gap:.35rem;font-family:Trebuchet MS,Noto Sans TC,sans-serif;font-weight:700;display:grid}.template-form input:not([type=checkbox]),.template-form select,.template-form textarea{box-sizing:border-box;color:#182724;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #7d928a;padding:.6rem}.template-form textarea{resize:vertical;min-height:4.5rem}.template-form fieldset{border:1px solid #bfd0c7;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem;display:grid}.template-form fieldset>legend{color:#25453e;font-weight:700}.template-questions{gap:1rem;display:grid}.template-questions>div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.template-questions h3{margin:0}.template-questions fieldset{grid-template-columns:1fr}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.level-grid label{gap:.25rem;display:grid}.template-preview{border-top:1px solid #bfd0c7;margin-top:2rem;padding-top:1.5rem}.template-preview>label{gap:.35rem;width:min(100%,34rem);font-weight:700;display:grid}.template-preview select{background:#fff;border:1px solid #7d928a;padding:.6rem}.preview-ok{color:#25453e;font-weight:700}.cycle-layout{grid-template-columns:minmax(14rem,.65fr) minmax(0,1.35fr);gap:2rem;margin-top:2rem;display:grid}.cycle-subject-editor{gap:1rem;display:grid}.cycle-subject-editor>header{border-bottom:1px solid #bfd0c7;padding-bottom:1rem}.cycle-subject-editor h2,.cycle-subject-editor h3,.cycle-subject-editor h4,.cycle-subject-editor p{margin:0}.cycle-subject-editor>label{gap:.35rem;font-weight:700;display:grid}.cycle-subject-editor select{background:#fff;border:1px solid #7d928a;width:100%;padding:.6rem}.cycle-subject{border:1px solid #bfd0c7;gap:.65rem;padding:1rem;display:grid}.cycle-subject h3{gap:.2rem;display:grid}.cycle-subject h3 small{color:#49615a;font-weight:400}.cycle-weight-row{grid-template-columns:auto 1fr minmax(5rem,7rem);align-items:center;gap:.6rem;display:grid}.cycle-weight-row input[type=number]{border:1px solid #7d928a;width:100%;padding:.45rem}@keyframes checking{50%{opacity:.3;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.status-mark{animation:none}}@media (width<=32rem){.entry-page{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.entry-card{padding:2rem 1.5rem;box-shadow:.45rem .45rem #25453e}.wordmark{margin-bottom:3.5rem}.hr-workspace__header,.hr-panel__heading{flex-direction:column;align-items:start}.hr-workspace__identity{justify-items:start}.hr-workspace__identity .role-list,.hr-workspace__actions{justify-content:start}.employee-form{grid-template-columns:1fr}.employee-list li{grid-template-columns:1fr;gap:.5rem}.template-layout,.template-form fieldset,.cycle-layout{grid-template-columns:1fr}}@media (width>=32.01rem) and (width<=56rem){.employee-form,.employee-list li{grid-template-columns:repeat(2,minmax(0,1fr))}}