:root{--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--unit: 4px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}html[data-theme=soft],[data-theme=soft]:not([data-dir]){color-scheme:light;--bg-main: #f4f1eb;--bg-sidebar: #ebe7df;--bg-card: #faf8f3;--bg-secondary: #e5e1d8;--bg-elevated: #ffffff;--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #7a7266;--text-muted: #a8a294;--border-color: #d9d4c7;--status-healthy: #15803d;--status-attention: #b45309;--status-warning: #c2410c;--status-error: #b91c1c;--status-neutral: #6b7280;--status-paused: #7c4a9e;--accent-landing: #7c3aed;--accent-hover-landing: #6d28d9;--accent-account: #2563eb;--accent-hover-account: #1d4ed8;--accent-admin: #0891b2;--accent-hover-admin: #0e7490;--accent-app: #16a34a;--accent-hover-app: #15803d;--accent: var(--accent-landing);--accent-hover: var(--accent-hover-landing)}html[data-theme=light],[data-theme=light]:not([data-dir]){color-scheme:light;--bg-main: #ffffff;--bg-sidebar: #fafafa;--bg-card: #ffffff;--bg-secondary: #f4f4f5;--bg-elevated: #ffffff;--text-primary: #09090b;--text-secondary: #52525b;--text-tertiary: #71717a;--text-muted: #a1a1aa;--border-color: #e4e4e7;--status-healthy: #16a34a;--status-attention: #ca8a04;--status-warning: #ea580c;--status-error: #dc2626;--status-neutral: #71717a;--status-paused: #9333ea;--accent-landing: #7c3aed;--accent-hover-landing: #6d28d9;--accent-account: #2563eb;--accent-hover-account: #1d4ed8;--accent-admin: #0891b2;--accent-hover-admin: #0e7490;--accent-app: #16a34a;--accent-hover-app: #15803d;--accent: var(--accent-landing);--accent-hover: var(--accent-hover-landing)}html[data-theme=dark],[data-theme=dark]:not([data-dir]){color-scheme:dark;--bg-main: #08090b;--bg-sidebar: #0c0d10;--bg-card: #101114;--bg-secondary: #161719;--bg-elevated: #1c1d20;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--border-color: #26272b;--status-healthy: #22c55e;--status-attention: #eab308;--status-warning: #f97316;--status-error: #ef4444;--status-neutral: #71717a;--status-paused: #a855f7;--accent-landing: #a78bfa;--accent-hover-landing: #c4b5fd;--accent-account: #60a5fa;--accent-hover-account: #93c5fd;--accent-admin: #22d3ee;--accent-hover-admin: #67e8f9;--accent-app: #4ade80;--accent-hover-app: #86efac;--accent: var(--accent-landing);--accent-hover: var(--accent-hover-landing)}html:not([data-theme]),[data-theme=""]{color-scheme:light;--bg-main: #f4f1eb;--bg-sidebar: #ebe7df;--bg-card: #faf8f3;--bg-secondary: #e5e1d8;--bg-elevated: #ffffff;--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #7a7266;--text-muted: #a8a294;--border-color: #d9d4c7}[data-dir=A]{--font-sans: "Inter", -apple-system, system-ui, sans-serif;--font-display: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace}[data-dir=A][data-theme=soft]{color-scheme:light;--bg-main: #f4f1eb;--bg-sidebar: #ebe7df;--bg-card: #faf8f3;--bg-secondary: #e5e1d8;--bg-elevated: #ffffff;--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #7a7266;--text-muted: #a8a294;--border-color: #d9d4c7;--status-healthy: #15803d;--status-attention: #b45309;--status-warning: #c2410c;--status-error: #b91c1c;--status-neutral: #6b7280;--status-paused: #7c4a9e;--accent-landing: #7c3aed;--accent-hover-landing: #6d28d9;--accent-account: #2563eb;--accent-hover-account: #1d4ed8;--accent-admin: #0891b2;--accent-hover-admin: #0e7490;--accent-app: #16a34a;--accent-hover-app: #15803d}[data-dir=A][data-theme=light]{color-scheme:light;--bg-main: #ffffff;--bg-sidebar: #fafafa;--bg-card: #ffffff;--bg-secondary: #f4f4f5;--bg-elevated: #ffffff;--text-primary: #09090b;--text-secondary: #52525b;--text-tertiary: #71717a;--text-muted: #a1a1aa;--border-color: #e4e4e7;--status-healthy: #16a34a;--status-attention: #ca8a04;--status-warning: #ea580c;--status-error: #dc2626;--status-neutral: #71717a;--status-paused: #9333ea;--accent-landing: #7c3aed;--accent-hover-landing: #6d28d9;--accent-account: #2563eb;--accent-hover-account: #1d4ed8;--accent-admin: #0891b2;--accent-hover-admin: #0e7490;--accent-app: #16a34a;--accent-hover-app: #15803d}[data-dir=A][data-theme=dark]{color-scheme:dark;--bg-main: #08090b;--bg-sidebar: #0c0d10;--bg-card: #101114;--bg-secondary: #161719;--bg-elevated: #1c1d20;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--border-color: #26272b;--status-healthy: #22c55e;--status-attention: #eab308;--status-warning: #f97316;--status-error: #ef4444;--status-neutral: #71717a;--status-paused: #a855f7;--accent-landing: #a78bfa;--accent-hover-landing: #c4b5fd;--accent-account: #60a5fa;--accent-hover-account: #93c5fd;--accent-admin: #22d3ee;--accent-hover-admin: #67e8f9;--accent-app: #4ade80;--accent-hover-app: #86efac}[data-dir=B]{--font-sans: "Inter", -apple-system, system-ui, sans-serif;--font-display: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}[data-dir=B][data-theme=soft]{color-scheme:light;--bg-main: #f6f5f1;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-secondary: #efede7;--bg-elevated: #ffffff;--text-primary: #1a1f36;--text-secondary: #556073;--text-tertiary: #6b7a94;--text-muted: #8792a2;--border-color: #e3e0d8;--status-healthy: #0e8b4d;--status-attention: #b07a00;--status-warning: #c45217;--status-error: #cf1322;--status-neutral: #697386;--status-paused: #6e5aa8;--accent-landing: #635bff;--accent-hover-landing: #5046e5;--accent-account: #0570de;--accent-hover-account: #0559b8;--accent-admin: #00a39d;--accent-hover-admin: #008782;--accent-app: #00a368;--accent-hover-app: #008555}[data-dir=B][data-theme=light]{color-scheme:light;--bg-main: #f6f9fc;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-secondary: #eff3f8;--bg-elevated: #ffffff;--text-primary: #1a1f36;--text-secondary: #425466;--text-tertiary: #697386;--text-muted: #8792a2;--border-color: #e3e8ee;--status-healthy: #059669;--status-attention: #d97706;--status-warning: #ea580c;--status-error: #e11d48;--status-neutral: #697386;--status-paused: #7c3aed;--accent-landing: #635bff;--accent-hover-landing: #5046e5;--accent-account: #0570de;--accent-hover-account: #0559b8;--accent-admin: #00a39d;--accent-hover-admin: #008782;--accent-app: #00a368;--accent-hover-app: #008555}[data-dir=B][data-theme=dark]{color-scheme:dark;--bg-main: #0a0e1a;--bg-sidebar: #0f1320;--bg-card: #141827;--bg-secondary: #1a1f31;--bg-elevated: #1f2539;--text-primary: #f5f7fa;--text-secondary: #a3acc2;--text-tertiary: #7b8599;--text-muted: #586173;--border-color: #272d42;--status-healthy: #26c281;--status-attention: #e8b04f;--status-warning: #f58b4b;--status-error: #ef5d7d;--status-neutral: #8792a2;--status-paused: #a78bfa;--accent-landing: #8c84ff;--accent-hover-landing: #a29cff;--accent-account: #3690f6;--accent-hover-account: #5ba5f9;--accent-admin: #4ac4be;--accent-hover-admin: #6ed4ce;--accent-app: #3ec689;--accent-hover-app: #5fd69e}[data-dir=C]{--font-sans: "Inter", -apple-system, system-ui, sans-serif;--font-display: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace}[data-dir=C][data-theme=soft]{color-scheme:light;--bg-main: #ece8df;--bg-sidebar: #e3dfd5;--bg-card: #f1eee6;--bg-secondary: #dcd7cc;--bg-elevated: #f7f5ef;--text-primary: #23211c;--text-secondary: #605c52;--text-tertiary: #807a6d;--text-muted: #a09a8b;--border-color: #c9c3b5;--status-healthy: #1d7a3f;--status-attention: #b08015;--status-warning: #c45500;--status-error: #b8342e;--status-neutral: #6e7580;--status-paused: #6a4e9a;--accent-landing: #7c3aed;--accent-hover-landing: #8b5cf6;--accent-account: #3b82f6;--accent-hover-account: #2563eb;--accent-admin: #06b6d4;--accent-hover-admin: #0891b2;--accent-app: #10b981;--accent-hover-app: #059669}[data-dir=C][data-theme=light]{color-scheme:light;--bg-main: #f5f6f7;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-secondary: #edeef0;--bg-elevated: #ffffff;--text-primary: #12151a;--text-secondary: #5a6472;--text-tertiary: #7b8491;--text-muted: #9ba3af;--border-color: #dee1e5;--status-healthy: #1a9850;--status-attention: #d4a017;--status-warning: #e07000;--status-error: #e02e3e;--status-neutral: #6b7280;--status-paused: #7c3aed;--accent-landing: #7c3aed;--accent-hover-landing: #8b5cf6;--accent-account: #3b82f6;--accent-hover-account: #2563eb;--accent-admin: #06b6d4;--accent-hover-admin: #0891b2;--accent-app: #10b981;--accent-hover-app: #059669}[data-dir=C][data-theme=dark]{color-scheme:dark;--bg-main: #0b0e12;--bg-sidebar: #12151b;--bg-card: #171b22;--bg-secondary: #1d2129;--bg-elevated: #242932;--text-primary: #ebedf0;--text-secondary: #9199a5;--text-tertiary: #6c7381;--text-muted: #4a505b;--border-color: #2a2f39;--status-healthy: #3dd67a;--status-attention: #f5b942;--status-warning: #ff8a3d;--status-error: #ff5a5a;--status-neutral: #8892a0;--status-paused: #b589f0;--accent-landing: #a78bfa;--accent-hover-landing: #c4b5fd;--accent-account: #60a5fa;--accent-hover-account: #93c5fd;--accent-admin: #22d3ee;--accent-hover-admin: #67e8f9;--accent-app: #34d399;--accent-hover-app: #6ee7b7}html[data-surface=landing],[data-surface=landing]{--accent: var(--accent-landing);--accent-hover: var(--accent-hover-landing)}html[data-surface=account],[data-surface=account]{--accent: var(--accent-account);--accent-hover: var(--accent-hover-account)}html[data-surface=admin],[data-surface=admin]{--accent: var(--accent-admin);--accent-hover: var(--accent-hover-admin)}html[data-surface=app],[data-surface=app]{--accent: var(--accent-app);--accent-hover: var(--accent-hover-app)}[data-dir],[data-theme]{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-dir] *,[data-dir] *:before,[data-dir] *:after{box-sizing:border-box}.cf-mono{font-family:var(--font-mono);font-variant-ligatures:none}.cf-display{font-family:var(--font-display)}.cf-num{font-variant-numeric:tabular-nums}[data-dir] ::-webkit-scrollbar{width:6px;height:6px}[data-dir] ::-webkit-scrollbar-track{background:transparent}[data-dir] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{min-height:100vh;background:var(--bg-main);color:var(--text-primary)}body{font-family:var(--font-sans);font-size:13px;line-height:20px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.28) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#00000047;border-radius:5px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#0000006b;background-clip:padding-box}html[data-theme=dark] *{scrollbar-color:rgba(255,255,255,.28) transparent}html[data-theme=dark] *::-webkit-scrollbar-thumb{background:#ffffff47;background-clip:padding-box}html[data-theme=dark] *::-webkit-scrollbar-thumb:hover{background:#ffffff6b;background-clip:padding-box}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{width:36px;height:36px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:cf-spin .7s linear infinite}@keyframes cf-spin{to{transform:rotate(360deg)}}.t-display{font-family:var(--font-display);font-size:32px;line-height:36px;letter-spacing:-.035em;font-weight:600}.t-title{font-family:var(--font-display);font-size:20px;line-height:28px;letter-spacing:-.02em;font-weight:600}.t-heading{font-family:var(--font-display);font-size:15px;line-height:22px;letter-spacing:-.01em;font-weight:600}.t-body{font-size:13px;line-height:20px;font-weight:400}.t-body-s{font-size:12px;line-height:18px;font-weight:400}.t-caption{font-size:11px;line-height:16px;letter-spacing:.01em;font-weight:500}.t-micro{font-size:10px;line-height:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.t-mono{font-family:var(--font-mono);font-size:12px;line-height:18px;font-variant-ligatures:none}.num{font-variant-numeric:tabular-nums}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:11px;line-height:16px;letter-spacing:.01em;font-weight:500}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);background:var(--text-primary);color:var(--bg-main);border:none;font-size:11px;line-height:16px;letter-spacing:.01em;font-weight:600}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--status-error) 10%,transparent);color:var(--status-error);border:1px solid color-mix(in srgb,var(--status-error) 28%,var(--border-color));font-size:11px;line-height:16px;font-weight:600}.btn-danger:hover{background:color-mix(in srgb,var(--status-error) 18%,transparent)}.cf-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}input.cf-input,select.cf-input,textarea.cf-input{display:block;width:100%;padding:7px 10px;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);font-size:13px;line-height:20px;outline:none;transition:border-color .12s,box-shadow .12s}input.cf-input:focus,select.cf-input:focus,textarea.cf-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}input.cf-input::placeholder,textarea.cf-input::placeholder{color:var(--text-muted)}.cf-row-hover:hover{background:color-mix(in srgb,var(--bg-secondary) 58%,transparent)}.cf-table{width:100%;border-collapse:collapse}.cf-table th{text-align:left;padding:10px 14px;font-size:10px;line-height:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--text-tertiary);border-bottom:1px solid var(--border-color);background:var(--bg-sidebar)}.cf-table td{padding:10px 14px;font-size:13px;line-height:20px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.cf-table tr:last-child td{border-bottom:none}.cf-link{color:var(--accent);cursor:pointer}.cf-link:hover{color:var(--accent-hover);text-decoration:underline}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;line-height:14px;font-weight:600;background:var(--bg-secondary);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);font-size:13px;line-height:18px;font-weight:500}.btn:hover:not(:disabled){background:var(--bg-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-accent{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;border:1px solid var(--accent);font-size:13px;line-height:18px;font-weight:600;cursor:pointer}.btn-accent:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-accent:disabled{opacity:.5;cursor:not-allowed}table.legacy,.card table:not(.cf-table){width:100%;border-collapse:collapse}.card table:not(.cf-table) th,table.legacy th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-color);background:var(--bg-sidebar)}.card table:not(.cf-table) td,table.legacy td{padding:10px 14px;font-size:13px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.card table:not(.cf-table) tr:last-child td,table.legacy tr:last-child td{border-bottom:none}.card table:not(.cf-table) tr:hover td,table.legacy tr:hover td{background:color-mix(in srgb,var(--bg-secondary) 60%,transparent)}.error-text{color:var(--status-error);font-size:13px;margin-top:4px}.page-title{font-family:var(--font-display);font-size:28px;line-height:34px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:4px}.page-subtitle{color:var(--text-secondary);font-size:13px;line-height:20px;margin-bottom:20px}input:not(.cf-input):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]),select:not(.cf-input),textarea:not(.cf-input){font-family:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);outline:none;transition:border-color .12s,box-shadow .12s}input:not(.cf-input):not([type=checkbox]):not([type=radio]):focus,select:not(.cf-input):focus,textarea:not(.cf-input):focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}