:root{--ink:#18243b;--muted:#667085;--line:#e4e8ef;--surface:#fff;--brand:#2458a6;--brand-soft:#2458a61f;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f9;font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;font-size:clamp(1.65rem,4vw,2.2rem)}h2{letter-spacing:-.025em;margin:3px 0 0;font-size:1.25rem}a,button{transition:opacity .16s,transform .16s}a:hover,button:hover{opacity:.88}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--brand-soft);outline-offset:2px}.app-shell{width:min(1080px,100% - 32px);margin:0 auto;padding:32px 0 56px}.topbar,.account-actions,.quick-actions,.section-heading,.search-form{align-items:center;display:flex}.topbar,.quick-actions,.section-heading{justify-content:space-between}.topbar{margin-bottom:28px}.topbar h1{margin:2px 0 0}.account-actions{gap:18px}.role-badge{color:var(--muted);font-weight:700}.user-menu{position:relative}.user-menu-items{z-index:10;border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:180px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #14213d1f}.user-menu-items button{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-weight:600}.user-menu-items button:hover{background:var(--brand-soft)}.account-copy{text-align:right;gap:2px;display:grid}.account-copy span{color:var(--ink);font-weight:700}.account-copy small{color:var(--muted)}.card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:24px;box-shadow:0 12px 32px #14213d12}.quick-actions{margin-bottom:20px}.quick-action-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.quick-action-links .secondary-action{justify-content:center;text-decoration:none;display:inline-flex}.eyebrow{color:var(--brand);letter-spacing:.14em;margin:0;font-size:.72rem;font-weight:800}.primary-action,.secondary-action,.search-form button{font:inherit;cursor:pointer;border-radius:10px;padding:11px 17px;font-weight:700}.primary-action{border:1px solid var(--brand);color:#fff;background:var(--brand);justify-content:center;text-decoration:none;display:inline-flex}.secondary-action{border:1px solid var(--line);color:var(--ink);background:#fff}.loading{place-items:center;min-height:100svh;padding:24px;display:grid}.search-card{min-height:240px}.section-heading p:last-child{color:var(--muted);font-size:.9rem}.search-form{gap:10px;margin:24px 0}.search-form input{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;background:#fff;border-radius:10px;flex:1;padding:12px 14px}.search-form input:focus{border-color:var(--brand);outline:3px solid var(--brand-soft)}.search-form button{border:1px solid var(--ink);color:#fff;background:var(--ink)}.search-form button:disabled{cursor:wait;opacity:.65}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--line);white-space:nowrap;padding:13px 10px}th{color:var(--muted);font-size:.78rem;font-weight:700}td a{color:var(--brand);font-weight:700}.status{color:#245c3a;background:#eaf7ef;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:700}.status-resigned,.status-unverified{color:#7c4a13;background:#fff3dc}.status-on_leave{color:#31549b;background:#eaf0ff}.empty-state{color:var(--muted);text-align:center;padding:32px 0}.password-card{max-width:560px}.password-form{gap:14px;margin-top:24px;display:grid}.password-form label{color:var(--muted);gap:6px;font-size:.85rem;font-weight:700;display:grid}.password-form input{border:1px solid var(--line);color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:12px 14px}.password-form input:focus{border-color:var(--brand);outline:3px solid var(--brand-soft)}.password-form button{border:1px solid var(--brand);color:#fff;background:var(--brand);font:inherit;cursor:pointer;border-radius:10px;justify-self:start;padding:11px 17px;font-weight:700}.password-form button:disabled{cursor:wait;opacity:.65}.form-error{color:#b3261e;margin:0;font-size:.9rem}.form-notice{color:#245c3a;margin:0;font-size:.9rem;font-weight:700}.row-select{color:var(--brand);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.row-select:hover{text-decoration:underline}.row-selected td{background:var(--brand-soft)}.account-detail{border-top:1px solid var(--line);gap:16px;margin-top:24px;padding-top:20px;display:grid}.account-detail h3{margin:0}.detail-block{justify-items:start;gap:10px;display:grid}.detail-block p{margin:0}.action-row{gap:10px;display:flex}.empty-hint{color:var(--muted);font-size:.9rem}.inline-form{justify-items:start;gap:10px;display:grid}.inline-form label{color:var(--muted);gap:6px;font-size:.85rem;font-weight:700;display:grid}.inline-form input{border:1px solid var(--line);min-width:260px;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:11px 13px}.inline-form input:focus{border-color:var(--brand);outline:3px solid var(--brand-soft)}.inline-form-actions{gap:8px;display:flex}.inline-form-actions button[type=submit],.role-form button[type=submit]{border:1px solid var(--brand);color:#fff;background:var(--brand);font:inherit;cursor:pointer;border-radius:10px;padding:11px 17px;font-weight:700}.inline-form-actions button:disabled,.role-form button:disabled,.modal-actions button:disabled{cursor:wait;opacity:.65}.role-form fieldset{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:8px 18px;width:100%;padding:12px 16px;display:flex}.role-form legend{color:var(--muted);padding:0 6px;font-size:.8rem;font-weight:700}.role-form label{cursor:pointer;align-items:center;gap:6px;font-weight:600;display:inline-flex}.modal-backdrop{z-index:20;background:#14213d66;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:14px;width:min(440px,100%);padding:24px;display:grid;box-shadow:0 24px 48px #14213d40}.modal h3,.modal p{margin:0}.modal-facts{gap:8px;margin:0;display:grid}.modal-facts div{gap:12px;display:flex}.modal-facts dt{min-width:96px;color:var(--muted);font-size:.85rem;font-weight:700}.modal-facts dd{margin:0;font-weight:700}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.temp-password{border:1px dashed var(--brand);background:var(--brand-soft);text-align:center;border-radius:10px;justify-self:stretch;padding:12px 14px}.temp-password code{letter-spacing:.04em;font-size:1.05rem;font-weight:800}@media (width<=700px){.app-shell{padding-top:20px}.topbar,.quick-actions,.section-heading{align-items:flex-start;gap:16px}.topbar,.section-heading,.quick-actions{flex-direction:column}.quick-action-links{justify-content:flex-start}.account-actions{justify-content:space-between;width:100%}.account-copy{text-align:left}.section-heading p:last-child{margin:0}}