:root{--c-current:#10b0a6;--c-current-hover:#0d8f87;--c-current-active:#0a6e69;--c-current-soft:#e6f8f6;--c-current-faint:#f2fbfa;--c-canvas:#f5f7f6;--c-surface:#fff;--c-paper:#fbfaf5;--c-ink:#111715;--c-ink-soft:#3c4744;--c-muted:#6e7976;--c-muted-soft:#9aa39f;--c-line:#dde3e1;--c-line-strong:#ccd1cf;--c-line-soft:#e4e6e2;--c-positive:#237a57;--c-warning:#c28a16;--c-negative:#c84f42;--c-notice:#3567c8;--c-positive-dim:#237a5714;--c-warning-dim:#c28a1614;--c-negative-dim:#c84f4214;--c-notice-dim:#3567c814;--hds-neutral-50:#f5f7f6;--hds-neutral-100:#eef0ee;--hds-neutral-200:#dde3e1;--hds-neutral-300:#ccd1cf;--hds-neutral-400:#adb5b2;--hds-neutral-500:#6e7976;--hds-neutral-600:#3c4744;--hds-neutral-700:#111715;--hds-action:var(--c-current);--hds-action-hover:var(--c-current-hover);--hds-action-active:var(--c-current-active);--hds-action-dim:var(--c-current-soft);--hds-success:var(--c-positive);--hds-success-dim:var(--c-positive-dim);--hds-warning:var(--c-warning);--hds-warning-dim:var(--c-warning-dim);--hds-critical:var(--c-negative);--hds-critical-dim:var(--c-negative-dim);--hds-highlight:var(--c-notice);--hds-highlight-dim:var(--c-notice-dim);--bg-page:var(--c-canvas);--bg-primary:var(--c-canvas);--bg-secondary:var(--hds-neutral-100);--bg-card:var(--c-surface);--bg-card-hover:var(--c-current-faint);--bg-elevated:var(--c-paper);--border-faint:var(--c-line-soft);--border-subtle:var(--c-line);--border-strong:var(--c-line-strong);--border-action:#10b0a666;--border-focus:var(--c-current);--text-strong:var(--c-ink);--text-primary:var(--c-ink-soft);--text-faint:var(--c-muted);--text-placeholder:var(--c-muted-soft);--text-action:var(--c-current);--text-inverse:#fff;--text-secondary:var(--text-faint);--text-muted:var(--text-placeholder);--text-tertiary:var(--text-faint);--accent:var(--c-current);--accent-hover:var(--c-current-hover);--accent-dim:var(--c-current-soft);--accent-glow:var(--border-action);--green:var(--c-positive);--green-dim:var(--c-positive-dim);--red:var(--c-negative);--red-dim:var(--c-negative-dim);--amber:var(--c-warning);--amber-dim:var(--c-warning-dim);--purple:var(--c-notice);--purple-dim:var(--c-notice-dim);--cyan:var(--c-notice);--cyan-dim:var(--c-notice-dim);--border-glass:var(--border-faint);--border-hover:var(--border-strong);--bg-hover:var(--bg-secondary);--shadow-xs:none;--shadow-sm:none;--shadow-md:0 8px 20px #11171514;--shadow-lg:0 12px 36px #0d12111f;--shadow-focus:0 0 0 1px #fff, 0 0 0 3px var(--c-current);--radius-xs:4px;--radius-sm:4px;--radius-md:4px;--radius-lg:6px;--radius-xl:6px;--font-family:"Pretendard Variable", "SUIT", "Inter", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--header-height:64px;--content-pad:24px;--module-gap:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;min-height:100vh;font-size:14px;line-height:1.5}#app{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--c-line-strong);background-clip:content-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--hds-neutral-400);background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:var(--c-line-strong) transparent}.page-root{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.page-content{padding:var(--content-pad);flex:1;width:100%;max-width:1440px;margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:none;padding:var(--space-5)}.card-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-size:13px;font-weight:600}.badge{border-radius:var(--radius-xs);letter-spacing:.04em;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--c-positive-dim);color:var(--c-positive);border:1px solid #237a572e}.badge-red{background:var(--c-negative-dim);color:var(--c-negative);border:1px solid #c84f422e}.badge-amber{background:var(--c-warning-dim);color:var(--c-warning);border:1px solid #c28a162e}.badge-blue{background:var(--c-notice-dim);color:var(--c-notice);border:1px solid #3567c833}.badge-purple{background:var(--c-notice-dim);color:var(--c-notice);border:1px solid #3567c82e}.badge-teal{background:var(--c-current-soft);color:var(--c-current-active);border:1px solid #10b0a63d}.badge-neutral{background:var(--bg-secondary);color:var(--text-faint);border:1px solid var(--border-subtle)}.btn{border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--c-current);color:#fff;border-color:var(--c-current)}.btn-primary:hover{background:var(--c-current-hover);border-color:var(--c-current-hover)}.btn-primary:active{background:var(--c-current-active);border-color:var(--c-current-active)}.btn-secondary{background:var(--bg-card);color:var(--text-strong);border-color:var(--border-subtle)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-secondary)}.btn-ghost{color:var(--text-faint);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-danger{background:var(--bg-card);color:var(--c-negative);border-color:var(--c-negative)}.btn-danger:hover{background:var(--c-negative-dim)}.form-input{border:1px solid var(--border-subtle);border-radius:var(--radius-xs);width:100%;height:40px;color:var(--text-strong);background:var(--bg-card);outline:none;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--c-current);box-shadow:var(--shadow-focus)}.form-input::placeholder{color:var(--text-placeholder)}.form-label{color:var(--text-primary);margin-bottom:var(--space-1);font-size:13px;font-weight:500;display:block}.hds-table{border-collapse:collapse;width:100%;font-size:14px}.hds-table th{text-align:left;height:44px;font-size:11px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:12px 16px}.hds-table td{border-bottom:1px solid var(--border-faint);height:48px;color:var(--text-primary);padding:12px 16px}.hds-table tr:hover td{background:var(--c-current-faint)}.divider{background:var(--border-faint);height:1px;margin:var(--space-4) 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-subtle);border-top-color:var(--c-current);border-radius:50%;width:20px;height:20px;animation:.75s linear infinite spin}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.22s ease-out forwards fadeInUp}.empty-state{color:var(--text-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{margin-bottom:var(--space-3);opacity:.5;font-size:36px}.empty-state h3{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:600}.empty-state p{font-size:13px}.status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.green{background:var(--c-positive)}.status-dot.red{background:var(--c-negative)}.status-dot.amber{background:var(--c-warning)}.status-dot.gray{background:var(--hds-neutral-300)}