:root{--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-600: #52525b;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-900: #18181b;--zinc-950: #09090b;--sidebar-w: 250px;--sidebar-collapsed-w: 68px;--header-h: 56px;color-scheme:light;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-color: #111827;--sidebar-color-muted: #4b5563;--sidebar-hover-bg: #f3f4f6;--sidebar-hover-color: #111827;--sidebar-active-bg: #f0f4ff;--sidebar-active-color: #3b82f6;--bg: #fafafa;--body-bg-rgb: 250, 250, 250;--surface: #ffffff;--surface-2: #f3f4f6;--cap-bg: #f9fafb;--border: #e5e7eb;--text: #18181b;--muted: #6b7280;--muted-2: #9ca3af;--accent: #3b82f6;--accent-hover: #2563eb;--accent-soft: #f0f4ff;--accent-text: #ffffff;--focus-border: #93c5fd;--primary-bg: #18181b;--primary-hover: #27272a;--primary-color: #ffffff;--danger: #ef4444;--ok: #10b981;--warn: #f59e0b;--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow: 0 10px 30px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);font-family:Plus Jakarta Sans,Noto Sans KR,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:14px;line-height:1.5;color:var(--text);-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--sidebar-bg: #111113;--sidebar-border: #27272a;--sidebar-color: #d1d5db;--sidebar-color-muted: #9ca3af;--sidebar-hover-bg: #1c1c1f;--sidebar-hover-color: #fafafa;--sidebar-active-bg: #1e293b;--sidebar-active-color: #60a5fa;--bg: #09090b;--body-bg-rgb: 9, 9, 11;--surface: #27272a;--surface-2: #1c1c1f;--cap-bg: #27272a;--border: #3f3f46;--text: #fafafa;--muted: #a1a1aa;--muted-2: #71717a;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-soft: #1e293b;--accent-text: #09090b;--focus-border: #3b82f6;--primary-bg: #fafafa;--primary-hover: #e4e4e7;--primary-color: #09090b;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow: 0 10px 30px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0;line-height:1.3;font-weight:600}button{cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:38px;padding:.375rem .875rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}.btn:hover{background:var(--sidebar-hover-bg)}.btn.primary{background:var(--primary-bg);color:var(--primary-color);border-color:var(--primary-bg);min-height:36px}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.danger{color:var(--danger)}.btn.sm{min-height:30px;padding:.25rem .625rem;font-size:.8125rem}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{width:15px;height:15px;flex:none}.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--muted)}.icon-btn:hover{background:var(--sidebar-hover-bg);color:var(--text)}.icon-btn svg{width:18px;height:18px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label,.label{font-size:.8125rem;color:var(--muted);font-weight:600}.input,.select,.textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.input,.select{height:38px}.textarea{min-height:120px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--focus-border);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.error-text{color:var(--danger);font-size:13px;margin:6px 0 0}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:8px}.grow{flex:1;min-width:0}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border);background:var(--cap-bg)}.card-head h2{font-size:1rem;font-weight:600;letter-spacing:-.01em}.page{padding:1.25rem 1.5rem;overflow-y:auto;height:100%}.page-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.page-head h1,.page-head h2{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}table.tbl{width:100%;border-collapse:collapse;background:var(--surface)}.tbl th,.tbl td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.tbl th{background:var(--cap-bg);font-size:.8125rem;color:var(--muted);font-weight:600;letter-spacing:.03em;white-space:nowrap}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:var(--sidebar-hover-bg)}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.6;background:var(--surface-2);color:var(--muted)}.badge.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.badge.danger{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a101c80;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;max-height:92vh;display:flex;flex-direction:column;box-shadow:var(--shadow)}.modal.lg{max-width:760px}.modal-head{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h3{flex:1;font-size:1rem;font-weight:600}.modal-body{padding:18px;overflow-y:auto}.modal-foot{padding:12px 18px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:80}.toast{background:var(--text);color:var(--bg);padding:10px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow)}.toast.error{background:var(--danger);color:#fff}.empty{text-align:center;color:var(--muted);padding:56px 16px}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat{padding:16px 18px}.stat .n{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin-top:.25rem;line-height:1.15}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}