:root,[data-theme=amber]{--bg: #f8f6f2;--surface: #ffffff;--surface-2: #fbf9f5;--border: #ebe5db;--text: #2a2117;--muted: #76695a;--primary: #d97706;--primary-dark: #b45309;--on-primary: #ffffff;--ring: rgba(217, 119, 6, .2);--sidebar-bg: #241c12;--sidebar-text: #c2b29c;--sidebar-text-active: #ffffff;--sidebar-active-bg: rgba(217, 119, 6, .3);--sidebar-heading: #8c7c66;--sidebar-border: #34291b;--danger: #d8443c;--success: #1f9d57;--warning: #c98a16;--radius: 16px;--radius-sm: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 4px 14px rgba(16, 24, 40, .06);--font: "Pretendard Variable", Pretendard, "Segoe UI", system-ui, "Malgun Gothic", sans-serif;--fs-body: 14px;--fs-table: 13px;--fs-label: 14px;--fs-hint: 12px;--fs-control: 13px;--fs-badge: 11px;--fs-h1: 22px;--fs-section: 15px;--fs-stat: 28px;--fs-nav: 15px;--fs-brand: 19px;--fs-side: 12px}[data-theme=indigo]{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #fafbfc;--border: #e3e6ea;--text: #1c2530;--muted: #6b7785;--primary: #2f6df6;--primary-dark: #1f53c9;--on-primary: #ffffff;--ring: rgba(47, 109, 246, .22);--sidebar-bg: #101826;--sidebar-text: #aab4c5;--sidebar-text-active: #ffffff;--sidebar-active-bg: rgba(47, 109, 246, .24);--sidebar-heading: #7c8aa0;--sidebar-border: #1e293b}[data-theme=violet]{--bg: #f6f5fb;--surface: #ffffff;--surface-2: #faf9fd;--border: #e6e2f0;--text: #211b30;--muted: #6c6480;--primary: #7c3aed;--primary-dark: #6d28d9;--on-primary: #ffffff;--ring: rgba(124, 58, 237, .2);--sidebar-bg: #1a1530;--sidebar-text: #b3a9cc;--sidebar-text-active: #ffffff;--sidebar-active-bg: rgba(124, 58, 237, .3);--sidebar-heading: #8479a0;--sidebar-border: #2a2245}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-size:var(--fs-body);font-family:var(--font),"Segoe UI",system-ui,-apple-system,"Malgun Gothic",sans-serif;transition:background .2s ease,color .2s ease}.content-scale{zoom:var(--font-scale, 1)}a{color:var(--primary);text-decoration:none}button,input,select,textarea,optgroup{font-family:inherit;line-height:inherit}input::-webkit-datetime-edit,::placeholder{font-family:inherit}button{cursor:pointer}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:10px;font-size:var(--fs-control);font-weight:600;white-space:nowrap;transition:background .15s,border .15s,opacity .15s}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.input,.select,textarea.input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:10px;font-size:var(--fs-control);background:var(--surface);color:var(--text)}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.field{margin-bottom:14px}.field label{display:block;font-size:var(--fs-label);font-weight:600;color:var(--muted);margin-bottom:6px}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-table)}table.data th,table.data td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}table.data th{color:var(--muted);font-size:var(--fs-hint);text-transform:uppercase;letter-spacing:.03em}table.data tbody tr:hover{background:var(--surface-2)}.table-scroll{overflow-y:auto;overflow-x:auto}.table-scroll table.data thead th{position:sticky;top:0;z-index:1;background:var(--surface)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:var(--fs-badge);font-weight:700;letter-spacing:.02em}.badge-draft{background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted)}.badge-submitted{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.badge-approved{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.badge-delivered{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.muted{color:var(--muted)}.right{text-align:right}.num{font-variant-numeric:tabular-nums}h1{font-size:var(--fs-h1);margin:0}h2{font-size:17px;margin:0}.section-title{font-size:var(--fs-section);font-weight:700}.hint,.stat-label{font-size:var(--fs-hint);color:var(--muted)}.stat-value,.stat-value-sm{font-size:var(--fs-stat);font-weight:700;margin-top:8px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-header h1{font-size:var(--fs-h1);margin:0}.row{display:flex;gap:14px}.stack{display:flex;flex-direction:column;gap:14px}.banner{padding:10px 14px;border-radius:12px;font-size:var(--fs-control);margin-bottom:14px}.banner-warn{background:color-mix(in srgb,var(--warning) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--warning) 40%,var(--surface));color:var(--warning)}.banner-error{background:color-mix(in srgb,var(--danger) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 40%,var(--surface));color:var(--danger)}.banner-info{background:color-mix(in srgb,var(--primary) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 35%,var(--surface));color:var(--primary-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes arkIndeterminate{0%{left:-42%}to{left:100%}}.progress{position:relative;height:6px;width:100%;background:var(--surface-2, #eee);border-radius:999px;overflow:hidden}.progress>.bar{position:absolute;top:0;height:100%;width:42%;border-radius:999px;background:var(--primary, #7c3aed);animation:arkIndeterminate 1.1s ease-in-out infinite}.page-enter{animation:fadeInUp .28s ease both}.fade-in{animation:fadeIn .25s ease both}@media (prefers-reduced-motion: reduce){.page-enter,.fade-in,.modal-overlay,.modal{animation:none!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 62%,transparent);display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px;z-index:1000;animation:fadeIn .18s ease both}.modal{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #10182840;width:100%;max-width:460px;padding:20px;animation:modalIn .22s ease both}.pager{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:12px}.invoice-doc{background:#fff;color:#1a1a1a;border-radius:14px;padding:40px;max-width:720px;margin:0 auto;box-shadow:0 12px 40px #10182840;font-size:13px}.invoice-doc .doc-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #1a1a1a;padding-bottom:16px}.invoice-doc .doc-brand{font-size:24px;font-weight:800}.invoice-doc .doc-title{font-size:18px;font-weight:700;letter-spacing:.06em;color:var(--primary)}.invoice-doc .doc-meta{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:11px;color:#555}.invoice-doc table{width:100%;border-collapse:collapse;margin-top:24px;font-size:12px}.invoice-doc th,.invoice-doc td{padding:9px 4px;text-align:left}.invoice-doc thead th{border-bottom:1px solid #1a1a1a;color:#555;font-weight:600}.invoice-doc tbody td{border-bottom:1px solid #e5e0d8}.invoice-doc .right{text-align:right}.invoice-doc tfoot td{border-top:2px solid #1a1a1a;font-size:15px;font-weight:800;padding-top:12px}.invoice-doc .doc-note{margin-top:28px;font-size:9px;color:#888}.invoice-doc .doc-credit{color:#d22}@media print{#root,.no-print{display:none!important}.modal-overlay{position:static!important;display:block!important;padding:0!important;background:none!important;animation:none!important}.modal-overlay *{overflow:visible!important;max-height:none!important}.modal-overlay>div,.modal-overlay>div>div:not(.no-print){display:block!important;max-width:none!important;width:100%!important}.modal-overlay .no-print{display:none!important}#invoice-print-doc{box-shadow:none!important;border-radius:0!important;width:100%!important}#invoice-print-doc,#invoice-print-doc *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}