:root{--undun-primary: #0066cc;--undun-primary-hover: #0052a3;--undun-accent: #b91c1c;--undun-accent-soft: rgba(185, 28, 28, .08);--undun-danger: #b33;--undun-danger-hover: #922;--undun-success: #0d9488;--undun-error: #c00;--undun-surface: #f8fafc;--undun-surface-nav: #fff;--undun-surface-card: #fff;--undun-surface-panel: #f1f5f9;--undun-text: #1e293b;--undun-text-muted: #64748b;--undun-border: #e2e8f0;--undun-border-light: #e2e8f0;--undun-border-input: #cbd5e1;--undun-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--undun-surface-landing: #0f172a;--undun-text-on-dark: #f8fafc;--undun-surface-card-dark: #1e293b;--undun-border-dark: #334155}*{box-sizing:border-box}body{margin:0;font-family:var(--undun-font-sans);-webkit-font-smoothing:antialiased;background:var(--undun-surface);color:var(--undun-text)}a{color:var(--undun-primary)}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--undun-primary);outline-offset:2px}button{cursor:pointer;padding:.5rem 1rem;font-size:1rem;border-radius:6px;border:1px solid var(--undun-border-input);background:var(--undun-surface-nav)}button.primary{background:var(--undun-primary);color:#fff;border-color:var(--undun-primary)}button.primary:hover{background:var(--undun-primary-hover)}button.danger{background:var(--undun-danger);color:#fff;border-color:var(--undun-danger)}button.danger:hover{background:var(--undun-danger-hover)}.page{max-width:720px;margin:0 auto}.page--narrow{max-width:560px}.page__title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--undun-text)}.page__subtitle{color:var(--undun-text-muted);margin:0 0 1.5rem;font-size:1rem;line-height:1.5}.card{background:var(--undun-surface-nav);border:1px solid var(--undun-border-light);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000f}.card:last-child{margin-bottom:0}.card__heading{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--undun-text)}.card__body{color:var(--undun-text-muted);font-size:.9375rem;margin:0;line-height:1.5}.section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--undun-border)}.section__title{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--undun-text)}.nav-link{color:var(--undun-text);text-decoration:none;font-weight:500;padding:.25rem 0}.nav-link:hover{color:var(--undun-primary);text-decoration:none}.page-actions{margin-top:1.5rem}.page-actions a{margin-right:1rem}.home-hero{background:linear-gradient(180deg,var(--undun-accent-soft) 0%,transparent 100%);border-radius:12px;padding:2rem 1.5rem;margin-bottom:1.5rem;border:1px solid var(--undun-border);text-align:center}.home-hero__logo{height:64px;width:auto;display:block;margin:0 auto 1rem}.home-hero__title{font-size:1.5rem;font-weight:700;color:var(--undun-text);margin:0 0 .25rem}.home-hero__tagline{font-size:1rem;color:var(--undun-text-muted);margin:0}.dashboard-panel{background:var(--undun-surface-panel);border-radius:12px;padding:1.5rem;margin-top:1.5rem;border:1px solid var(--undun-border)}.dashboard-panel__title{font-size:1.125rem;font-weight:600;color:var(--undun-text);margin:0 0 .5rem}.dashboard-panel__body{font-size:.9375rem;color:var(--undun-text-muted);margin:0}.nav-link.active{color:var(--undun-primary);font-weight:600}body[data-theme=dark] .app-nav,body[data-theme=dark] .app-nav .nav-link{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-nav .nav-link:hover{color:#fff;text-decoration:none}body[data-theme=dark] .app-nav .nav-link.active{color:#93c5fd;font-weight:600}body[data-theme=dark] .app-nav button[aria-label=Settings],body[data-theme=dark] .app-main .page__title{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main .page__subtitle{color:#f8fafcd9}body[data-theme=dark] .app-main .card{background:var(--undun-surface-card-dark);border-color:var(--undun-border-dark);box-shadow:none}body[data-theme=dark] .app-main .card__heading{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main .card__body{color:#f8fafcd9}body[data-theme=dark] .app-main .home-hero{background:#ffffff0f;border-color:var(--undun-border-dark)}body[data-theme=dark] .app-main .home-hero__title{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main .home-hero__tagline{color:#f8fafcd9}body[data-theme=dark] .app-main .dashboard-panel{background:var(--undun-surface-card-dark);border-color:var(--undun-border-dark)}body[data-theme=dark] .app-main .dashboard-panel__title{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main .dashboard-panel__body{color:#f8fafcd9}body[data-theme=dark] .app-main .section{border-top-color:var(--undun-border-dark)}body[data-theme=dark] .app-main .section__title{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main .page-actions a,body[data-theme=dark] .app-main a{color:#93c5fd}body[data-theme=dark] .app-main a:hover{color:#bfdbfe}body[data-theme=dark] .app-main p,body[data-theme=dark] .app-main li,body[data-theme=dark] .app-main span{color:#f8fafce6}body[data-theme=dark] .app-main button:not(.primary):not(.danger){background:var(--undun-surface-card-dark);border-color:var(--undun-border-dark);color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main button:not(.primary):not(.danger):hover{background:#334155}body[data-theme=dark] .app-main input{background:var(--undun-surface-card-dark);border-color:var(--undun-border-dark);color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main input::placeholder{color:#f8fafc80}body[data-theme=dark] .app-main h2,body[data-theme=dark] .app-main h3{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main ul li{border-color:var(--undun-border-dark)}body[data-theme=dark] .app-main ul li [style*="fontWeight: 500"],body[data-theme=dark] .app-main ul li [style*="fontWeight: 600"]{color:var(--undun-text-on-dark)}body[data-theme=dark] .app-main .add-source__card .add-source__name{color:var(--undun-text)}body[data-theme=dark] .app-main .add-source__card .add-source__status--connected{color:var(--undun-success)}