:root,[data-theme=light]{--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:18px;--leading-xs:16px;--leading-sm:20px;--leading-base:20px;--leading-lg:24px;--font-normal:400;--font-medium:500;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--table-row-height:36px;--input-height:32px;--btn-height:32px;--btn-height-sm:28px;--page-gutter:24px;--card-padding:16px;--gap-section:24px;--form-gap:16px;--radius-sm:4px;--radius-md:4px;--radius-lg:4px;--radius-full:9999px;--surface-page:#f8fafc;--surface-raised:#fff;--surface-hover:#f1f5f9;--surface-selected:#e2e8f0;--border-subtle:#f1f5f9;--border-default:#cbd5e1;--border-strong:#94a3b8;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-disabled:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-subtle:#eff6ff;--text-on-accent:#fff;--status-neutral-bg:#f1f5f9;--status-neutral-fg:#334155;--status-neutral-border:#cbd5e1;--status-info-bg:#eff6ff;--status-info-fg:#1d4ed8;--status-info-border:#bfdbfe;--status-success-bg:#ecfdf5;--status-success-fg:#065f46;--status-success-border:#a7f3d0;--status-warning-bg:#fffbeb;--status-warning-fg:#92400e;--status-warning-border:#fde68a;--status-danger-bg:#fef2f2;--status-danger-fg:#991b1b;--status-danger-border:#fecaca;--dialog-overlay-bg:#0f172a73;--bg-primary:var(--surface-page);--bg-secondary:var(--surface-raised);--bg-surface:var(--surface-raised);--bg-surface-elevated:var(--surface-hover);--text-main:var(--text-primary);--text-muted:var(--text-secondary);--text-dim:var(--text-tertiary);--border-medium:var(--border-default);--brand-primary:var(--accent);--status-danger:var(--status-danger-fg);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a}[data-theme=dark]{--surface-page:#090d16;--surface-raised:#111827;--surface-hover:#1e293b;--surface-selected:#24334a;--border-subtle:#1e293b;--border-default:#334155;--border-strong:#475569;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-disabled:#475569;--accent:#6366f1;--accent-hover:#818cf8;--accent-subtle:#6366f126;--text-on-accent:#fff;--status-neutral-bg:#1e293b;--status-neutral-fg:#e2e8f0;--status-neutral-border:#334155;--status-info-bg:#172554;--status-info-fg:#93c5fd;--status-info-border:#1e40af;--status-success-bg:#064e3b;--status-success-fg:#a7f3d0;--status-success-border:#047857;--status-warning-bg:#451a03;--status-warning-fg:#fde68a;--status-warning-border:#b45309;--status-danger-bg:#450a0a;--status-danger-fg:#fecaca;--status-danger-border:#991b1b;--dialog-overlay-bg:#000000b3;--bg-primary:var(--surface-page);--bg-secondary:var(--surface-raised);--bg-surface:var(--surface-raised);--bg-surface-elevated:var(--surface-hover);--text-main:var(--text-primary);--text-muted:var(--text-secondary);--text-dim:var(--text-tertiary);--border-medium:var(--border-default);--brand-primary:var(--accent);--status-danger:var(--status-danger-fg);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:2px}html,body,#root{background-color:var(--surface-page);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--font-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.public-shell{background-color:var(--surface-page);flex-direction:column;min-height:100vh;display:flex}.public-navbar{background:var(--surface-raised);border-bottom:1px solid var(--border-default);height:60px;padding:0 var(--space-6);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.public-brand{align-items:center;gap:var(--space-3);color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--text-base);text-decoration:none;display:flex}.public-brand-logo{border-radius:var(--radius-sm);background:var(--accent);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex}.public-nav-links{align-items:center;gap:var(--space-3);display:flex}.public-nav-link{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-sm);padding:6px 12px;text-decoration:none;transition:color .15s,background-color .15s}.public-nav-link:hover,.public-nav-link.active{color:var(--text-primary);background-color:var(--surface-hover)}.public-main{padding:var(--space-6) var(--space-4);flex-direction:column;flex:1;width:100%;max-width:960px;margin:0 auto;display:flex}.public-card{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-6);box-shadow:0 1px 3px #0000000a}.public-footer{padding:var(--space-6);border-top:1px solid var(--border-default);background:var(--surface-raised);text-align:center;font-size:var(--text-xs);color:var(--text-secondary);margin-top:auto}.theme-toggle-btn{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);background:0 0;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.theme-toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary)}@media (width<=640px){.public-navbar{padding:0 var(--space-3)}.public-main{padding:var(--space-4) var(--space-2)}.public-card{padding:var(--space-4)}.public-nav-links{gap:var(--space-1)}.public-nav-link{font-size:var(--text-xs);padding:4px 8px}}