:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#1d4439;--green-hover:#143b2f;--text:#17241e;--muted:#64706b;--border:#dedfd9;--sidebar:#f0f5f1;--selected:#dde7df;--white:#fff;--radius:6px;--sidebar-width:250px;--focus:#438b74;background:var(--white);color:var(--text);font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit;font-size:16px}button,select{cursor:pointer}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}button:disabled{opacity:.56}input:disabled,textarea:disabled,select:disabled{color:#5f6862;opacity:1;background:#f7f8f6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:1px}button{border:0}a{color:var(--green)}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.045em;color:#101613;font-size:48px;font-weight:700;line-height:1.28}h2{letter-spacing:-.025em;font-size:25px;font-weight:700;line-height:1.5}h3{font-size:20px;font-weight:600;line-height:1.55}p{line-height:1.65}.muted{color:var(--muted)}.small{font-size:14px}.preline{white-space:pre-wrap;overflow-wrap:anywhere}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar);z-index:20;flex-direction:column;padding:32px 14px 28px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--green);align-items:flex-start;gap:14px;padding:0 23px;display:flex}.brand-leaf{margin-top:1px}.brand-word{letter-spacing:.015em;font-size:31px;font-weight:700;line-height:1.15;display:block}.brand-caption{color:#3f4b43;letter-spacing:.06em;white-space:nowrap;margin-top:5px;font-size:17px;display:block}.sidebar nav{gap:8px;margin-top:49px;display:grid}.nav-item{color:#16251c;text-align:left;border-radius:var(--radius);background:0 0;align-items:center;gap:21px;width:100%;min-height:64px;padding:15px 23px;font-size:19px;display:flex}.nav-item:hover{background:#e7eee8}.nav-active{background:var(--selected);color:var(--green);font-weight:600}.sidebar-user{border-top:1px solid #d2ded4;align-items:center;gap:22px;margin:auto 17px 0;padding:25px 16px 0;font-size:20px;display:flex}.sidebar-user span,.sidebar-user small{display:block}.sidebar-user small{color:var(--muted);margin-top:4px;font-size:12px}.main-content{margin-left:var(--sidebar-width);max-width:1786px;padding:48px 34px 42px 43px}.mobile-header,.sidebar-overlay{display:none}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.page-header p{color:var(--muted);margin-top:8px;font-size:22px;line-height:1.55}.header-actions{flex-shrink:0;align-items:center;gap:18px;margin-top:11px;display:flex}.button{border-radius:var(--radius);justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 22px;font-size:17px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.button-primary{background:var(--green);color:#fff;border:1px solid var(--green)}.button-primary:hover{background:var(--green-hover)}.button-secondary,.button-row{color:var(--green);background:#fff;border:1px solid #c9ccc1}.button-secondary:hover,.button-row:hover{border-color:var(--green);background:#f2f6f1}.header-actions .button{min-height:54px;padding:13px 24px;font-size:19px}.period-select{border-radius:var(--radius);color:#171d19;background:#fff;border:1px solid #babfb5;min-width:184px;min-height:51px;padding:9px 38px 9px 19px;font-size:19px}.department-tabs{flex-wrap:wrap;gap:13px;margin-bottom:26px;display:flex}.tab{color:#183a2f;border-radius:var(--radius);background:#f0f0ed;min-width:101px;min-height:48px;padding:12px 26px;font-size:17px;font-weight:600}.tab:hover{background:#e6ebe4}.tab-active,.tab-active:hover{background:var(--green);color:#fff}.table-frame{border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}.review-table{table-layout:fixed;min-width:960px;font-size:16px}.review-table thead{color:#14372c;background:#f1f0ec}.review-table th{white-space:nowrap;padding:17px 28px;font-size:18px;font-weight:600}.review-table td{border-top:1px solid var(--border);color:#525b55;white-space:nowrap;height:68px;padding:11px 28px}.review-table th:first-child{width:22%}.review-table td:first-child{color:#141b16}.employee-cell{align-items:center;gap:12px;display:flex}.employee-id{font-variant-numeric:tabular-nums;color:#1b2920;flex-shrink:0}.employee-name{white-space:normal;min-width:0;max-width:200px;color:inherit;text-align:left;background:0 0;padding:0;font-size:16px;font-weight:400;line-height:1.55;display:block}.employee-name:hover,.employee-name:focus-visible{text-underline-offset:4px;text-decoration:underline}.employee-name small{color:#768077;margin-top:2px;font-size:12px;display:block}.overview-mobile-hint{display:none}.review-table td:last-child,.review-table th:last-child{padding-right:31px}.button-row{white-space:nowrap;min-height:43px;padding:9px 23px;font-size:16px}.review-table tbody tr:hover{background:#fbfcfa}.review-table td .submitted-text{color:var(--green);font-weight:500}.empty-table{text-align:center;padding:40px!important}.overview-guide{border-radius:var(--radius);background:#fbfaf7;border:1px solid #e7e4da;margin-top:32px;padding:27px 37px 30px}.overview-guide h2{color:var(--green);font-size:27px}.guide-columns{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;display:grid}.guide-columns>div{border-left:1px solid #e4e3dc;gap:22px;padding:0 26px;display:flex}.guide-columns>div:first-child{border-left:0;padding-left:0}.guide-columns>div:last-child{padding-right:0}.guide-icon{width:53px;height:53px;color:var(--green);background:#e8efe6;border-radius:50%;justify-content:center;align-items:center;display:flex}.guide-columns h3{color:var(--green);font-size:21px}.guide-columns p{color:#626a63;margin-top:7px;font-size:16px}.notice{border-radius:var(--radius);overflow-wrap:anywhere;align-items:flex-start;gap:10px;margin:0 0 18px;padding:13px 16px;font-size:14px;line-height:1.7;display:flex}.notice svg{margin-top:3px}.notice-error{color:#8e3f2a;background:#fcf0eb;border:1px solid #ecd1c7}.notice-success{color:#295431;background:#ecf4eb;border:1px solid #d1e3cf}.field{color:#293f32;flex-direction:column;gap:9px;margin-bottom:21px;font-size:15px;font-weight:500;line-height:1.55;display:flex}.field input,.field select,.field textarea,.rating-item-header select{border-radius:var(--radius);width:100%;color:var(--text);background:#fff;border:1px solid #cfd6cc;min-height:47px;padding:12px 14px;font-weight:400}.field textarea{resize:vertical;line-height:1.7}.field input::placeholder,.field textarea::placeholder{color:#949c94;font-size:14px}.form-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:23px;display:flex}.back-link{color:var(--green);background:0 0;align-items:center;gap:9px;margin-bottom:24px;padding:0;font-size:15px;display:inline-flex}.detail-header h1{letter-spacing:-.035em;font-size:35px}.detail-header p{font-size:16px}.review-progress{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#778177;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-bottom:31px;padding:17px 0;font-size:14px;display:flex}.review-progress span{align-items:center;gap:6px;display:flex}.review-progress .complete-step{color:var(--green)}.review-progress strong{color:var(--green);margin-left:auto;font-weight:600}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.section-heading p{margin-top:6px;font-size:15px}.submitted-label{white-space:nowrap;color:var(--green);background:#edf3e9;border-radius:4px;padding:7px 11px;font-size:14px}.rating-domain{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.rating-domain summary{cursor:pointer;color:var(--green);background:#f3f5f0;justify-content:space-between;align-items:center;gap:12px;padding:18px 23px;font-weight:600;list-style:none;display:flex}.rating-domain summary::-webkit-details-marker{display:none}.domain-count{color:var(--muted);align-items:center;gap:16px;font-size:13px;font-weight:400;display:flex}.rating-domain[open] .domain-count svg{transform:rotate(180deg)}.rating-domain-body{padding:0 24px}.rating-item{border-top:1px solid var(--border);padding:24px 0 4px}.rating-item:first-child{border-top:0}.rating-item-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:16px;display:flex}.criterion-label{font-size:17px;font-weight:600}.rating-item-header p{max-width:620px;margin-top:5px}.rating-item-header select{flex-shrink:0;width:204px;font-size:15px}.anchor-description{color:#586454;background:#f7f8f3;margin-bottom:16px;padding:13px 16px;font-size:14px;line-height:1.65}.anchor-description span{color:var(--green);margin-bottom:3px;font-size:12px;font-weight:600;display:block}.reason-field{font-size:13px}.assessment-note{margin-top:27px}.self-narratives{margin-top:30px}.submission-note{padding:17px 0;font-size:15px}.comparison-section,.meeting-section,.ack-section{margin-bottom:42px}.score-summary{margin-bottom:33px}.score-summary>p{margin:8px 0 15px}.score-summary .table-frame{margin-top:15px}.score-table{min-width:610px;font-size:14px}.score-table thead{background:#f1f3ed}.score-table th,.score-table td{border-top:1px solid var(--border);padding:13px 18px}.score-table thead th{border-top:0}.score-table tbody th{font-weight:500}.score-total{color:var(--green);background:#f7f8f3}.comparison-table{table-layout:fixed;min-width:640px;font-size:14px}.comparison-table thead{background:#f1f3ed}.comparison-table th,.comparison-table td{border-top:1px solid var(--border);vertical-align:top;padding:17px 20px}.comparison-table thead th{border-top:0;font-size:16px}.comparison-table th:first-child{width:28%}.comparison-table tbody th{font-size:15px;font-weight:600}.comparison-table th small{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:400;display:block}.comparison-table td p{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:7px}.comparison-table td strong{font-weight:500}.comparison-difference{background:#faf8ef}.difference-label{color:#92783c;margin-top:6px;font-size:12px;font-weight:400;display:block}.narrative-comparison{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:35px;margin-top:27px;padding-bottom:30px;display:grid}.narrative-comparison>div{min-width:0}.narrative-comparison h3{margin-bottom:7px;font-size:17px}.narrative-comparison p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:20px;font-size:15px}.meeting-section,.ack-section{border-top:1px solid var(--border);padding-top:28px}.checkbox-field{align-items:flex-start;gap:10px;font-size:15px;line-height:1.7;display:flex}.checkbox-field input{width:17px;height:17px;accent-color:var(--green);margin-top:5px}.inline-form,.feedback-form,.password-form{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:31px;padding:25px 0 29px}.inline-form h2,.password-form h2{margin-bottom:23px}.inline-form{max-width:800px}.goal-item{border-bottom:1px solid var(--border);padding:25px 0 29px}.goal-heading{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:14px;display:flex}.goal-heading h2{margin-top:4px;font-size:22px}.goal-status{color:var(--green);background:#eef3e8;border-radius:4px;flex-shrink:0;padding:6px 10px;font-size:13px}.status-blocked{color:#956e22;background:#fbf1de}.status-done{background:#e3eddf}.goal-item>p{color:#5e6c5e;margin-bottom:22px;font-size:15px}.goal-update{grid-template-columns:170px minmax(0,1fr) auto;align-items:end;gap:18px;display:grid}.goal-update .field{margin-bottom:0}.goal-update textarea{min-height:47px}.goal-update .button{margin-bottom:0}.empty-state{border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;color:var(--green);padding:43px 20px}.empty-state svg{color:#688569;margin-bottom:14px}.empty-state h2{font-size:22px}.empty-state p{color:var(--muted);margin-top:9px;font-size:15px}.achievement-section{padding-top:35px}.achievement-award{margin-bottom:20px}.achievement-award>p{margin-top:9px}.empty-line{color:var(--muted);border-top:1px solid var(--border);padding:20px 0;font-size:15px}.achievement-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;display:grid}.achievement-item{border-top:1px solid var(--border);color:var(--green);gap:16px;padding:20px 0;display:flex}.achievement-item h3{font-size:18px}.achievement-item p{color:var(--muted);white-space:pre-wrap;margin-top:4px;font-size:14px}.achievement-item small{color:var(--muted);margin-top:8px;font-size:12px;display:block}.feedback-form{max-width:850px}.feedback-list>h2{margin-bottom:20px;font-size:23px}.feedback-item{border-top:1px solid var(--border);padding:23px 0}.feedback-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;margin-bottom:12px;font-size:16px;display:flex}.feedback-meta span{color:var(--muted);font-size:13px}.feedback-item>p{font-size:15px}.feedback-response{background:#f4f7f1;margin-top:15px;padding:14px 17px;font-size:14px}.feedback-response p{white-space:pre-wrap;margin-top:7px}.feedback-reply{margin-top:16px}.account-summary{border-top:1px solid var(--border);margin-bottom:28px;padding-top:25px}.account-summary h2{font-size:24px}.account-summary dl{margin:17px 0 0}.account-summary dl>div{gap:24px;padding:9px 0;font-size:15px;display:flex}.account-summary dt{width:85px;color:var(--muted);flex-shrink:0}.account-summary dd{margin:0}.password-form{max-width:650px}.password-form h2{align-items:center;gap:12px;font-size:22px;display:flex}.loading-text,.initializing{color:var(--muted);padding:40px}.initializing{place-items:center;min-height:100vh;display:grid}.login-page{grid-template-columns:43% 57%;min-height:100vh;display:grid}.login-brand{background:var(--sidebar);flex-direction:column;padding:50px 38px;display:flex}.login-brand .brand{padding:0}.login-story{margin:auto 0;padding:45px 20px 70px}.login-story h1{color:var(--green);font-size:clamp(36px,3.7vw,58px);line-height:1.4}.login-story p{color:#647461;margin-top:28px;font-size:20px}.login-rule{background:#b7c9b5;width:62px;height:1px;margin:32px 0 20px}.login-story>span{color:#778775;letter-spacing:.03em;font-size:13px}.login-main{justify-content:center;align-items:center;padding:50px 36px;display:flex}.login-form{width:100%;max-width:390px}.login-icon{color:var(--green);margin-bottom:23px}.login-form h2{margin-bottom:8px;font-size:31px}.login-form>p:first-of-type{margin-bottom:34px;font-size:15px}.login-form .field{margin-bottom:23px}.login-submit{justify-content:space-between;width:100%;min-height:51px;margin-top:2px}.login-note{padding-top:22px;font-size:12px;line-height:1.9}.connection-banner{z-index:40;width:min(600px,100% - 30px);position:fixed;top:16px;left:50%;transform:translate(-50%)}@media (width>=1600px){.main-content{padding-right:50px}}@media (width<=1300px){:root{--sidebar-width:222px}.brand{gap:10px;padding:0 17px}.brand-word{font-size:28px}.brand-caption{font-size:15px}.brand-leaf{width:42px}.nav-item{gap:17px;padding-left:20px;font-size:17px}.main-content{padding-left:33px;padding-right:28px}h1{font-size:42px}.page-header p{font-size:18px}.header-actions{gap:12px}.period-select{min-width:150px;font-size:16px}.header-actions .button{padding:12px 18px;font-size:16px}.guide-columns>div{gap:15px;padding:0 18px}.guide-columns h3{font-size:19px}.guide-columns p{font-size:14px}.overview-guide{padding:26px}.guide-icon{width:44px;height:44px}}@media (width<=1000px){.page-header{flex-direction:column;gap:18px}.header-actions{margin-top:0}.guide-columns{grid-template-columns:1fr;gap:22px}.guide-columns>div{border-left:0;padding:0}.overview-guide h2{font-size:23px}.rating-item-header{flex-direction:column;gap:15px}.rating-item-header select{width:100%}.goal-update{grid-template-columns:1fr}.goal-update .button{justify-self:end}.detail-header h1{font-size:31px}}@media (width<=760px){:root{--sidebar-width:250px}.mobile-header{background:var(--sidebar);border-bottom:1px solid #e5e9e1;justify-content:space-between;align-items:center;gap:20px;padding:19px 21px;display:flex}.mobile-header .brand{padding:0}.mobile-header .brand-word{font-size:23px}.mobile-header .brand-caption{margin-top:2px;font-size:12px}.mobile-header .brand-leaf{width:35px;height:39px}.icon-button{color:var(--green);background:0 0;padding:9px;display:flex}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:19;background:#14241866;display:block;position:fixed;inset:0}.main-content{min-width:0;margin-left:0;padding:29px 21px 36px}h1{font-size:35px}h2{font-size:22px}.page-header{gap:19px;margin-bottom:25px}.page-header p{margin-top:6px;font-size:16px}.header-actions{gap:12px;width:100%}.period-select{flex:1;width:45%;min-width:0;min-height:46px;padding-left:13px;font-size:15px}.header-actions .button{gap:8px;min-height:46px;padding:10px 15px;font-size:15px}.header-actions .button svg{width:19px}.department-tabs{gap:10px;margin-bottom:20px}.tab{min-width:84px;min-height:43px;padding:10px 17px;font-size:15px}.review-table{min-width:960px}.overview-mobile-hint{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.6;display:block}.overview-guide{margin-top:24px;padding:22px}.overview-guide h2{font-size:21px}.guide-columns{gap:22px;margin-top:20px}.guide-columns p{font-size:14px}.detail-header h1{overflow-wrap:anywhere;font-size:28px}.detail-header p{font-size:14px}.button{min-height:44px;padding:10px 16px;font-size:15px}.section-heading{flex-direction:column;gap:10px}.section-heading p{font-size:14px}.review-progress{gap:13px 19px;padding:15px 0;font-size:12px}.review-progress strong{margin-left:0}.rating-domain summary{padding:16px;font-size:15px}.domain-count{gap:8px;font-size:11px}.rating-domain-body{padding:0 16px}.criterion-label{font-size:16px}.rating-item{padding-top:20px}.field{font-size:14px}.field input,.field select,.field textarea,.rating-item-header select{font-size:16px}.form-actions{flex-wrap:wrap}.narrative-comparison{grid-template-columns:1fr;gap:5px}.goal-heading{gap:13px}.goal-heading h2{font-size:19px}.goal-status{font-size:11px}.achievement-list{grid-template-columns:1fr}.account-summary dl>div{gap:12px;font-size:14px}.account-summary dt{width:72px}.account-summary dd{overflow-wrap:anywhere}.login-page{grid-template-columns:1fr}.login-brand{padding:25px 26px}.login-brand .brand{gap:11px}.login-brand .brand-word{font-size:26px}.login-story{padding:30px 0 10px}.login-story h1{font-size:32px;line-height:1.35}.login-story p{margin-top:14px;font-size:15px}.login-story br,.login-rule,.login-story>span{display:none}.login-main{padding:30px 26px 38px}.login-icon{margin-bottom:13px}.login-form h2{font-size:26px}.login-form>p:first-of-type{margin-bottom:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
