.layout{display:flex;flex-direction:column;height:100%}.gnb{display:flex;align-items:center;gap:var(--sp-3);height:var(--gnb-height);padding:0 var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.gnb__toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);color:var(--text-muted);transition:background-color var(--t-fast)}.gnb__toggle:hover{background:var(--surface-sunken);color:var(--text)}.gnb__logo{font-size:var(--fs-section);font-weight:var(--fw-semibold);letter-spacing:-.01em}.gnb__spacer{flex:1}.gnb__user{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.gnb__name{font-size:var(--fs-table-head);font-weight:var(--fw-medium)}.gnb__dept{font-size:var(--fs-caption);color:var(--text-muted)}.gnb__action{padding:var(--sp-1) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--fs-caption);color:var(--text-muted);transition:background-color var(--t-fast)}.gnb__action:hover{background:var(--surface-hover);color:var(--text)}.layout__body{display:flex;flex:1;min-height:0}.lnb{width:var(--lnb-width);flex-shrink:0;padding:var(--sp-4) var(--sp-2);background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;transition:width var(--t-base)}.lnb--collapsed{width:var(--lnb-width-collapsed)}.lnb__group+.lnb__group{margin-top:var(--sp-5)}.lnb__section{padding:0 var(--sp-3) var(--sp-2);font-size:11px;font-weight:var(--fw-medium);color:var(--text-disabled);letter-spacing:.02em}.lnb__item{display:flex;align-items:center;gap:var(--sp-3);height:32px;padding:0 var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-body);color:var(--text-muted);white-space:nowrap;transition:background-color var(--t-fast),color var(--t-fast)}.lnb--collapsed .lnb__item{justify-content:center;padding:0}.lnb__item:hover{background:var(--surface-hover);color:var(--text)}.lnb__item--active{background:var(--surface-sunken);color:var(--text);font-weight:var(--fw-semibold)}.lnb__item--active svg{color:var(--text)}.lnb__item svg{width:16px;height:16px;flex-shrink:0}.content{flex:1;min-width:0;padding:var(--sp-5) var(--sp-6);overflow-y:auto}@media(max-width:1024px){.lnb{width:var(--lnb-width-collapsed)}.lnb .lnb__section,.lnb .lnb__item span{display:none}.lnb .lnb__item{justify-content:center;padding:0}}@media(max-width:768px){.content{padding:var(--sp-4)}.gnb__dept{display:none}}.toasts{position:fixed;bottom:var(--sp-6);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{padding:var(--sp-3) var(--sp-5);border-radius:var(--radius);font-size:var(--fs-body);color:var(--text-inverse);box-shadow:var(--shadow-dropdown);animation:toast-in var(--t-base)}.toast--success{background:var(--success)}.toast--error{background:var(--danger)}.toast--info{background:#374151}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:var(--sp-5)}.page-header__crumb{margin-bottom:var(--sp-2);font-size:var(--fs-caption);color:var(--text-muted)}.page-header__sep{margin:0 var(--sp-2);color:var(--text-disabled)}.page-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.page-header__title{font-size:var(--fs-page-title);font-weight:var(--fw-semibold);letter-spacing:-.01em}.page-header__desc{margin-top:var(--sp-1);font-size:var(--fs-table-head);color:var(--text-muted)}.page-header__actions{display:flex;gap:var(--sp-2);flex-shrink:0}.badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--radius-sm);font-size:var(--fs-caption);font-weight:var(--fw-medium);white-space:nowrap}.badge--primary{background:var(--primary-subtle);color:var(--primary)}.badge--success{background:var(--success-subtle);color:var(--success)}.badge--danger{background:var(--danger-subtle);color:var(--danger)}.badge--warning{background:var(--warning-subtle);color:var(--warning)}.badge--neutral{background:var(--neutral-subtle);color:var(--neutral)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid transparent;border-radius:var(--radius-sm);font-weight:var(--fw-medium);white-space:nowrap;transition:background-color var(--t-fast),border-color var(--t-fast)}.btn--md{height:34px;padding:0 var(--sp-4);font-size:var(--fs-body)}.btn--sm{height:28px;padding:0 var(--sp-3);font-size:var(--fs-caption)}.btn--block{width:100%}.btn--primary{background:var(--primary);color:var(--text-inverse)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--surface-hover)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.btn--danger{background:var(--surface);border-color:var(--border-strong);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger-subtle);border-color:var(--danger)}.btn:disabled{opacity:.5}.btn__spinner{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite;flex-shrink:0}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn svg{width:15px;height:15px;flex-shrink:0}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:var(--fs-table-head);font-weight:var(--fw-medium);color:var(--text)}.field__required{color:var(--danger)}.field__error{font-size:var(--fs-caption);color:var(--danger)}.field__hint{font-size:var(--fs-caption);color:var(--text-muted)}.input{width:100%;height:34px;padding:0 var(--sp-3);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--fs-body);transition:border-color var(--t-fast)}.input:hover:not(:disabled){border-color:var(--text-disabled)}.input:focus{border-color:var(--primary);outline:2px solid var(--focus-ring);outline-offset:-1px}.input:disabled{background:var(--surface-sunken);color:var(--text-disabled);cursor:not-allowed}.input::placeholder{color:var(--text-disabled)}.input--invalid{border-color:var(--danger)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--sp-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%236b7280' stroke-width='1.5'%3E%3Cpath d='M4 6l4 4 4-4' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;background-size:14px}.textarea{height:auto;min-height:88px;padding:var(--sp-3);line-height:1.6;resize:vertical}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:#11182773}.modal{display:flex;flex-direction:column;max-width:100%;max-height:calc(100vh - var(--sp-8));background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-modal)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.modal__title{font-size:var(--fs-section);font-weight:var(--fw-semibold)}.modal__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);transition:background-color var(--t-fast)}.modal__close:hover{background:var(--surface-sunken);color:var(--text)}.modal__close svg{width:16px;height:16px}.modal__body{padding:var(--sp-5);overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border)}.doc{display:grid;grid-template-columns:1fr 320px;gap:var(--sp-5);align-items:start}.doc__main,.doc__aside{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5)}.doc__skeleton{height:320px;border-radius:var(--radius);background:var(--surface-sunken)}.doc__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.doc__meta dt{margin-bottom:2px;font-size:var(--fs-caption);color:var(--text-muted)}.doc__meta dd{margin:0;font-size:var(--fs-body)}.doc__mono{font-family:var(--font-mono);font-size:var(--fs-table-head)}.doc__section{margin-top:var(--sp-5)}.doc__section-title{margin-bottom:var(--sp-3);font-size:var(--fs-table-head);font-weight:var(--fw-semibold);color:var(--text-muted)}.doc__form-data{display:grid;gap:var(--sp-3)}.doc__form-data>div{display:grid;grid-template-columns:110px 1fr;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.doc__form-data dt{font-size:var(--fs-table-head);color:var(--text-muted)}.doc__form-data dd{margin:0}.doc__content{white-space:pre-wrap;line-height:1.7}.doc__lines{display:flex;flex-direction:column}.doc-step{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.doc-step:last-child{border-bottom:none}.doc-step--current{margin:0 calc(var(--sp-3) * -1);padding-left:calc(var(--sp-3) - 2px);padding-right:var(--sp-3);border-left:2px solid var(--primary)}.doc-step__no{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;background:var(--surface-sunken);border-radius:50%;font-size:11px;font-weight:var(--fw-semibold);color:var(--text-muted);font-variant-numeric:tabular-nums}.doc-step--current .doc-step__no{background:var(--primary);color:var(--text-inverse)}.doc-step__members{flex:1;min-width:0}.doc-step__hint{margin-top:var(--sp-1);font-size:var(--fs-caption);color:var(--primary)}.doc-line+.doc-line{margin-top:var(--sp-3)}.doc-line__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.doc-line__name{font-size:var(--fs-table-head);font-weight:var(--fw-medium)}.doc-line__meta{margin-top:1px;font-size:var(--fs-caption);color:var(--text-muted)}.doc-line__comment{margin-top:var(--sp-2);padding:var(--sp-2);background:var(--surface-sunken);border-radius:var(--radius-sm);font-size:var(--fs-caption);color:var(--text);white-space:pre-wrap}.doc__refs{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border)}.doc__refs-label{margin-bottom:var(--sp-2);font-size:var(--fs-caption);color:var(--text-disabled)}.doc__reject-hint{margin-bottom:var(--sp-3);font-size:var(--fs-table-head);color:var(--text-muted)}@media(max-width:1024px){.doc{grid-template-columns:1fr}}.picker__search{position:relative;margin-bottom:var(--sp-3)}.picker__search svg{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);color:var(--text-disabled);pointer-events:none}.picker__search .input{padding-left:34px}.picker__list{max-height:340px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.picker__item{display:flex;align-items:center;gap:var(--sp-3);width:100%;height:40px;padding:0 var(--sp-3);text-align:left;border-bottom:1px solid var(--border);transition:background-color var(--t-fast)}.picker__item:last-child{border-bottom:none}.picker__item:hover{background:var(--surface-hover)}.picker__item--skeleton{cursor:default}.picker__name{font-weight:var(--fw-medium);white-space:nowrap}.picker__meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-caption);color:var(--text-muted)}.picker__empty{padding:var(--sp-6);text-align:center;font-size:var(--fs-table-head);color:var(--text-muted)}.line-editor{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.line-editor__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.line-editor__label{font-size:var(--fs-table-head);font-weight:var(--fw-medium)}.line-editor__actions{display:flex;gap:var(--sp-2)}.line-editor__body{padding:var(--sp-3) var(--sp-4)}.line-editor__empty{padding:var(--sp-5) 0;text-align:center;font-size:var(--fs-table-head);color:var(--text-muted)}.line-step{display:flex;gap:var(--sp-3);padding:var(--sp-2) 0}.line-step+.line-step{border-top:1px dashed var(--border)}.line-step__no{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-top:5px;background:var(--surface-sunken);border-radius:50%;font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--text-muted);font-variant-numeric:tabular-nums}.line-step__members{flex:1;min-width:0}.line-step__hint{margin-top:var(--sp-1);padding-left:var(--sp-2);font-size:var(--fs-caption);color:var(--primary)}.line-item{display:flex;align-items:center;gap:var(--sp-3);height:36px;padding:0 var(--sp-2);border-radius:var(--radius-sm)}.line-item:hover{background:var(--surface-hover)}.line-item__type{display:inline-flex;align-items:center;justify-content:center;width:34px;height:19px;flex-shrink:0;border-radius:3px;font-size:11px;font-weight:var(--fw-medium)}.line-item__type--approval{background:var(--primary-subtle);color:var(--primary)}.line-item__type--agreement{background:var(--warning-subtle);color:var(--warning)}.line-item__type--reference{background:var(--neutral-subtle);color:var(--neutral)}.line-item__name{font-weight:var(--fw-medium);white-space:nowrap}.line-item__meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-caption);color:var(--text-muted)}.line-item__buttons{display:flex;gap:2px;opacity:0;transition:opacity var(--t-fast)}.line-item:hover .line-item__buttons,.line-item:focus-within .line-item__buttons{opacity:1}.line-item__buttons button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);font-size:var(--fs-caption);color:var(--text-muted)}.line-item__buttons button:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.line-item__buttons button:disabled{opacity:.3;cursor:not-allowed}.line-refs{margin-top:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--border)}.line-refs__label{margin-bottom:var(--sp-1);padding-left:var(--sp-2);font-size:var(--fs-caption);color:var(--text-disabled)}.draft{display:grid;grid-template-columns:1fr 380px;gap:var(--sp-5);align-items:start}.draft__main{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.draft__aside{position:sticky;top:0}.draft__line-error{margin-top:var(--sp-2);font-size:var(--fs-caption);color:var(--danger)}@media(max-width:1024px){.draft{grid-template-columns:1fr}.draft__aside{position:static}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-1)}.pagination__total{font-size:var(--fs-caption);color:var(--text-muted)}.pagination__total strong{color:var(--text);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums}.pagination__nav{display:flex;align-items:center;gap:2px}.pagination__btn{min-width:28px;height:28px;padding:0 var(--sp-2);border-radius:var(--radius-sm);font-size:var(--fs-caption);color:var(--text-muted);font-variant-numeric:tabular-nums;transition:background-color var(--t-fast)}.pagination__btn:hover:not(:disabled):not(.pagination__btn--active){background:var(--surface-sunken);color:var(--text)}.pagination__btn--active{background:var(--primary);color:var(--text-inverse);font-weight:var(--fw-medium)}.pagination__btn:disabled{opacity:.35;cursor:not-allowed}.pagination__gap{padding:0 var(--sp-1);color:var(--text-disabled);font-size:var(--fs-caption)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto}.table{font-size:var(--fs-body)}.table thead th{position:sticky;top:0;z-index:1;background:var(--surface-sunken);border-bottom:1px solid var(--border);padding:0 var(--sp-4);height:38px;font-size:var(--fs-table-head);font-weight:var(--fw-medium);color:var(--text-muted);white-space:nowrap}.table tbody td{height:var(--row-height);padding:0 var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table__row--clickable{cursor:pointer;transition:background-color var(--t-fast)}.table__row--clickable:hover td{background:var(--surface-hover)}.table__row--emphasized .table__title{font-weight:var(--fw-semibold);color:var(--text)}.table__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.table__muted{color:var(--text-muted)}.table__mono{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted)}.table__empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4);color:var(--text-muted)}.table__empty p{margin:0}.table__row--skeleton td{padding:0 var(--sp-4)}.skeleton{display:block;height:13px;border-radius:3px;background:linear-gradient(90deg,var(--surface-sunken) 25%,#eceef1 50%,var(--surface-sunken) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.row-actions{display:inline-flex;gap:2px;opacity:0;transition:opacity var(--t-fast)}.table__row--clickable:hover .row-actions,tr:hover .row-actions,tr:focus-within .row-actions{opacity:1}.row-actions button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);color:var(--text-disabled);transition:background-color var(--t-fast),color var(--t-fast)}.row-actions button:hover{background:var(--surface-sunken);color:var(--text)}.row-actions button:last-child:hover{background:var(--danger-subtle);color:var(--danger)}.punch{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.punch__status{display:flex;align-items:center;gap:var(--sp-5)}.punch__item{display:flex;flex-direction:column;gap:2px}.punch__label{font-size:var(--fs-caption);color:var(--text-muted)}.punch__time{font-size:var(--fs-section);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.punch__divider{width:1px;height:28px;background:var(--border)}.punch__actions{display:flex;gap:var(--sp-2)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.stat{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.stat__label{font-size:var(--fs-caption);color:var(--text-muted)}.stat__value{font-size:var(--fs-section);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.stat__value--warn{color:var(--warning)}.stat__value--danger{color:var(--danger)}.att__overtime{color:var(--warning);font-weight:var(--fw-medium)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.toolbar__filters{display:flex;align-items:center;gap:var(--sp-2)}.toolbar__filters .input{width:auto;min-width:140px}.toolbar__tilde{color:var(--text-disabled)}@media(max-width:768px){.punch{flex-direction:column;align-items:stretch}.punch__actions .btn{flex:1}}.leave-calc{display:flex;gap:var(--sp-6);padding:var(--sp-3) var(--sp-4);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm)}.leave-calc--error{background:var(--danger-subtle);border-color:#fecaca}.leave-calc>div{display:flex;flex-direction:column;gap:2px}.leave-calc span{font-size:var(--fs-caption);color:var(--text-muted)}.leave-calc strong{font-size:var(--fs-section);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.leave-calc__note{margin-top:calc(var(--sp-3) * -1);font-size:var(--fs-caption);color:var(--text-muted)}.leave-calc__error{margin-top:calc(var(--sp-3) * -1);font-size:var(--fs-caption);color:var(--danger)}.leave-approvers{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}.leave-approver{display:flex;align-items:center;gap:var(--sp-2);width:100%;height:34px;padding:0 var(--sp-2);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm)}.leave-approver__step{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--surface-sunken);border-radius:50%;font-size:11px;color:var(--text-muted);flex-shrink:0}.leave-approver__name{font-size:var(--fs-table-head);font-weight:var(--fw-medium)}.leave-approver__meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-caption);color:var(--text-muted)}.leave-approver button{width:22px;height:22px;border-radius:var(--radius-sm);color:var(--text-disabled);font-size:16px;line-height:1}.leave-approver button:hover{background:var(--danger-subtle);color:var(--danger)}.leave-balance{display:flex;align-items:center;gap:var(--sp-6);flex-wrap:wrap;padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.leave-balance__main{display:flex;flex-direction:column;gap:2px;padding-right:var(--sp-6);border-right:1px solid var(--border)}.leave-balance__label{font-size:var(--fs-caption);color:var(--text-muted)}.leave-balance__value{font-size:28px;font-weight:var(--fw-semibold);line-height:1.2;font-variant-numeric:tabular-nums}.leave-balance__value em{margin-left:2px;font-size:var(--fs-body);font-style:normal;font-weight:var(--fw-normal);color:var(--text-muted)}.leave-balance__detail{display:flex;gap:var(--sp-6)}.leave-balance__detail dt{font-size:var(--fs-caption);color:var(--text-muted)}.leave-balance__detail dd{margin:2px 0 0;font-size:var(--fs-section);font-variant-numeric:tabular-nums}.leave-balance__hint{flex-basis:100%;padding-top:var(--sp-3);border-top:1px solid var(--border);font-size:var(--fs-caption);color:var(--warning)}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--sp-4);background:var(--bg)}.login__card{width:100%;max-width:380px;padding:var(--sp-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.login__brand{margin-bottom:var(--sp-6)}.login__brand h1{font-size:var(--fs-page-title);font-weight:var(--fw-semibold);letter-spacing:-.01em}.login__brand p{margin-top:var(--sp-1);font-size:var(--fs-table-head);color:var(--text-muted)}.login__error{margin-bottom:var(--sp-4);padding:var(--sp-3);background:var(--danger-subtle);border:1px solid #fecaca;border-radius:var(--radius-sm);font-size:var(--fs-table-head);color:var(--danger)}.login__fields{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-5)}.post-options{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm)}.post-option{display:flex;align-items:flex-start;gap:var(--sp-3);cursor:pointer}.post-option input{margin-top:3px;width:15px;height:15px;accent-color:var(--primary);flex-shrink:0}.post-option span{display:flex;flex-direction:column;gap:1px;font-size:var(--fs-table-head)}.post-option em{font-style:normal;font-size:var(--fs-caption);color:var(--text-muted)}.board__tabs{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-3);border-bottom:1px solid var(--border);overflow-x:auto}.board__tab{display:flex;align-items:center;gap:var(--sp-2);height:34px;padding:0 var(--sp-4);font-size:var(--fs-body);color:var(--text-muted);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--t-fast),border-color var(--t-fast)}.board__tab:hover{color:var(--text)}.board__tab--active{color:var(--primary);font-weight:var(--fw-medium);border-bottom-color:var(--primary)}.board__tab-count{min-width:18px;padding:0 5px;background:var(--surface-sunken);border-radius:9px;font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.board__title-cell{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.board__pin{display:inline-flex;flex-shrink:0;color:var(--danger)}.board__comments{flex-shrink:0;font-size:var(--fs-caption);color:var(--primary);font-variant-numeric:tabular-nums}.post-skeleton{height:300px;background:var(--surface-sunken);border-radius:var(--radius)}.post{padding:var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.post__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.post__badges{display:flex;gap:var(--sp-2)}.post__meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);color:var(--text-muted)}.post__body{padding:var(--sp-5) 0;white-space:pre-wrap;line-height:1.8}.post__files{padding-top:var(--sp-4);border-top:1px solid var(--border)}.post__files-label{margin-bottom:var(--sp-2);font-size:var(--fs-caption);color:var(--text-muted)}.post__file{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);margin-right:var(--sp-2);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-caption)}.post__file em{font-style:normal;color:var(--text-disabled)}.comments{margin-top:var(--sp-4);padding:var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.comments__title{margin-bottom:var(--sp-4);font-size:var(--fs-section);font-weight:var(--fw-semibold)}.comments__write{display:flex;gap:var(--sp-2);align-items:flex-start;margin-bottom:var(--sp-4)}.comments__write .textarea{min-height:56px}.comments__write--reply{margin:var(--sp-2) 0 var(--sp-3) var(--sp-6)}.comments__empty{padding:var(--sp-6);text-align:center;font-size:var(--fs-table-head);color:var(--text-muted)}.comments__list>li{border-top:1px solid var(--border)}.comments__replies{padding-left:var(--sp-6);border-left:2px solid var(--border);margin-left:var(--sp-3)}.comment{padding:var(--sp-3) 0}.comment__head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-1)}.comment__author{font-size:var(--fs-table-head);font-weight:var(--fw-medium)}.comment__date{font-size:var(--fs-caption);color:var(--text-muted)}.comment__actions{display:flex;gap:var(--sp-2);opacity:0;transition:opacity var(--t-fast)}.comment:hover .comment__actions,.comment:focus-within .comment__actions{opacity:1}.comment__actions button{font-size:var(--fs-caption);color:var(--text-muted)}.comment__actions button:hover{color:var(--text);text-decoration:underline}.comment__body{white-space:pre-wrap;line-height:1.7}.pos__add{display:grid;grid-template-columns:1fr 80px auto;gap:var(--sp-2)}.pos__hint{margin-top:var(--sp-2);margin-bottom:var(--sp-4);font-size:var(--fs-caption);color:var(--text-muted)}.pos__list{max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.pos__item{display:flex;align-items:center;gap:var(--sp-3);height:38px;padding:0 var(--sp-3);border-bottom:1px solid var(--border)}.pos__item:last-child{border-bottom:none}.pos__level{width:22px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-sunken);border-radius:3px;font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.pos__name{flex:1;font-weight:var(--fw-medium)}.pos__remove{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);color:var(--text-disabled);transition:background-color var(--t-fast),color var(--t-fast)}.pos__remove:hover{background:var(--danger-subtle);color:var(--danger)}.pos__empty{padding:var(--sp-6);text-align:center;font-size:var(--fs-table-head);color:var(--text-muted)}.org{display:grid;grid-template-columns:300px 1fr;gap:var(--sp-4);align-items:start}.org__tree,.org__members{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);min-height:400px}.org__members{padding:var(--sp-4) var(--sp-5)}.org__loading{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3)}.org__empty{padding:var(--sp-8) var(--sp-4);text-align:center;font-size:var(--fs-table-head);color:var(--text-muted)}.tree-node__row{display:flex;align-items:center;gap:var(--sp-1);height:32px;border-radius:var(--radius-sm);transition:background-color var(--t-fast)}.tree-node__row:hover{background:var(--surface-hover)}.tree-node__row--active{background:var(--surface-sunken)}.tree-node__row--active .tree-node__label{font-weight:var(--fw-semibold)}.tree-node__toggle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--text-disabled)}.tree-node__spacer{width:18px;flex-shrink:0}.tree-node__label{display:flex;align-items:center;gap:var(--sp-2);flex:1;min-width:0;height:100%;text-align:left;font-size:var(--fs-body)}.tree-node__label>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node__count{flex-shrink:0;min-width:18px;padding:0 5px;background:var(--surface-sunken);border-radius:9px;font-size:11px;color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums}.org__members-head{display:flex;align-items:baseline;gap:var(--sp-3);padding-bottom:var(--sp-3);margin-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.org__members-head h2{font-size:var(--fs-section);font-weight:var(--fw-semibold)}.org__count{font-size:var(--fs-caption);color:var(--text-muted)}.org__member{display:grid;grid-template-columns:100px 100px 1fr;align-items:center;gap:var(--sp-3);height:40px;padding:0 var(--sp-2);border-bottom:1px solid var(--border)}.org__member:last-child{border-bottom:none}.org__member-name{font-weight:var(--fw-medium)}.org__member-pos,.org__member-email{font-size:var(--fs-table-head);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.org{grid-template-columns:1fr}.org__member{grid-template-columns:1fr 80px}.org__member-email{display:none}}.org__members-title{display:flex;align-items:baseline;gap:var(--sp-3)}.org__members-actions{display:flex;gap:var(--sp-2)}.org__members-head{justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3)}.bulk__steps{margin-bottom:var(--sp-4);padding-left:var(--sp-5);list-style:decimal;font-size:var(--fs-table-head);color:var(--text-muted);line-height:1.9}.bulk__steps strong{color:var(--text);font-weight:var(--fw-medium)}.bulk__drop{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding:var(--sp-8) var(--sp-4);background:var(--surface-hover);border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:border-color var(--t-fast),background-color var(--t-fast)}.bulk__drop:hover,.bulk__drop--active{border-color:var(--primary);background:var(--surface)}.bulk__drop p{font-size:var(--fs-body);color:var(--text)}.bulk__drop span{font-size:var(--fs-caption)}.bulk__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-bottom:var(--sp-4)}.bulk__summary>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-3);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-caption);color:var(--text-muted)}.bulk__num{font-size:var(--fs-page-title);font-weight:var(--fw-semibold);color:var(--text);font-variant-numeric:tabular-nums}.bulk__num--ok{color:var(--success)}.bulk__num--err{color:var(--danger)}.bulk__warn{margin-bottom:var(--sp-3);padding:var(--sp-3);background:var(--danger-subtle);border:1px solid #fecaca;border-radius:var(--radius-sm);font-size:var(--fs-table-head);color:#991b1b;line-height:1.7}.bulk__ok{margin-bottom:var(--sp-3);padding:var(--sp-3);background:var(--success-subtle);border:1px solid #a7f3d0;border-radius:var(--radius-sm);font-size:var(--fs-table-head);color:#065f46;line-height:1.7}.bulk__errors{max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.bulk__errors li{display:grid;grid-template-columns:52px 150px 1fr;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);font-size:var(--fs-caption)}.bulk__errors li:last-child{border-bottom:none}.bulk__row{font-family:var(--font-mono);color:var(--danger);font-variant-numeric:tabular-nums}.bulk__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.bulk__msg{color:var(--text)}.bulk__cred-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2);font-size:var(--fs-table-head);font-weight:var(--fw-medium)}.bulk__creds{max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.bulk__creds li{display:grid;grid-template-columns:70px 1fr 130px;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);font-size:var(--fs-caption)}.bulk__creds li:last-child{border-bottom:none}.bulk__cred-name{font-weight:var(--fw-medium)}.bulk__cred-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.bulk__cred-pw{font-family:var(--font-mono);-webkit-user-select:all;user-select:all;text-align:right}.cred__notice{margin-bottom:var(--sp-4);padding:var(--sp-3);background:var(--warning-subtle);border:1px solid #fde68a;border-radius:var(--radius-sm);font-size:var(--fs-table-head);color:#92400e;line-height:1.6}.cred{margin-bottom:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm)}.cred>div{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-bottom:1px solid var(--border)}.cred>div:last-child{border-bottom:none}.cred dt{font-size:var(--fs-table-head);color:var(--text-muted)}.cred dd{margin:0}.cred__password{font-family:var(--font-mono);font-size:var(--fs-section);font-weight:var(--fw-semibold);letter-spacing:.02em;-webkit-user-select:all;user-select:all}:root{--bg: #f7f8fa;--surface: #ffffff;--surface-hover: #f9fafb;--surface-sunken: #f3f4f6;--border: #e5e7eb;--border-strong: #d1d5db;--text: #1f2937;--text-muted: #6b7280;--text-disabled: #9ca3af;--text-inverse: #ffffff;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-subtle: #eff6ff;--success: #059669;--success-subtle: #ecfdf5;--danger: #dc2626;--danger-subtle: #fef2f2;--warning: #d97706;--warning-subtle: #fffbeb;--neutral: #6b7280;--neutral-subtle: #f3f4f6;--focus-ring: #93c5fd;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--font: "Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, "D2Coding", monospace;--fs-page-title: 20px;--fs-section: 16px;--fs-body: 14px;--fs-table-head: 13px;--fs-caption: 12px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--radius-sm: 4px;--radius: 6px;--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .08);--shadow-modal: 0 12px 32px rgba(0, 0, 0, .14);--gnb-height: 52px;--lnb-width: 220px;--lnb-width-collapsed: 56px;--row-height: 44px;--t-fast: .1s ease;--t-base: .15s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}table{font-variant-numeric:tabular-nums;border-collapse:collapse;width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}::-webkit-scrollbar-track{background:transparent}.form-stack{display:flex;flex-direction:column;gap:var(--sp-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}@media(max-width:600px){.form-row{grid-template-columns:1fr}}