:root{--color-bg:#f3f5f9;--color-surface:#fff;--color-surface-muted:#f8f9fc;--color-border:#e2e6ee;--color-border-strong:#cdd3de;--color-text:#1c2433;--color-text-muted:#5f6b7d;--color-text-subtle:#8a94a6;--color-primary:#2451b7;--color-primary-hover:#1c4196;--color-primary-soft:#e8eefb;--color-sidebar:#13213b;--color-sidebar-text:#aab6cc;--color-sidebar-active:#fff;--color-success:#15803d;--color-success-soft:#e6f5ec;--color-neutral:#4b5565;--color-neutral-soft:#eceff3;--color-danger:#c42b2b;--color-danger-soft:#fdecec;--color-warning-soft:#fff6e0;--color-warning-text:#8a5a00;--radius:8px;--radius-small:6px;--shadow-card:0 1px 2px #1018280d;--sidebar-width:232px;--font-sans:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", system-ui, sans-serif;--font-mono:"Consolas", "SFMono-Regular", ui-monospace, monospace;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);min-width:320px;margin:0}h1,h2,p{margin:0}a{color:var(--color-primary)}.app-shell{min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-content{width:100%;max-width:1200px;padding:28px 32px 48px}.demo-banner{color:var(--color-warning-text);background:var(--color-warning-soft);border-bottom:1px solid #f1e2b8;align-items:center;gap:10px;padding:8px 32px;font-size:13px;display:flex}.demo-banner strong{letter-spacing:.04em;border:1px solid;border-radius:4px;padding:1px 6px;font-size:11px}.demo-banner__text{flex:1;min-width:0}.demo-banner__reset{flex-shrink:0;margin-left:auto}.demo-notice{color:var(--color-primary);background:var(--color-primary-soft);border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:8px 32px;font-size:13px;display:flex}.demo-notice span{flex:1}.sidebar{width:var(--sidebar-width);height:100vh;color:var(--color-sidebar-text);background:var(--color-sidebar);flex-direction:column;flex-shrink:0;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar__brand{color:#fff;align-items:center;gap:10px;padding:4px 8px 22px;display:flex}.sidebar__brand strong{font-size:16px;display:block}.sidebar__logo{background:var(--color-primary);border-radius:8px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.sidebar__subtitle{color:var(--color-sidebar-text);font-size:12px}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.sidebar__section{letter-spacing:.06em;color:#6f7d96;margin:14px 8px 6px;font-size:11px;font-weight:600}.sidebar__link{color:var(--color-sidebar-text);border-radius:var(--radius-small);align-items:center;gap:10px;padding:9px 10px;text-decoration:none;display:flex}.sidebar__link svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}a.sidebar__link:hover{color:#fff;background:#ffffff0f}.sidebar__link.active{color:var(--color-sidebar-active);background:#ffffff1f;font-weight:600}.sidebar__link--disabled{cursor:not-allowed;opacity:.55}.sidebar__tag{border:1px solid #fff3;border-radius:999px;margin-left:auto;padding:0 6px;font-size:11px}.sidebar__footer{color:#6f7d96;margin-top:auto;padding:0 8px;font-size:12px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.breadcrumbs{color:var(--color-text-subtle);gap:6px;margin-bottom:6px;font-size:13px;display:flex}.breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.page-header__title{font-size:22px;font-weight:700}.page-header__description{color:var(--color-text-muted);margin-top:4px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.card__title{font-size:15px;font-weight:600}.card__meta{color:var(--color-text-subtle);font-size:12px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius);flex-direction:column;gap:4px;padding:16px 20px;display:flex}.stat-card--active{border-left-color:var(--color-success)}.stat-card--resigned{border-left-color:var(--color-text-subtle)}.stat-card__label{color:var(--color-text-muted);font-size:13px}.stat-card__value{font-size:24px;font-weight:700}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;white-space:nowrap;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);padding:12px 20px}.table th{color:var(--color-text-muted);background:var(--color-surface-muted);font-size:12px;font-weight:600}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#fafbfd}.table__mono{font-family:var(--font-mono);font-size:13px}.table__strong{font-weight:600}.table__sub{color:var(--color-text-subtle);margin-left:8px;font-size:12px}.table__actions{text-align:right!important}.table__empty{color:var(--color-text-subtle);text-align:center!important;padding:48px 20px!important}.table__empty--error{color:var(--color-danger)}.table__retry{margin-top:12px}.badge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge--active{color:var(--color-success);background:var(--color-success-soft)}.badge--resigned{color:var(--color-neutral);background:var(--color-neutral-soft)}.button{height:38px;font:inherit;color:var(--color-text);white-space:nowrap;cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-surface-muted)}.button:focus-visible,.input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.button--secondary{color:var(--color-primary);background:var(--color-primary-soft);border-color:#0000}.button--secondary:hover:not(:disabled){background:#dbe5fa}.button--ghost{background:0 0;border-color:#0000}.button--small{height:30px;padding:0 12px;font-size:13px}.alert{border-radius:var(--radius-small);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.alert--success{color:var(--color-success);background:var(--color-success-soft);border:1px solid #bfe3cc}.alert--error{color:var(--color-danger);background:var(--color-danger-soft);border:1px solid #f5c2c2}.alert__close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.form{padding:8px 24px 0}.form>.alert{margin:16px 0 0}.form-section{border-bottom:1px solid var(--color-border);padding:20px 0}.form-section__title{margin-bottom:14px;font-size:15px;font-weight:600}.form-section__note{color:var(--color-text-muted)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field__label{color:var(--color-text);font-size:13px;font-weight:600}.form-field__required{color:var(--color-danger);margin-left:3px}.form-field__hint{color:var(--color-text-subtle);font-size:12px}.form-field__error{color:var(--color-danger);font-size:12px}.input{width:100%;height:38px;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);padding:0 12px}.input::placeholder{color:#a9b1bf}.input:read-only,.input:disabled{color:var(--color-text-muted);background:var(--color-surface-muted)}.input--success{border-color:var(--color-success)}.form-field--error .input{border-color:var(--color-danger)}.input-group{gap:8px;display:flex}.segmented{background:var(--color-surface-muted);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);align-self:flex-start;padding:3px;display:inline-flex}.segmented__option{color:var(--color-text-muted);cursor:pointer;border-radius:4px;padding:6px 22px;font-weight:600;position:relative}.segmented__option input{opacity:0;pointer-events:none;position:absolute}.segmented__option--selected{color:var(--color-primary);background:var(--color-surface);box-shadow:0 1px 2px #1018281f}.segmented__option:has(input:focus-visible){outline:2px solid var(--color-primary)}.form-actions{justify-content:flex-end;gap:8px;padding:18px 0 22px;display:flex}.table__link{color:var(--color-text);text-decoration:none}.table__link:hover{color:var(--color-primary);text-decoration:underline}.button--danger{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}.button--danger:hover:not(:disabled){background:#a82222}.button--danger-outline{color:var(--color-danger);border-color:#efb9b9}.button--danger-outline:hover:not(:disabled){background:var(--color-danger-soft)}.page-header__actions{flex-wrap:wrap;gap:8px;display:flex}.profile{align-items:center;gap:16px;margin-bottom:16px;padding:20px 24px;display:flex}.profile__avatar{width:52px;height:52px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;display:grid}.profile__name{align-items:center;gap:10px;font-size:18px;display:flex}.profile__meta{color:var(--color-text-muted);flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.detail-card{padding:4px 24px 8px}.detail-card .form-section__title{margin:0;padding:18px 0 12px}.detail-card .form-section__title:not(:first-child){border-top:1px solid var(--color-border)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0 0 18px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item__label{color:var(--color-text-subtle);font-size:12px;font-weight:600}.detail-item__value{overflow-wrap:anywhere;margin:0}.dialog{width:min(440px,100vw - 32px);color:var(--color-text);border-radius:var(--radius);border:none;padding:24px;box-shadow:0 20px 48px #1018283d}.dialog::backdrop{background:#0f172a73}.dialog__title{font-size:17px;font-weight:700}.dialog__body{color:var(--color-text-muted);margin-top:10px}.dialog__list{margin:10px 0 0;padding-left:18px;font-size:13px}.dialog__list li+li{margin-top:4px}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.notice{color:var(--color-warning-text);background:var(--color-warning-soft);border-radius:var(--radius-small);border:1px solid #f1e2b8;flex-wrap:wrap;gap:4px 10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.notice__title{font-weight:700}.badge--draft{color:var(--color-primary);background:var(--color-primary-soft)}.badge--confirmed{color:var(--color-success);background:var(--color-success-soft)}.table__number{font-variant-numeric:tabular-nums;text-align:right!important}.table__row--link{cursor:pointer}.table__sub-note{margin-top:4px;font-size:12px}.stats--four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card__value--money{font-variant-numeric:tabular-nums;font-size:20px}.detail-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.input--compact{width:auto;height:30px}.page-header__title-with-badge{align-items:center;gap:10px;display:inline-flex}.empty-state__actions{gap:8px;display:flex}.year-select{color:var(--color-text-muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.alert--info{color:var(--color-primary);background:var(--color-primary-soft);border:1px solid #c9d6f2}.badge--deleted{color:var(--color-danger);background:var(--color-danger-soft);margin-left:8px}.stat-card__sub{color:var(--color-text-subtle);font-variant-numeric:tabular-nums;font-size:12px}.table tfoot th,.table tfoot td{color:var(--color-text);background:var(--color-surface-muted);border-top:2px solid var(--color-border-strong);border-bottom:none;font-weight:700}.table__note{font-family:var(--font-sans);color:var(--color-warning-text);font-size:11px;display:block}.annual-section{margin-top:16px}.badge--inline{margin-left:8px}.balance{font-variant-numeric:tabular-nums;font-weight:700}.balance--pay{color:var(--color-danger)}.balance--refund{color:var(--color-success)}.calc-table .calc-table__step{width:56px;color:var(--color-text-subtle);text-align:center}.calc-table tbody th{color:var(--color-text);background:0 0;font-size:14px;font-weight:500}.calc-table__detail,.calc-table__note{color:var(--color-text-subtle);white-space:normal;margin-top:2px;font-size:12px;font-weight:400;display:block}.calc-table__note{color:var(--color-warning-text)}.calc-table__sign{color:var(--color-text-subtle);margin-right:6px}.calc-table__subtotal th,.calc-table__subtotal td{background:var(--color-surface-muted)!important;font-weight:700!important}.yearend-age-basis{margin:-6px 0 8px}.yearend-caution{color:var(--color-warning-text);background:var(--color-warning-soft);border-radius:var(--radius-small);border:1px solid #f1e2b8;margin:0 0 14px;padding:10px 12px;font-size:13px}.yearend-warnings ul,.yearend-assumptions{margin:0;padding-left:18px}.yearend-assumptions{color:var(--color-text-muted);padding:12px 20px 16px 38px}.yearend-warnings li+li,.yearend-assumptions li+li{margin-top:4px}.count-dropdown{position:relative}.count-dropdown__button{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;display:flex}.count-dropdown__button:disabled{cursor:not-allowed}.count-dropdown__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.count-dropdown__chevron{color:var(--color-text-subtle);font-size:12px}.count-dropdown__list{z-index:30;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);max-height:240px;margin:0;padding:4px 0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #10182829}.count-dropdown__list--bottom{top:calc(100% + 4px)}.count-dropdown__list--top{bottom:calc(100% + 4px)}.count-dropdown__option{cursor:pointer;align-items:center;min-height:40px;padding:0 12px;display:flex}.count-dropdown__option--active{background:var(--color-primary-soft)}.count-dropdown__option[aria-selected=true]{color:var(--color-primary);font-weight:700}.form-section__sub{color:var(--color-text-subtle);margin-left:6px;font-size:12px;font-weight:400}.amount-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 40px;display:grid}.amount-row{grid-template-columns:minmax(0,1fr) minmax(0,200px);align-items:center;gap:4px 12px;padding:6px 0;display:grid}.amount-row__label{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.amount-row__error{text-align:right;grid-column:1/-1}.amount-row--error .input{border-color:var(--color-danger)}.tax-tag{border-radius:999px;padding:0 6px;font-size:11px;font-weight:600}.tax-tag--taxable{color:var(--color-neutral);background:var(--color-neutral-soft)}.tax-tag--free{color:var(--color-success);background:var(--color-success-soft)}.amount-input{align-items:center;gap:6px;display:flex}.amount-input__field{text-align:right;font-variant-numeric:tabular-nums}.amount-input__unit{color:var(--color-text-muted);font-size:13px}.totals{font-variant-numeric:tabular-nums;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-small);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px 16px;display:flex}.totals__net strong{color:var(--color-primary);font-size:18px}.totals--error{border-color:var(--color-danger);background:var(--color-danger-soft)}.totals--error .totals__net strong{color:var(--color-danger)}.totals__error{margin-top:8px}.detail-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.payslip{padding:28px 32px}.payslip__header{text-align:center;border-bottom:2px solid var(--color-text);padding-bottom:16px}.payslip__title{letter-spacing:.3em;font-size:22px}.payslip__title-sub{letter-spacing:0;color:var(--color-text-muted);font-size:13px;font-weight:400}.payslip__meta{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:14px;font-size:13px;display:flex}.payslip__employee{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:16px 0;display:grid}.payslip__employee dt{color:var(--color-text-subtle);font-size:12px}.payslip__employee dd{margin:2px 0 0;font-weight:600}.payslip__columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:20px 0;display:grid}.payslip__column-title{margin-bottom:8px;font-size:14px;font-weight:700}.payslip__table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.payslip__table th,.payslip__table td{border-bottom:1px solid var(--color-border);padding:8px 4px}.payslip__table th{text-align:left;font-weight:500}.payslip__table td{text-align:right}.payslip__table tfoot th,.payslip__table tfoot td{border-top:2px solid var(--color-border-strong);border-bottom:none;font-weight:700}.payslip__tax{color:var(--color-text-subtle);font-size:12px}.payslip__empty{color:var(--color-text-subtle);text-align:center!important}.payslip__net{background:var(--color-primary-soft);border-radius:var(--radius-small);justify-content:space-between;align-items:baseline;padding:16px 20px;display:flex}.payslip__net strong{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:24px}.payslip__memo{color:var(--color-text-muted);margin-top:14px}.payslip__notice{color:var(--color-text-muted);border-top:1px dashed var(--color-border-strong);margin-top:20px;padding-top:12px;font-size:12px}@media print{@page{size:A4;margin:15mm}body{background:#fff}.sidebar,.demo-banner,.demo-notice,.page-header,.alert,.dialog{display:none!important}.app-content{max-width:none;padding:0}.payslip{box-shadow:none;border:none;padding:0}.payslip__net{background:0 0;border:1px solid #999}.badge{border:1px solid}}.empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:12px;padding:56px 24px;display:flex}.empty-state__title{color:var(--color-text);font-size:18px}@media (width<=860px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;padding:12px 16px;position:static}.sidebar__brand{padding-bottom:8px}.sidebar__nav{flex-flow:wrap}.sidebar__section,.sidebar__footer{display:none}.app-content{padding:20px 16px 40px}.demo-banner,.demo-notice{padding:8px 16px}.demo-banner{flex-wrap:wrap}.form{padding:4px 16px 0}.form-grid,.detail-grid,.detail-grid--three{grid-template-columns:1fr}.stats--four,.detail-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.amount-columns,.payslip__columns{grid-template-columns:1fr}.payslip__employee{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.stats{grid-template-columns:1fr}}