.topbar[data-v-7e3357db]{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.topbar-actions[data-v-7e3357db]{display:flex;align-items:center;gap:4px}.topbar-brand[data-v-7e3357db]{display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:700;font-size:.95rem;color:var(--color-primary)}.topbar-logo[data-v-7e3357db]{height:32px;width:auto;display:block}.topbar-nav[data-v-7e3357db]{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}.topbar-nav a[data-v-7e3357db]{white-space:nowrap;color:var(--color-text-secondary);font-weight:500;padding:4px 8px;border-radius:4px}.topbar-nav a[data-v-7e3357db]:hover{background:var(--color-surface-alt);text-decoration:none}.topbar-nav a.router-link-active[data-v-7e3357db]{color:var(--color-primary);background:var(--color-primary-soft)}.nav-badged[data-v-7e3357db]{display:inline-flex;align-items:center;gap:6px}.nav-badge[data-v-7e3357db]{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:700;line-height:1}.topbar-spacer[data-v-7e3357db]{flex:1}.btn--icon[data-v-7e3357db]{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;color:var(--color-text-secondary)}.btn--icon[data-v-7e3357db]:hover{color:var(--color-primary)}.main[data-v-7e3357db]{flex:1;padding:24px}:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #f8fafc;--color-surface-alt: #f1f5f9;--color-text: #0f172a;--color-text-secondary: #475569;--color-muted: #94a3b8;--color-border: #e2e8f0;--color-primary: #a78bfa;--color-primary-hover: #8b5cf6;--color-danger: #dc2626;--color-success: #16a34a;--color-warning: #f59e0b;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--color-text-soft: #6b7280;--color-text-muted: #6b7280;--color-text-faint: #9ca3af;--color-accent: #6366f1;--color-primary-soft: rgba(167, 139, 250, .12);--color-bg-secondary: rgba(0, 0, 0, .04);--color-overlay: rgba(0, 0, 0, .4);--color-overlay-strong: rgba(0, 0, 0, .85);--color-row-highlight: rgba(99, 102, 241, .04);--color-panel-accent-bg: rgba(99, 102, 241, .05);--color-panel-accent-border: rgba(99, 102, 241, .18);--color-danger-soft: rgba(220, 38, 38, .08);--color-focus-ring: rgba(167, 139, 250, .2);--tone-green-bg: rgba(22, 163, 74, .12);--tone-green-fg: #15803d;--tone-green-fg-alt: #2f855a;--tone-green-border: rgba(34, 197, 94, .35);--tone-emerald-bg: rgba(16, 185, 129, .15);--tone-emerald-fg: #047857;--tone-emerald-border: rgba(16, 185, 129, .4);--tone-amber-bg: rgba(245, 158, 11, .12);--tone-amber-bg-strong: rgba(245, 158, 11, .18);--tone-amber-fg: #b45309;--tone-amber-fg-deep: #92400e;--tone-amber-border: rgba(245, 158, 11, .4);--tone-orange-bg: rgba(230, 126, 34, .12);--tone-orange-fg: #c05621;--tone-orange-fg-alt: #c2410c;--tone-red-bg: rgba(220, 38, 38, .12);--tone-red-bg-soft: rgba(239, 68, 68, .1);--tone-red-fg: #b91c1c;--tone-red-fg-deep: #991b1b;--tone-red-border: rgba(239, 68, 68, .4);--tone-indigo-bg: rgba(99, 102, 241, .12);--tone-indigo-fg: #4f46e5;--tone-indigo-fg-deep: #4338ca;--tone-blue-bg: rgba(59, 130, 246, .15);--tone-blue-bg-soft: rgba(96, 165, 250, .12);--tone-blue-fg: #1d4ed8;--tone-blue-fg-deep: #1e40af;--tone-blue-border: rgba(59, 130, 246, .4);--tone-blue-border-soft: rgba(96, 165, 250, .4);--tone-violet-bg: rgba(139, 92, 246, .16);--tone-violet-fg: #6d28d9;--tone-slate-bg: rgba(148, 163, 184, .18);--tone-slate-bg-soft: rgba(107, 114, 128, .12);--tone-slate-fg: #475569;--tone-slate-fg-deep: #334155;--tone-slate-fg-soft: #64748b;--tone-slate-fg-alt: #4b5563;--tone-slate-border: #9ca3af;--tone-teal-fg: #0f766e;--tone-cyan-fg: #0e7490;--tone-pink-fg: #be185d;--bubble-own-bg: rgba(29, 78, 216, .09);--bubble-own-border: rgba(29, 78, 216, .22);--bubble-own-fg: #1d4ed8;--notice-cream-bg: #fff4e0;--notice-cream-fg: #8a5a00;--notice-cream-border: #f0c674;--badge-confidential-bg: rgba(0, 0, 0, .85);--badge-confidential-fg: #ffffff}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-alt: #2c3a4f;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-muted: #64748b;--color-border: #334155;--color-primary: #a78bfa;--color-primary-hover: #c4b5fd;--color-danger: #f87171;--color-success: #4ade80;--color-warning: #fbbf24;--color-text-soft: #94a3b8;--color-text-muted: #94a3b8;--color-text-faint: #64748b;--color-accent: #818cf8;--color-primary-soft: rgba(167, 139, 250, .22);--color-bg-secondary: rgba(255, 255, 255, .06);--color-overlay: rgba(0, 0, 0, .65);--color-overlay-strong: rgba(0, 0, 0, .9);--color-row-highlight: rgba(129, 140, 248, .1);--color-panel-accent-bg: rgba(129, 140, 248, .08);--color-panel-accent-border: rgba(129, 140, 248, .25);--color-danger-soft: rgba(248, 113, 113, .12);--color-focus-ring: rgba(167, 139, 250, .35);--tone-green-bg: rgba(74, 222, 128, .15);--tone-green-fg: #4ade80;--tone-green-fg-alt: #6ee7b7;--tone-green-border: rgba(74, 222, 128, .4);--tone-emerald-bg: rgba(52, 211, 153, .16);--tone-emerald-fg: #34d399;--tone-emerald-border: rgba(52, 211, 153, .45);--tone-amber-bg: rgba(251, 191, 36, .15);--tone-amber-bg-strong: rgba(251, 191, 36, .22);--tone-amber-fg: #fbbf24;--tone-amber-fg-deep: #fcd34d;--tone-amber-border: rgba(251, 191, 36, .45);--tone-orange-bg: rgba(251, 146, 60, .15);--tone-orange-fg: #fb923c;--tone-orange-fg-alt: #fdba74;--tone-red-bg: rgba(248, 113, 113, .16);--tone-red-bg-soft: rgba(248, 113, 113, .14);--tone-red-fg: #f87171;--tone-red-fg-deep: #fca5a5;--tone-red-border: rgba(248, 113, 113, .45);--tone-indigo-bg: rgba(129, 140, 248, .18);--tone-indigo-fg: #a5b4fc;--tone-indigo-fg-deep: #c7d2fe;--tone-blue-bg: rgba(96, 165, 250, .18);--tone-blue-bg-soft: rgba(96, 165, 250, .15);--tone-blue-fg: #93c5fd;--tone-blue-fg-deep: #bfdbfe;--tone-blue-border: rgba(96, 165, 250, .45);--tone-blue-border-soft: rgba(96, 165, 250, .45);--tone-violet-bg: rgba(167, 139, 250, .2);--tone-violet-fg: #c4b5fd;--tone-slate-bg: rgba(148, 163, 184, .18);--tone-slate-bg-soft: rgba(148, 163, 184, .14);--tone-slate-fg: #cbd5e1;--tone-slate-fg-deep: #e2e8f0;--tone-slate-fg-soft: #94a3b8;--tone-slate-fg-alt: #cbd5e1;--tone-slate-border: #64748b;--tone-teal-fg: #5eead4;--tone-cyan-fg: #67e8f9;--tone-pink-fg: #f9a8d4;--bubble-own-bg: rgba(96, 165, 250, .14);--bubble-own-border: rgba(96, 165, 250, .3);--bubble-own-fg: #93c5fd;--notice-cream-bg: rgba(240, 198, 116, .12);--notice-cream-fg: #f0c674;--notice-cream-border: rgba(240, 198, 116, .4);--badge-confidential-bg: rgba(226, 232, 240, .92);--badge-confidential-fg: #0f172a}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px}#app{min-height:100vh;display:flex;flex-direction:column}input,select,textarea,button{font:inherit;color:inherit}input.input,select.input,textarea.input{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);outline:none}input.input:focus,select.input:focus,textarea.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.btn{padding:6px 14px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);cursor:pointer;font-weight:500}.btn:hover{background:var(--color-surface-alt)}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--danger{color:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover{background:var(--color-danger);color:#fff}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}