/* Identidad FLUX: Inter + Space Grotesk, celeste y violeta, día/noche. */
:root,html[data-theme="light"]{color-scheme:light;--color-paper:#fff;--color-paper-2:#f5f8fc;--color-paper-3:#eaf1f9;--color-ink:#0b1b33;--color-ink-2:#46597a;--color-muted:#667791;--color-rule:#d3dfee;--color-rule-2:#bccce0;--color-accent:#0086bd;--color-accent-deep:#006f9e;--color-accent-2:#66d9ff;--color-accent-wash:#e8f4fd;--color-accent-ink:#fff;--color-focus:#0086bd;--color-key-face:#fff;--color-key-edge:#bccce0;--color-code:#eaf1f9;--color-graphite:#0a0f1e;--color-graphite-2:#13203a;--color-graphite-ink:#fff;--color-graphite-muted:#e3efff;--color-error:#b72f2a;--color-error-wash:#fff0ef;--color-success:#0f7a2f;--color-success-wash:#eaf8ee;--color-warning:#956200;--color-warning-wash:#fff6dc;--shadow-card:0 10px 28px #0b1b3310;--radius-card:14px;--radius-input:8px;--flux-gradient:linear-gradient(125deg,#0086bd,#7b2fbe)}
html[data-theme="dark"]{color-scheme:dark;--color-paper:#0f1a30;--color-paper-2:#0a0f1e;--color-paper-3:#13203a;--color-ink:#e8f4fd;--color-ink-2:#b3c5dd;--color-muted:#9fb3cc;--color-rule:#1f3050;--color-rule-2:#2c4060;--color-accent:#00c2ff;--color-accent-deep:#66d9ff;--color-accent-2:#a8ecff;--color-accent-wash:#102e46;--color-accent-ink:#071526;--color-focus:#00c2ff;--color-key-face:#13203a;--color-key-edge:#2c4060;--color-code:#13203a;--color-disabled:#46597a;--color-graphite:#070c18;--color-graphite-2:#13203a;--color-graphite-muted:#b3c5dd;--color-error:#ffaaa5;--color-error-wash:#402225;--color-success:#7ee08a;--color-success-wash:#143621;--color-warning:#ffd171;--color-warning-wash:#3c3116;--shadow-card:0 16px 38px #0003;--flux-gradient:linear-gradient(125deg,#123b5e,#1c2440)}
body{color:var(--color-ink)}.app-bar{background:var(--flux-gradient);border-color:transparent}.app-bar a,.app-bar summary,.app-bar .link-button,.nav-toggle{color:#fff}.app-bar .wordmark b{color:#e3efff}.app-bar .main-nav a:hover,.app-bar .main-nav summary:hover,.app-bar a[aria-current="page"],.app-bar summary[aria-current="page"]{background:#ffffff1f;border-color:#ffffff30}.nav-group__menu{background:var(--color-graphite)}
.app-main{background-image:radial-gradient(color-mix(in srgb,var(--color-accent) 9%,transparent) 1px,transparent 1px);background-size:42px 42px}.cut{clip-path:none;border-radius:var(--radius-card)}.workspace,.auth-shell{box-shadow:var(--shadow-card)}.auth-copy{background:var(--flux-gradient);color:#fff}.auth-copy p,.auth-brand{color:#e3efff}.key{box-shadow:none;border-radius:8px;min-height:42px}.key--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);box-shadow:none}.key--primary:hover{background:var(--color-accent-deep);color:var(--color-accent-ink)}
.theme-toggle{cursor:pointer;border:1px solid #ffffff60;border-radius:8px;background:#ffffff15;color:#fff;padding:8px 12px;min-height:40px;white-space:nowrap;font:600 13px var(--font-body)}.theme-toggle:hover{background:#ffffff30}.guest-theme{position:absolute;right:24px;top:20px;background:var(--color-paper);color:var(--color-ink);border-color:var(--color-rule)}.guest-theme:hover{background:var(--color-paper-3)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.resource-form{padding:24px;border:1px solid var(--color-rule);border-radius:14px;background:var(--color-paper);display:grid;gap:14px}.resource-form h2,.resource-form p{margin:0}.resource-form label{display:grid;gap:8px}.resource-form input{width:100%;min-height:42px}.resource-grid input{background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-rule-2);border-radius:8px;padding:8px}.resource-grid button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1100px){.resource-grid{grid-template-columns:1fr}}@media(max-width:760px){.resource-form{padding:18px}.guest-theme{top:12px;right:16px}}
.has-sidebar{padding-left:248px}.has-sidebar .app-bar{position:fixed;inset:0 auto 0 0;width:248px;height:100dvh;overflow-y:auto;background:var(--flux-gradient);box-shadow:8px 0 30px #0b1b3314}.app-bar__inner{display:flex;flex-direction:column;align-items:stretch;padding:28px 16px;min-height:100%;gap:28px}.wordmark{padding:0 12px}.wordmark span{font-size:25px}.main-nav,.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;padding:0}.main-nav a,.main-nav summary{text-align:left;justify-content:flex-start;white-space:normal}.nav-group summary:after{margin-left:auto}.app-bar .nav-submenu{position:static;display:grid;min-width:0;padding:5px 0 5px 12px;margin:4px 0;background:#00000018;border:0;box-shadow:none}.app-bar .nav-submenu a{color:#fff;font-size:12px}.user-menu{display:flex;flex-wrap:wrap;margin-top:auto;justify-content:flex-start;gap:8px;padding:18px 10px 0;border-top:1px solid #ffffff25}.user-menu>a{width:100%;padding:0;overflow-wrap:anywhere}.user-menu .theme-toggle{order:3;width:100%;margin-top:8px}.app-bar .nav-toggle{display:none}.app-main{max-width:1600px}.ct-overview{margin-bottom:32px}.ct-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px}.ct-card{padding:22px;border:1px solid var(--color-rule);border-radius:16px;background:var(--color-paper);box-shadow:var(--shadow-card)}.ct-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ct-id{font-size:11px;font-weight:700;color:var(--color-accent);letter-spacing:.08em}.ct-card h3{font-size:17px;margin:4px 0 0;overflow-wrap:anywhere}.ct-card>p{font-size:12px;color:var(--color-muted);margin:10px 0 20px}.ct-status{border-radius:20px;padding:4px 8px;font-size:10px;font-weight:600;white-space:nowrap}.ct-running{background:var(--color-success-wash);color:var(--color-success)}.ct-stopped,.ct-stale{background:var(--color-warning-wash);color:var(--color-warning)}.ct-card dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}.ct-card dt{font-size:11px;color:var(--color-muted);margin-bottom:6px}.ct-card dd{font:600 13px var(--font-body);margin:0}.ct-card small{display:block;font-size:10px;color:var(--color-muted);font-weight:400;margin-top:5px}.ct-card meter{width:100%;height:8px;margin-top:6px;accent-color:var(--color-accent)}.ct-card footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid var(--color-rule);font-size:11px}.ct-card footer small{margin:0}.ct-card footer a{text-decoration:none;color:var(--color-accent-deep)}
@media(max-width:900px){.has-sidebar{padding-left:0;padding-top:72px}.has-sidebar .app-bar{width:100%;height:72px;overflow:visible;inset:0 0 auto}.app-bar__inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:72px;padding:12px 18px;gap:12px}.wordmark{padding:0}.wordmark span{font-size:20px}.app-bar .nav-toggle{display:inline-flex;margin-left:auto;order:3}.main-nav{display:none}.main-nav.is-open{display:flex;position:fixed;top:72px;left:0;bottom:0;width:min(300px,88vw);padding:22px 16px 150px;background:var(--flux-gradient);overflow-y:auto;box-shadow:12px 0 50px #0005}.user-menu{border:0;padding:0;margin:0;display:block}.user-menu>a,.user-menu>form{display:none}.user-menu .theme-toggle{margin:0;padding:6px 10px;width:auto;font-size:12px}.nav-open .user-menu{position:fixed;left:0;bottom:0;width:min(300px,88vw);padding:16px;background:var(--color-graphite);z-index:301;display:flex}.nav-open .user-menu>a,.nav-open .user-menu>form{display:block}.nav-open .user-menu .theme-toggle{width:auto}.nav-open .main-nav{padding-bottom:170px}.ct-card{padding:20px}.ct-cards{gap:16px}}
