:root{font-family:Pretendard,Noto Sans KR,Arial,sans-serif;color:#172033;background:radial-gradient(circle at top left,rgba(72,112,255,.12),transparent 28%),radial-gradient(circle at top right,rgba(36,95,193,.1),transparent 26%),linear-gradient(180deg,#f4f7fb,#eef3f9);line-height:1.45;--color-bg: #eef3f9;--color-surface: rgba(255, 255, 255, .92);--color-surface-strong: #ffffff;--color-surface-soft: #f8fbff;--color-border: rgba(147, 163, 184, .28);--color-border-strong: rgba(100, 116, 139, .4);--color-primary: #1f5eff;--color-primary-dark: #1747c8;--color-primary-soft: rgba(31, 94, 255, .1);--color-text: #172033;--color-text-muted: #5d6b85;--color-text-soft: #7b879c;--color-success: #0f9f6e;--color-danger: #d64545;--color-warning: #e19a2d;--shadow-card: 0 20px 45px rgba(15, 23, 42, .08);--shadow-card-hover: 0 24px 60px rgba(15, 23, 42, .12);--shadow-modal: 0 28px 80px rgba(15, 23, 42, .2);--shadow-focus: 0 0 0 4px rgba(31, 94, 255, .15);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px}*{box-sizing:border-box}body{margin:0;color:var(--color-text);background:transparent}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.login-card,.app-card{width:100%;max-width:420px;background:var(--color-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-card)}h1{margin:0 0 8px;font-size:32px;line-height:1.15;letter-spacing:-.03em}.desc{margin:0 0 16px;color:var(--color-text-muted);font-size:14px}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-title-group,.filter-panel-header>div,.login-card-header{display:grid;gap:10px}.login-page{align-items:stretch}.login-shell{width:100%;max-width:1120px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,440px);gap:var(--space-6);align-items:stretch}.login-hero{padding:48px 12px;display:grid;align-content:center;gap:var(--space-5)}.login-hero .desc{max-width:560px;font-size:16px;margin-bottom:0}.login-highlights{list-style:none;margin:0;padding:0;display:grid;gap:10px}.login-highlights li{position:relative;padding-left:24px;color:var(--color-text-muted);font-size:14px}.login-highlights li:before{content:"";position:absolute;top:9px;left:0;width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--color-primary) 0%,#8aa8ff 100%);box-shadow:0 0 0 5px #1f5eff1f}.login-card-enhanced{display:grid;gap:var(--space-5);align-content:start}.login-card-header h2{margin:0;font-size:28px;letter-spacing:-.02em}.login-form{display:grid;gap:var(--space-4)}.field{display:grid;gap:8px}.field-label{font-size:13px;color:var(--color-text);font-weight:600}.field-input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;color:var(--color-text);background:var(--color-surface-strong);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.field-input:focus{border-color:var(--color-primary);outline:none;box-shadow:var(--shadow-focus);transform:translateY(-1px)}.field-input:disabled,.field-textarea:disabled,.field-select:disabled{background:#f6f8fb;color:var(--color-text-soft);cursor:not-allowed}.field-hint{font-size:12px;color:var(--color-text-soft)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:11px 16px;font-size:14px;font-weight:600;line-height:1.1;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,#3b7dff 100%);box-shadow:0 14px 24px #1f5eff38}.btn-primary:hover:not(:disabled){box-shadow:0 18px 32px #1f5eff47}.btn-secondary{color:var(--color-text);background:#f6f8fb;border-color:var(--color-border)}.btn-outline{color:var(--color-primary-dark);background:#fff9;border-color:#1f5eff33}.btn-ghost{color:var(--color-text-muted);background:transparent}.btn-sm{padding:9px 12px;font-size:13px}.btn-md{min-height:42px}.btn-full{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.error-message{display:grid;gap:6px;margin:0;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(214,69,69,.18);background:#d6454514;color:var(--color-danger)}.error-message-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.error-message-text{margin:0;font-size:13px}.manager-page{align-items:stretch}.manager-shell{width:100%;max-width:1280px;display:grid;gap:var(--space-4)}.full-width-panel{width:100%;max-width:1280px}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.panel-header h1{font-size:30px;margin:0}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.panel-header-panel{align-items:end}.status-banner{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;background:linear-gradient(135deg,#1f5eff14,#fffffff2)}.status-banner-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-dark)}.status-banner-text{margin:0;color:var(--color-text-muted);font-size:14px}.filter-panel{display:grid;gap:var(--space-5)}.filter-panel-header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:end}.filter-panel-header h2,.table-panel-header h2{margin:0;font-size:22px;letter-spacing:-.02em}.filter-panel-meta{margin:0;max-width:420px;color:var(--color-text-soft);font-size:13px}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.filter-row{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.filter-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter-action-push{margin-left:auto}.table-wrap{overflow-x:hidden;margin-top:6px;border-radius:18px;border:1px solid rgba(148,163,184,.18)}.table-panel{display:grid;gap:var(--space-4)}.table-panel-header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:end}.table-panel-summary{display:flex;flex-wrap:wrap;gap:10px}.summary-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#1f5eff14;color:var(--color-primary-dark);font-size:12px;font-weight:700}.summary-chip-muted{background:#94a3b81f;color:var(--color-text-muted)}.work-table{border-collapse:separate;border-spacing:0;width:100%;min-width:0;table-layout:fixed;background:#ffffffe0}.work-table th,.work-table td{border-bottom:1px solid rgba(226,232,240,.8);text-align:left;padding:10px 8px;font-size:12px;word-break:break-word;overflow-wrap:anywhere}.work-table th{color:var(--color-text-muted);background:linear-gradient(180deg,#f9fbff,#f5f8fd);position:sticky;top:0;z-index:1;box-shadow:inset 0 -1px #94a3b82e}.work-table tbody tr:nth-child(2n){background:#f8fafcb8}.work-table tbody tr:hover{background:#1f5eff0f}.sort-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font-weight:700;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px}.sort-label-two-line{display:inline-block;line-height:1.2}.sort-mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#94a3b81f;color:var(--color-text-soft);font-size:11px}.empty{text-align:center;color:var(--color-text-soft);padding:30px 12px!important}.row-actions{display:flex;align-items:center;gap:6px}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#1d4ed8;cursor:pointer;font-weight:600;padding:0}.row-action-btn{padding:6px 8px;border-radius:999px;min-width:30px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.row-action-divider{color:var(--color-text-muted);font-size:12px}.row-action-edit{color:#1d4ed8;background:#1d4ed81a}.row-action-delete{color:#dc2626;background:#dc26261a}.work-table th:last-child,.work-table td:last-child{width:86px}.cell-emphasis{font-weight:700;color:var(--color-text)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700}.status-pill-on{background:#0f9f6e1f;color:var(--color-success)}.status-pill-off{background:#94a3b81f;color:var(--color-text-muted)}.status-pill-deleted{background:#dc26261f;color:var(--color-danger)}.link-btn.danger{color:#dc2626}.meta{margin-top:4px;color:var(--color-text-soft);font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.list-info{display:flex;align-items:center;gap:12px}.size-select{border:1px solid var(--color-border);border-radius:999px;padding:8px 12px;font-size:12px;color:var(--color-text-muted);background:var(--color-surface-strong);cursor:pointer}.pagination{display:flex;gap:4px;align-items:center}.page-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border);background:var(--color-surface-strong);border-radius:999px;padding:8px 12px;font-size:13px;cursor:pointer;min-width:38px}.page-btn:hover:not(:disabled){background:#f3f7ff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background:linear-gradient(135deg,var(--color-primary) 0%,#3b7dff 100%);color:#fff;border-color:transparent}.form-panel h2{margin:0 0 12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:12px;z-index:1000}.modal-card{width:100%;max-width:1120px;max-height:calc(100vh - 24px);overflow-y:auto;box-shadow:var(--shadow-modal)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.14)}.modal-header h2{margin:0}.modal-close-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border);background:var(--color-surface-strong);border-radius:999px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);flex-shrink:0;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.modal-close-btn:hover{background:#dc262614;border-color:#dc262640;color:#dc2626;box-shadow:0 0 0 3px #dc262614}.editor-form{display:grid;gap:14px}.field-textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;min-height:320px;resize:vertical;background:linear-gradient(180deg,#f8fbffe0,#fffffffa);transition:border-color .2s ease,box-shadow .2s ease}.field-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:var(--shadow-focus)}.flag-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(148,163,184,.14);border-radius:var(--radius-sm);background:#f8fbffb3}.field-select,.flag-row select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;min-width:120px;background:var(--color-surface-strong);color:var(--color-text)}.form-actions{display:flex;gap:10px;flex-wrap:wrap;position:sticky;bottom:0;width:fit-content;padding:8px 12px;margin-top:4px;background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 2px 10px #0f172a14;z-index:1}.inline-field-actions{display:grid;gap:6px}.history-panel{margin-top:18px;border-top:1px solid rgba(148,163,184,.14);padding-top:16px;display:grid;gap:8px}.history-title{margin:0;font-size:15px;color:#374151}.history-empty{margin:0;font-size:13px;color:var(--color-text-soft)}.history-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid rgba(148,163,184,.14)}.history-table{width:100%;border-collapse:collapse;min-width:720px;background:#ffffffe0}.history-table th,.history-table td{border-bottom:1px solid #e5e7eb;text-align:left;padding:8px;font-size:12px;vertical-align:top}.history-table th{background:linear-gradient(180deg,#f9fbff,#f5f8fd);color:var(--color-text-muted)}.history-content{white-space:pre-wrap;word-break:break-word}.office-erp-modal{max-width:1200px}.office-erp-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}.office-erp-list-panel,.office-erp-form-panel{display:grid;gap:10px}.office-erp-title{margin:0;font-size:15px;color:#374151}.office-erp-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid rgba(148,163,184,.14)}.office-erp-table{width:100%;border-collapse:collapse;min-width:560px;background:#ffffffe0}.office-erp-table th,.office-erp-table td{border-bottom:1px solid #e5e7eb;text-align:left;padding:8px;font-size:12px;vertical-align:middle}.office-erp-table th{background:linear-gradient(180deg,#f9fbff,#f5f8fd);color:var(--color-text-muted)}.office-erp-table td:last-child,.office-erp-table th:last-child{width:120px}.validation-ok,.validation-fail,.validation-error{margin:0;font-size:12px}.validation-ok{color:#15803d}.validation-fail,.validation-error{color:#dc2626}@media (max-width: 1024px){.page{padding:var(--space-4)}.login-shell,.filter-grid,.filter-panel-header,.table-panel-header,.panel-header,.status-banner{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.login-shell{display:grid}.filter-action-push{margin-left:0}.header-actions,.filter-actions,.form-actions,.btn{width:100%}.office-erp-layout{grid-template-columns:1fr}}