:root,[data-theme=light]{--bg: #f5f5f5;--chrome: #ffffff;--surface: #ffffff;--surface2: #d1d1d1;--surface-muted: #fafafa;--code-bg: #f3f2f1;--border: #e0e0e0;--text: #242424;--muted: #616161;--accent: #0f6cbd;--accent-dim: #115ea3;--nav-hover: #f3f2f1;--nav-active: #e8f3ff;--danger: #b10e1c;--radius: 6px;--shadow-sm: 0 1px 0 rgba(0, 0, 0, .04);--field-input-max: 26rem;--field-textarea-max: min(100%, 42rem);--shadow-lg: 0 -4px 18px rgba(0, 0, 0, .12);--font: "Segoe UI", system-ui, Roboto, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0);--input-bg: #ffffff;--input-border: #d1d1d1;--input-focus-glow: rgba(15, 108, 189, .18);--btn-ghost-bg: #ffffff;--btn-ghost-hover-bg: #fafafa;--btn-ghost-border: #d1d1d1;--btn-ghost-hover-border: #8a8886;--btn-danger-surface: #ffffff;--btn-danger-border: #f1b8bd;--btn-danger-hover: #fdf3f4;--google-text: #1f1f1f;--google-border: rgba(0, 0, 0, .12);--google-shadow: 0 1px 2px rgba(0, 0, 0, .06);--google-border-hover: rgba(0, 0, 0, .2);--mobile-nav-bg: rgba(255, 255, 255, .96);--on-accent: #ffffff;--list-divider: rgba(148, 163, 184, .15);--teal-tint: rgba(20, 184, 166, .1);--teal-tint-soft: rgba(20, 184, 166, .07);--status-ok: #107c10;--status-ok-bg: #f1fbf1;--status-ok-border: #badcba;--status-warn: #0f6cbd;--status-warn-bg: #f3f8ff;--status-warn-border: #b4d6fa;--row-alt: #edebe9;--automation-hl-border: rgba(45, 212, 191, .45);--auth-backdrop: rgba(148, 163, 184, .25)}[data-theme=dark]{--bg: #1a1a1a;--chrome: #222222;--surface: #2a2a2a;--surface2: #4a4a4a;--surface-muted: #2f2f2f;--code-bg: #333333;--border: #404040;--text: #ececec;--muted: #a6a6a6;--accent: #58a6ff;--accent-dim: #4c94e8;--nav-hover: #323232;--nav-active: #1e3a5f;--danger: #f85149;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 -4px 18px rgba(0, 0, 0, .5);--input-bg: #1e1e1e;--input-border: #444444;--input-focus-glow: rgba(88, 166, 255, .25);--btn-ghost-bg: #2a2a2a;--btn-ghost-hover-bg: #353535;--btn-ghost-border: #444444;--btn-ghost-hover-border: #7a7a7a;--btn-danger-surface: #2a2a2a;--btn-danger-border: #6a2a2f;--btn-danger-hover: #3a1f22;--google-text: #e8e8e8;--google-border: rgba(255, 255, 255, .15);--google-shadow: 0 1px 2px rgba(0, 0, 0, .35);--google-border-hover: rgba(255, 255, 255, .25);--mobile-nav-bg: rgba(30, 30, 30, .96);--on-accent: #ffffff;--list-divider: rgba(148, 163, 184, .2);--teal-tint: rgba(20, 184, 166, .12);--teal-tint-soft: rgba(20, 184, 166, .08);--status-ok: #3fb950;--status-ok-bg: #0f2a12;--status-ok-border: #1f4a24;--status-warn: #58a6ff;--status-warn-bg: #0d1a2a;--status-warn-border: #1e4a6e;--row-alt: #2d2c2a;--automation-hl-border: rgba(45, 212, 191, .35);--auth-backdrop: rgba(50, 70, 100, .45)}[data-theme=brown]{--bg: #16110e;--chrome: #1e1814;--surface: #252019;--surface2: #4a3d32;--surface-muted: #1f1a16;--code-bg: #2a231c;--border: #3d342c;--text: #f2ebe4;--muted: #b5a99c;--accent: #c9a06c;--accent-dim: #a67c4a;--nav-hover: #2e2822;--nav-active: #3d3026;--danger: #e57373;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-lg: 0 -4px 18px rgba(0, 0, 0, .55);--input-bg: #1c1714;--input-border: #4a4038;--input-focus-glow: rgba(201, 160, 108, .28);--btn-ghost-bg: #252019;--btn-ghost-hover-bg: #2e2822;--btn-ghost-border: #4a4038;--btn-ghost-hover-border: #7a6a5a;--btn-danger-surface: #252019;--btn-danger-border: #6a3a3a;--btn-danger-hover: #3a2222;--google-text: #f2ebe4;--google-border: rgba(255, 255, 255, .12);--google-shadow: 0 1px 2px rgba(0, 0, 0, .4);--google-border-hover: rgba(255, 255, 255, .22);--mobile-nav-bg: rgba(22, 17, 14, .96);--on-accent: #1a1410;--list-divider: rgba(181, 169, 156, .18);--teal-tint: rgba(20, 184, 166, .1);--teal-tint-soft: rgba(20, 184, 166, .06);--status-ok: #7fd67f;--status-ok-bg: #142818;--status-ok-border: #2a5a32;--status-warn: #e8c48a;--status-warn-bg: #2a2218;--status-warn-border: #6b542c;--row-alt: #221d18;--automation-hl-border: rgba(201, 160, 108, .45);--auth-backdrop: rgba(30, 20, 14, .65)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;font-size:15px}#root{min-height:100dvh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.card,.surface{background:var(--surface);border-radius:var(--radius);padding:.9rem 1.1rem;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.surface-tight{padding:.85rem 1rem}.surface-header{background:transparent;border-radius:0;padding:0;border:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .95rem;min-height:40px;border-radius:4px;border:1px solid transparent;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;touch-action:manipulation}@media(max-width:760px){.btn{min-height:44px}}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-dim);text-decoration:none}.btn-ghost{background:var(--btn-ghost-bg);color:var(--text);border:1px solid var(--btn-ghost-border)}.btn-ghost:hover{color:var(--text);border-color:var(--btn-ghost-hover-border);background:var(--btn-ghost-hover-bg);text-decoration:none}.btn-danger{background:var(--btn-danger-surface);color:var(--danger);border:1px solid var(--btn-danger-border)}.btn-danger:hover{background:var(--btn-danger-hover)}.btn-google{width:100%;background:var(--btn-ghost-bg);color:var(--google-text);border:1px solid var(--google-border);box-shadow:var(--google-shadow);font-weight:600}.btn-google:hover{filter:brightness(.98);border-color:var(--google-border-hover)}.btn-google:disabled{opacity:.65}.field{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:1rem;max-width:100%}.field.field-fluid{align-items:stretch}.field.field-fluid>input:not([type=checkbox]):not([type=radio]):not([type=file]),.field.field-fluid>select,.field.field-fluid>textarea{max-width:none}.field label{font-size:.8rem;color:var(--muted);font-weight:600}.field input:not([type=checkbox]):not([type=radio]):not([type=file]),.field select,.field textarea{width:100%;max-width:var(--field-input-max);box-sizing:border-box;padding:.45rem .65rem;min-height:40px;border-radius:4px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text)}.field textarea{max-width:var(--field-textarea-max);min-height:88px;resize:vertical}@media(max-width:760px){.field input:not([type=checkbox]):not([type=radio]):not([type=file]),.field select{min-height:44px;padding:.55rem .75rem}}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:2px solid var(--input-focus-glow);outline-offset:0}.field .picker-row{display:flex;gap:.5rem;align-items:stretch;width:100%;max-width:min(100%,34rem)}.field .picker-row input{flex:1;min-width:0;max-width:none}.field .picker-add{flex-shrink:0}.field .picker-menu{margin-top:.35rem;width:100%;max-width:min(100%,34rem);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.field .picker-option{width:100%;display:flex;flex-direction:row;align-items:center;gap:.45rem;padding:.55rem .7rem;border:0;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;font:inherit}.field .picker-option.picker-option-addnew{border-top:1px dashed var(--border);background:var(--surface-muted)}.field .picker-option.picker-option-addnew:hover,.field .picker-option:hover{background:var(--nav-hover)}.field .picker-option:last-child{border-bottom:0}.field .picker-option-text{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:0}.field .picker-option-text span,.field .picker-link{font-size:.8rem}@media(max-width:520px){.field .picker-row{flex-direction:column}.field .picker-add{width:100%;justify-content:center}}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.error-msg{color:var(--danger);font-size:.875rem}.field-error{margin:.25rem 0 0;font-size:.8rem;color:var(--danger)}.field input:not([type=checkbox]):not([type=radio]):not([type=file])[aria-invalid=true],.field textarea[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--danger)}.saving-inline{display:inline-flex;align-items:center;gap:.4rem}.saving-spinner{flex-shrink:0;animation:saving-spin .7s linear infinite}@keyframes saving-spin{to{transform:rotate(360deg)}}.muted{color:var(--muted);font-size:.875rem}@media(min-width:768px){.page-grid{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}}.msg-success{color:var(--status-ok);background:var(--status-ok-bg);border:1px solid var(--status-ok-border);padding:.5rem .75rem;border-radius:var(--radius);font-size:.875rem}.msg-error{color:var(--danger);background:var(--btn-danger-hover);border:1px solid var(--btn-danger-border);padding:.5rem .75rem;border-radius:var(--radius);font-size:.875rem}.toast-viewport{position:fixed;z-index:9999;bottom:max(1rem,env(safe-area-inset-bottom,0));right:1rem;display:flex;flex-direction:column;gap:.5rem;max-width:min(calc(100vw - 2rem),22rem);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:.75rem;padding:.7rem .85rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:0 4px 16px #0000002e;font-size:.9rem;line-height:1.35;animation:toast-in .18s ease-out}.toast-success{border-color:var(--status-ok-border);background:var(--status-ok-bg);color:var(--status-ok)}.toast-error{border-color:var(--btn-danger-border);background:var(--btn-danger-hover);color:var(--danger)}.toast-info{border-color:var(--status-warn-border);background:var(--status-warn-bg);color:var(--status-warn)}.toast-message{flex:1 1 auto;word-break:break-word}.toast-close{flex-shrink:0;background:transparent;border:none;color:inherit;font-size:1.25rem;line-height:1;padding:0 .25rem;margin-top:-.1rem;opacity:.7}.toast-close:hover{opacity:1}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.list-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:var(--muted);font-size:.9rem}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spinner-spin .7s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}.not-found{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center}.not-found h1{font-size:2rem;margin:0}.pipeline-card[draggable=true]{cursor:grab}.pipeline-card.is-dragging{opacity:.5;cursor:grabbing}.pipeline-column.is-drop-target{background:var(--nav-active);outline:2px dashed var(--accent);outline-offset:-4px}