:root{--navy:#1b2a4a;--navy-dark:#121d33;--orange:#d9531e;--orange-dark:#b03e12;--bg-page:#f8fafc;--card-bg:#fff;--border-color:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b;--danger:#b42318}*{box-sizing:border-box}html{background:var(--bg-page);min-width:320px}body{background:var(--bg-page);min-width:320px;min-height:100vh;color:var(--text-main);justify-content:center;margin:0;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;line-height:1.5;display:flex}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}#dashboard-title:focus-visible{outline:none}.app-shell{border:1px solid var(--border-color);background:var(--card-bg);border-radius:12px;align-self:flex-start;width:min(100%,580px);overflow:hidden;box-shadow:0 2px 8px #121d330f}.app-shell--workspace{width:100%;max-width:1266px;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.brand-header{background:var(--navy);align-items:center;gap:14px;min-height:60px;padding:10px 22px;display:flex}.brand-logo-plate{background:var(--card-bg);border-radius:4px;align-items:center;padding:5px 8px;display:inline-flex}.brand-header img{width:128px;height:auto;display:block}.brand-header h1{color:var(--card-bg);margin:0;font-size:1rem;font-weight:750}.eyebrow{color:var(--text-muted);margin:0 0 3px;font-size:.75rem;font-weight:700}.loading-message,.session-error,.empty-message{border:1px solid var(--border-color);background:var(--bg-page);color:var(--text-muted);border-radius:6px;margin:0;padding:14px 16px}.session-error,.form-error{color:var(--orange-dark)}.auth-view{background:var(--card-bg)}.section-heading{border-bottom:1px solid var(--border-color);padding:26px 28px 20px}.section-heading h2,.management-dialog h2{color:var(--navy);margin:0;font-size:1.35rem;line-height:1.25}.section-heading p:not(.eyebrow){color:var(--text-muted);margin:9px 0 0;font-size:.9rem}.auth-form{gap:18px;padding:24px 28px 28px;display:grid}.field-group{gap:6px;display:grid}.field-group label,.control-group label,.employee-delete-section label{color:var(--navy);font-size:.86rem;font-weight:700}input,select{border:1px solid var(--border-color);background:var(--card-bg);width:100%;min-height:40px;color:var(--text-main);border-radius:6px;padding:7px 10px}input::placeholder{color:var(--text-muted)}input:focus,select:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #d9531e1f}.form-error{margin:0;font-size:.88rem;font-weight:650}.form-actions,.action-group,.utility-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.press-button,.btn-3d{background:var(--navy);min-height:40px;box-shadow:0 2px 0 var(--navy-dark), 0 2px 4px #121d3314;color:var(--card-bg);-webkit-user-select:none;user-select:none;border:0;border-radius:6px;justify-content:center;align-items:center;padding:7px 14px;font-size:.82rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,background-color .15s;display:inline-flex}.press-button:hover:not(:disabled),.btn-3d:hover:not(:disabled){background:var(--navy-dark)}.press-button:active:not(:disabled),.btn-3d:active:not(:disabled){box-shadow:0 0 0 var(--navy-dark), 0 1px 2px #121d330d;transform:translateY(2px)}.press-button--quiet{border:1px solid var(--border-color);background:var(--card-bg);box-shadow:0 2px 0 var(--border-color), 0 2px 4px #121d330d;color:var(--navy)}.press-button--quiet:hover:not(:disabled){background:var(--bg-page)}.press-button--orange{background:var(--orange-dark);box-shadow:0 2px 0 var(--navy-dark), 0 2px 4px #121d3314;color:var(--card-bg)}.press-button--orange:hover:not(:disabled){background:var(--orange)}.btn-3d--navy,.btn-3d-navy{background:var(--navy);box-shadow:0 2px 0 var(--navy-dark), 0 2px 4px #121d3314}.btn-3d--orange,.btn-3d-orange{background:var(--orange-dark);box-shadow:0 2px 0 var(--navy-dark), 0 2px 4px #121d3314}.btn-3d--gray,.btn-3d-gray{background:var(--text-muted);box-shadow:0 2px 0 var(--navy-dark), 0 2px 4px #121d3314;color:var(--card-bg)}.dashboard-view{width:100%}.dashboard-toolbar{justify-content:space-between;align-items:end;min-height:34px;margin:0 0 8px;padding:0 4px;display:flex}.dashboard-toolbar h2{color:var(--navy);margin:0;font-size:1rem;line-height:1.2}.utility-note{color:var(--text-muted);margin:0 0 8px;padding:0 4px;font-size:.82rem}.utility-error{margin-bottom:8px;padding:0 4px}.evaluation-workspace{grid-template-columns:200px minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.employee-sidebar-frame{align-self:stretch;min-width:0;min-height:0;position:relative}.employee-sidebar{overscroll-behavior-y:contain;scrollbar-gutter:stable;border:1px solid var(--border-color);background:var(--card-bg);border-radius:8px;position:absolute;inset:0;overflow-y:auto}.employee-sidebar-groups{align-content:start;gap:4px;padding:10px;display:grid}.employee-sidebar-group-title{margin:0}.employee-sidebar-group-toggle{width:100%;min-height:38px;color:var(--navy);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;font-size:.78rem;font-weight:800;display:flex}.employee-sidebar-group-toggle:hover:not(:disabled){border-color:var(--border-color);background:var(--bg-page)}.employee-sidebar-group-toggle:after{content:"⌄";color:var(--text-muted);font-size:.9rem}.employee-sidebar-group-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.employee-sidebar-list{gap:4px;margin:0;padding:4px 0 0;list-style:none;display:grid}.employee-sidebar-button{width:100%;min-height:40px;color:var(--text-main);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.8rem;display:flex}.employee-sidebar-button:hover:not(:disabled):not(.is-selected){border-color:var(--border-color);background:var(--bg-page)}.employee-sidebar-button.is-selected,.employee-sidebar-button.is-selected:hover:not(:disabled),.employee-sidebar-button.is-selected:active:not(:disabled){border-color:var(--navy);background:var(--navy);color:var(--card-bg)}.employee-sidebar-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:750;overflow:hidden}.employee-sidebar-position{flex:none;font-size:.72rem}.eval-card{border:1px solid var(--border-color);background:var(--card-bg);border-radius:12px;width:100%;max-width:1050px;padding:32px;box-shadow:0 2px 8px #121d330d}.control-bar{border:1px solid var(--border-color);background:var(--bg-page);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;margin-bottom:24px;padding:12px 16px;display:flex}.control-group{align-items:center;gap:8px;display:flex}.control-group>select,.select-custom{min-height:38px;padding:6px 11px;font-size:.82rem}.control-group:first-child>select{width:220px}.period-controls>select{width:108px}.utility-actions{justify-content:flex-end;margin-left:auto}.evaluation-panel,.evaluation-form{min-width:0}.doc-banner{background:var(--orange);color:var(--card-bg);letter-spacing:.02em;text-align:center;border-radius:6px;margin-bottom:18px;padding:11px 12px;font-size:1.38rem;font-weight:800}.doc-info-bar{color:var(--navy);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:0 4px;font-size:.92rem;font-weight:700;display:flex}.evaluation-status{min-height:29px;padding:2px 4px 7px}.evaluation-status p{color:var(--text-muted);margin:0;font-size:.78rem}.evaluation-status .saved-message,.evaluation-status .unsaved-message{color:var(--navy);font-weight:700}.evaluation-table-scroll{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.eval-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.eval-table th{border-top:1px solid var(--navy);background:var(--navy);color:var(--card-bg);text-align:center;padding:10px;font-size:.8rem;font-weight:700}.eval-table th:first-child{border-top-left-radius:6px;width:12%}.eval-table th:nth-child(2){width:48%}.eval-table th:nth-child(n+3){width:10%}.eval-table th:last-child{border-top-right-radius:6px}.eval-table td{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--card-bg);vertical-align:middle;height:48px;padding:7px 10px;font-size:.85rem}.eval-table tbody td:first-child{border-left:1px solid var(--border-color);background:var(--bg-page);color:var(--navy);text-align:center;font-weight:700}.eval-table .desc-col{color:var(--text-main);line-height:1.35}.quarter-score-cell{text-align:center}.score-input{background:var(--bg-page);width:100%;min-width:48px;min-height:34px;color:var(--navy);font-variant-numeric:tabular-nums;text-align:center;border:1px solid #0000;border-radius:6px;padding:5px 2px;font-size:.9rem;font-weight:700;transition:border-color .15s,box-shadow .15s,background-color .15s}.score-input:hover:not(:disabled){border-color:var(--border-color)}.score-input:focus{border-color:var(--orange);background:var(--card-bg);outline:none;box-shadow:0 0 0 3px #d9531e1f}.score-input[aria-invalid=true]{border-color:var(--orange-dark)}.score-input--over-limit{color:var(--danger)}.total-row th,.total-row td{background:var(--bg-page);border-top:0;font-weight:800}.total-row th{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color);color:var(--navy);text-align:center;border-bottom-left-radius:6px;padding:10px}.total-row td{color:var(--orange-dark);font-variant-numeric:tabular-nums;text-align:center;font-size:.92rem}.total-row td:last-child{border-bottom-right-radius:6px}.evaluation-guidance{gap:4px;margin-top:9px;display:grid}.footer-note{color:var(--text-muted);text-align:right;margin:10px 0 0;font-size:.74rem}.logo-container{text-align:center;margin-top:14px}.logo-container img{width:120px;height:auto}.action-group{border-top:1px solid var(--border-color);justify-content:center;margin-top:18px;padding-top:18px}.management-backdrop{z-index:100;background:#121d3375;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.management-dialog{border:1px solid var(--border-color);background:var(--card-bg);border-radius:10px;width:min(100%,680px);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 8px 24px #121d332e}.management-dialog-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.management-dialog h2{font-size:1.15rem}.management-dialog-description{color:var(--text-muted);margin:4px 0 0;font-size:.8rem}.add-employee-form,.edit-employee-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;padding:18px 20px 20px;display:grid}.add-employee-title,.edit-employee-title,.add-employee-form .form-error,.add-employee-form .form-actions,.edit-employee-form .form-error,.edit-employee-form .utility-note,.edit-employee-form .form-actions,.edit-employee-target{grid-column:1/-1}.add-employee-title,.edit-employee-title,.employee-delete-section h3{color:var(--navy);margin:0;font-size:.96rem;font-weight:800}.add-employee-form .form-actions,.edit-employee-form .form-actions{justify-content:flex-end;margin-top:2px}.edit-employee-form,.employee-delete-section{border-top:1px solid var(--border-color)}.employee-delete-section{background:var(--bg-page);gap:9px;padding:18px 20px 20px;display:grid}.employee-delete-section>p{color:var(--text-muted);margin:0;font-size:.82rem}.employee-delete-section .press-button{justify-self:end;margin-top:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.evaluation-workspace{grid-template-columns:minmax(0,1fr)}.employee-sidebar-frame{min-height:auto;position:static}.employee-sidebar{max-height:240px;position:static;inset:auto;overflow-y:auto}.utility-actions{justify-content:flex-start;width:100%;margin-left:0}}@media (width<=720px){button,input,select,.press-button,.btn-3d,.select-custom,.score-input,.management-dialog input{min-height:44px}body{padding:16px 10px}.app-shell:not(.app-shell--workspace){width:100%}.eval-card{padding:16px}.dashboard-toolbar{padding-inline:2px}.control-bar{align-items:stretch;padding:12px}.control-group{flex-direction:column;align-items:stretch;gap:5px;width:100%}.control-group:first-child>select,.period-controls>select{width:100%}.utility-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.utility-actions .press-button{padding-inline:8px}.doc-banner{font-size:1.18rem}.doc-info-bar{flex-direction:column;align-items:flex-start;gap:2px;font-size:.84rem}.evaluation-table-scroll{overflow-x:auto}.eval-table{min-width:800px}.management-backdrop{padding:12px}.management-dialog{width:100%;max-height:calc(100vh - 24px)}.add-employee-form,.edit-employee-form{grid-template-columns:minmax(0,1fr)}.add-employee-title,.edit-employee-title,.add-employee-form .form-error,.add-employee-form .form-actions,.edit-employee-form .form-error,.edit-employee-form .utility-note,.edit-employee-form .form-actions,.edit-employee-target{grid-column:1}}@media (width<=440px){.utility-actions{grid-template-columns:minmax(0,1fr)}.section-heading,.auth-form{padding-left:18px;padding-right:18px}.action-group .btn-3d{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}