:root,[data-theme=dark]{color-scheme:dark;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#141414;--bg-elevated:#0d0d0d;--bg-nav:#111;--border-primary:#2a2a2a;--border-secondary:#333;--border-muted:#222;--border-subtle:#374151;--text-primary:#e5e7eb;--text-muted:#9ca3af;--text-accent:#f97316;--text-success:#22c55e;--text-error:#ef4444;--text-warning:#fca5a5;--text-code:#f97316;--card-bg:#1a1a1a;--card-border:#2a2a2a;--input-bg:#141414;--input-border:#333;--input-text:#e5e7eb;--button-bg:#c2410c;--button-border:#ea580c;--badge-bg:#222;--badge-text:#94a3b8;--board-count-bg:#222;--board-count-text:#9ca3af;--board-header-bg:#161616;--trigger-bg:#3b1a08;--trigger-border:#c2410c;--trigger-text:#fdba74;--trigger-hover-bg:#c2410c;--trigger-hover-text:#fff;--modal-overlay:rgba(0,0,0,.65);--close-hover-bg:#222;--pipeline-active-bg:#1f1208;--cancel-bg:#374151;--cancel-border:#4b5563;--no-api-bg:#1c1017;--no-api-border:#5c1a1a;--success-badge-bg:#16532c;--fail-badge-bg:#5c1a1a;--active-badge-bg:#4a3b12}[data-theme=light]{color-scheme:light;--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f0f1f3;--bg-elevated:#f5f5f5;--bg-nav:#fff;--border-primary:#e2e4e8;--border-secondary:#d1d5db;--border-muted:#e5e7eb;--border-subtle:#d1d5db;--text-primary:#1f2937;--text-muted:#6b7280;--text-accent:#ea580c;--text-success:#16a34a;--text-error:#dc2626;--text-warning:#b91c1c;--text-code:#ea580c;--card-bg:#fff;--card-border:#e2e4e8;--input-bg:#f8f9fa;--input-border:#d1d5db;--input-text:#1f2937;--button-bg:#ea580c;--button-border:#c2410c;--badge-bg:#f0f1f3;--badge-text:#475569;--board-count-bg:#e5e7eb;--board-count-text:#6b7280;--board-header-bg:#f5f5f5;--trigger-bg:#fff7ed;--trigger-border:#ea580c;--trigger-text:#c2410c;--trigger-hover-bg:#ea580c;--trigger-hover-text:#fff;--modal-overlay:rgba(0,0,0,.35);--close-hover-bg:#e5e7eb;--pipeline-active-bg:#fff7ed;--cancel-bg:#e5e7eb;--cancel-border:#d1d5db;--no-api-bg:#fef2f2;--no-api-border:#fecaca;--success-badge-bg:#dcfce7;--fail-badge-bg:#fef2f2;--active-badge-bg:#fef9c3}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .2s,color .2s}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.button,.input,.select,.textarea{width:100%;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);padding:10px}.button{cursor:pointer;background:var(--button-bg);border:1px solid var(--button-border);color:#fff}.muted{color:var(--text-muted)}.stage{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-primary)}.status{text-transform:uppercase;letter-spacing:.04em}.log,.status{font-size:12px}.log{max-height:380px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;border:1px solid var(--border-primary);border-radius:8px;padding:10px;background:var(--bg-elevated)}.board{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;min-height:500px}.board-column{background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border-muted);display:flex;flex-direction:column;min-height:400px}.board-column-header{padding:10px 12px;font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center;border-top:3px solid #6b7280;border-radius:10px 10px 0 0;background:var(--board-header-bg)}.board-count{background:var(--board-count-bg);color:var(--board-count-text);font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.board-column-body{padding:8px;display:flex;flex-direction:column;gap:8px;flex:1 1;overflow-y:auto}.board-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:12px;cursor:pointer;transition:border-color .15s,transform .1s}.board-card:hover{border-color:var(--text-accent);transform:translateY(-1px)}.board-card:active{transform:translateY(0)}.board-card[draggable=true]{cursor:-webkit-grab;cursor:grab}.board-card[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.board-card-title{font-size:13px;font-weight:600;line-height:1.3}.board-card-desc{font-size:12px;color:var(--text-muted);margin:6px 0 0;line-height:1.4}.board-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}.board-label{font-size:10px;background:var(--badge-bg);color:var(--badge-text);padding:2px 8px}.board-label,.pipeline-badge{border-radius:4px;font-weight:500}.pipeline-badge{font-size:11px;padding:3px 8px;text-decoration:none;color:var(--text-primary);text-transform:uppercase}.trigger-btn{font-size:11px;padding:4px 10px;border-radius:4px;border:1px solid var(--trigger-border);background:var(--trigger-bg);color:var(--trigger-text);cursor:pointer;transition:background .15s}.trigger-btn:hover{background:var(--trigger-hover-bg);color:var(--trigger-hover-text)}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{border:1px solid var(--card-border);border-radius:12px;width:90%;max-width:520px;max-height:85vh}.modal,.slide-over{background:var(--card-bg);padding:24px;overflow-y:auto}.slide-over{position:fixed;right:0;top:0;bottom:0;width:480px;max-width:90vw;border-left:1px solid var(--card-border);z-index:1001}.close-btn{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px}.close-btn:hover{background:var(--close-hover-bg);color:var(--text-primary)}.detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px}.pipeline-list-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:10px 12px;cursor:pointer;transition:border-color .15s}.pipeline-list-item-active,.pipeline-list-item:hover{border-color:var(--text-accent)}.pipeline-list-item-active{background:var(--pipeline-active-bg)}.stat-card{text-align:center;padding:20px;transition:border-color .15s,transform .1s;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.stat-card:hover{border-color:var(--text-accent);transform:translateY(-2px)}.theme-toggle{background:none;border:1px solid var(--border-primary);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--text-muted);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s;line-height:1}.theme-toggle:hover{background:var(--close-hover-bg);border-color:var(--text-accent);color:var(--text-primary)}.text-break{overflow-wrap:anywhere;word-break:break-word}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-title-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.pipeline-layout{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:16px;gap:16px;min-width:0}.pipeline-detail-column{display:flex;flex-direction:column;gap:16px;min-width:0}.three-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:16px}.two-col-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.span-two{grid-column:span 2}.row-actions{flex-wrap:wrap}.board-page-header,.row-actions{display:flex;align-items:center;gap:12px}.board-page-header{justify-content:space-between;margin-bottom:20px}.board-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.inline-tags-row{display:flex;flex-wrap:wrap;gap:6px}.modal-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;flex-wrap:wrap}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid var(--border-primary);background:var(--bg-nav)}.landing-header-actions,.landing-header-brand{display:flex;align-items:center;gap:10px}.landing-header-actions{flex-wrap:nowrap;justify-content:flex-end}.landing-main{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px 40px;text-align:center}.landing-hero-title{font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.1;margin:0 0 16px;max-width:700px;letter-spacing:-.03em}.landing-hero-subtitle{font-size:clamp(1rem,3vw,1.125rem);line-height:1.6;max-width:560px;margin:0 0 36px}.landing-cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;max-width:800px;width:100%;margin-top:64px}.settings-stack{gap:16px}.accordion-body,.settings-stack{display:flex;flex-direction:column}.accordion-body{padding:0 16px 16px;gap:12px}.main-nav{padding:10px 24px;background:var(--bg-nav);border-bottom:1px solid var(--border-primary);font-size:14px;gap:14px}.main-nav,.main-nav-brand{display:flex;align-items:center}.main-nav-brand{gap:10px;text-decoration:none;min-width:-moz-fit-content;min-width:fit-content}.main-nav-links{display:flex;align-items:center;gap:16px;flex:1 1;min-width:0}.main-nav-link{text-decoration:none;white-space:nowrap}.main-nav-user{font-size:13px;margin-right:12px;white-space:nowrap}.main-nav-menu-btn,.main-nav-mobile-panel{display:none}.main-nav-mobile-link{display:block;padding:10px 12px;border:1px solid var(--border-primary);border-radius:8px;text-decoration:none;font-weight:500}.main-nav-mobile-actions{display:flex;gap:8px}@media (max-width:1200px){.board{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.container{padding:16px}.board,.grid{grid-template-columns:1fr}.board,.board-column{min-height:0}.board-column-body{max-height:360px}.dashboard-stats-grid,.modal-two-col,.three-metric-grid,.two-col-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.board-page-header,.page-title-row,.section-header{flex-direction:column;align-items:flex-start}.modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:16px}.slide-over{width:100vw;max-width:100vw;padding:16px}.pipeline-layout{grid-template-columns:1fr}.landing-header{padding:12px 16px;flex-wrap:nowrap}.landing-header-actions{gap:8px}.landing-header-primary-btn{padding:8px 14px!important}.landing-header-secondary-btn{padding:8px 10px!important}.landing-main{padding:40px 16px 28px}.landing-features-grid{margin-top:36px;grid-template-columns:1fr}.landing-cta-row>*{width:100%;text-align:center}.settings-stack{gap:12px}.accordion-body{padding:0 12px 12px}.modal-actions,.row-actions{justify-content:stretch}.modal-actions>*,.row-actions>*{width:100%!important;text-align:center}.main-nav{padding:10px 14px;justify-content:space-between;flex-wrap:wrap;gap:10px}.main-nav-desktop-actions,.main-nav-links,.main-nav-user{display:none}.main-nav-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}.main-nav-mobile-panel{display:flex;width:100%;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid var(--border-primary)}.main-nav-mobile-actions{justify-content:stretch}.main-nav-mobile-actions .theme-toggle{flex:1 1;min-height:40px}}@media (max-width:430px){.landing-header{gap:8px}.landing-header-brand span{font-size:16px!important}.landing-header-actions .theme-toggle{padding:6px 8px;min-width:38px;min-height:38px}.landing-header-primary-btn,.landing-header-secondary-btn{font-size:12px!important}.board-card{padding:10px}.board-card-title{font-size:12px}.board-card-desc{font-size:11px}.pipeline-badge,.trigger-btn{font-size:10px}.auth-page{padding:16px}.auth-card{max-width:100%}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.auth-card{width:100%;max-width:400px}.auth-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.auth-error{background:var(--no-api-bg);border:1px solid var(--no-api-border);color:var(--text-error);padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:12px}