:root{font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;background:#0b0f19;color:#e6e9f2}a{color:inherit}.container{max-width:980px;margin:0 auto;padding:24px}.card{background:#121a2b;border:1px solid #1f2a44;border-radius:14px;padding:16px}.row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent, #2b7cff);border:0;color:#fff;padding:10px 18px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;line-height:1.2;min-height:44px;letter-spacing:-.01em;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff1a;transition:background .2s ease-out,box-shadow .2s ease-out,transform .12s ease-out,opacity .2s;-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--accent-hover, #1a6aee);box-shadow:0 2px 8px #2b7cff4d,inset 0 1px #ffffff1f}.btn:active{transform:scale(.97);box-shadow:0 0 #0000}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn:focus-visible{outline:2px solid var(--accent, #2b7cff);outline-offset:2px}.input{background:#0b1224;border:1px solid #1f2a44;color:#e6e9f2;padding:12px 14px;border-radius:10px;min-width:260px;min-height:44px}.input:focus-visible{outline:2px solid #2b7cff;outline-offset:1px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.small{font-size:12px;color:#a8b3cf}.h1{font-size:22px;font-weight:700;margin:0 0 6px}.h2{font-size:16px;font-weight:700;margin:0 0 10px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{border-bottom:1px solid #1f2a44;padding:10px 8px;text-align:left}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#1b2b4d;border:1px solid #2a3a5f;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.route-fallback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#07111f;color:#d6deeb}.route-fallback-card{min-width:220px;text-align:center}.landing{--accent: #2b7cff;--accent-hover: #1a6aee;--bg: #0b0f19;--bg-card: #121a2b;--bg-dark: #080c15;--border: #1f2a44;--text: #e6e9f2;--text-muted: #8b95b0;--text-dim: #7a839b;--gradient-start: #2b7cff;--gradient-end: #7c3aed;--radius: 12px}.lp-nav{position:sticky;top:12px;left:16px;right:16px;z-index:100;margin:12px 16px 0;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);background:#0b0f19bf;border:1px solid rgba(31,42,68,.6);border-radius:14px}.lp-nav-inner{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.lp-logo{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;color:var(--text)}.lp-logo svg{color:var(--accent)}.lp-nav-links{display:flex;align-items:center;gap:24px}.lp-nav-links a{font-size:14px;color:var(--text-muted);text-decoration:none;transition:color .15s;border-radius:6px;padding:10px 12px;min-height:44px;display:inline-flex;align-items:center}.lp-nav-links a:hover{color:var(--text)}.lp-nav-links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lp-btn-sm{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff!important;padding:10px 18px;min-height:44px;border-radius:12px;font-size:13px;font-weight:600;text-decoration:none;letter-spacing:-.01em;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff1a;transition:background .2s ease-out,box-shadow .2s ease-out,transform .12s ease-out}.lp-btn-sm:hover{background:var(--accent-hover);box-shadow:0 2px 8px #2b7cff4d,inset 0 1px #ffffff1f}.lp-btn-sm:active{transform:scale(.97)}.lp-btn-sm:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lp-hero{max-width:800px;margin:0 auto;padding:72px 24px 60px;text-align:center}.lp-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#2b7cff1a;border:1px solid rgba(43,124,255,.3);color:var(--accent);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:24px}.lp-hero-title{font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 20px;color:var(--text)}.lp-gradient-text{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero-sub{font-size:18px;line-height:1.6;color:var(--text-muted);max-width:580px;margin:0 auto 32px}.lp-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.lp-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:14px 28px;border-radius:14px;font-size:15px;font-weight:600;letter-spacing:-.01em;text-decoration:none;border:none;cursor:pointer;min-height:44px;box-shadow:0 1px 4px #00000040,inset 0 1px #ffffff1a;transition:background .2s ease-out,box-shadow .2s ease-out,transform .12s ease-out}.lp-btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px #2b7cff59,inset 0 1px #ffffff1f}.lp-btn-primary:active{transform:scale(.97);box-shadow:0 1px 2px #0003}.lp-btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lp-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.lp-hero-stats{display:flex;align-items:center;justify-content:center;gap:32px}.lp-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.lp-stat-num{font-size:24px;font-weight:800;color:var(--text)}.lp-stat-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.lp-stat-divider{width:1px;height:32px;background:var(--border)}.lp-logobar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 24px;text-align:center}.lp-logobar p{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:0 0 12px}.lp-logobar-items{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;font-size:14px;color:var(--text-muted)}.lp-section{padding:80px 24px}.lp-section-dark{background:var(--bg-dark)}.lp-section-inner{max-width:1100px;margin:0 auto}.lp-section-header{text-align:center;margin-bottom:48px}.lp-section-header h2{font-size:32px;font-weight:800;margin:0 0 12px;color:var(--text)}.lp-section-header p{font-size:16px;color:var(--text-muted);margin:0}.lp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.lp-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;cursor:default;transition:border-color .2s,box-shadow .2s,transform .2s}.lp-feature-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #2b7cff1a;transform:translateY(-2px)}.lp-feature-icon{width:44px;height:44px;border-radius:10px;background:#2b7cff26;display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:16px}.lp-feature-card h3{font-size:17px;font-weight:700;margin:0 0 8px;color:var(--text)}.lp-feature-card p{font-size:14px;line-height:1.6;color:var(--text-muted);margin:0}.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}.lp-step{text-align:center;padding:32px 20px;position:relative}.lp-step-num{font-size:48px;font-weight:900;color:#2b7cff26;margin-bottom:12px}.lp-step h3{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--text)}.lp-step p{font-size:14px;line-height:1.6;color:var(--text-muted);margin:0}.lp-step-arrow{display:none}.lp-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:960px;margin:0 auto}.lp-pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;position:relative;transition:border-color .2s,box-shadow .2s,transform .2s}.lp-pricing-card:hover{border-color:#2b7cff4d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.lp-pricing-featured{border-color:var(--accent);box-shadow:0 0 40px #2b7cff1a}.lp-pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:4px 16px;border-radius:999px;font-size:12px;font-weight:700}.lp-pricing-card h3{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--text)}.lp-pricing-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.lp-pricing-amount{font-size:40px;font-weight:800;color:var(--text)}.lp-pricing-period{font-size:14px;color:var(--text-dim)}.lp-pricing-desc{font-size:14px;color:var(--text-muted);margin:0 0 20px}.lp-pricing-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.lp-pricing-features li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:var(--text-muted)}.lp-pricing-features li svg{color:#4caf50;flex-shrink:0}.lp-pricing-note{text-align:center;margin-top:24px;font-size:15px;color:var(--text-muted)}.lp-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;color:var(--text-muted);padding:14px 28px;border-radius:14px;font-size:15px;font-weight:600;letter-spacing:-.01em;text-decoration:none;border:1px solid rgba(255,255,255,.08);cursor:pointer;min-height:44px;transition:color .2s ease-out,border-color .2s ease-out,background .2s ease-out,transform .12s ease-out}.lp-btn-ghost:hover{color:var(--text);border-color:#ffffff26;background:#ffffff14}.lp-btn-ghost:active{transform:scale(.97)}.lp-btn-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lp-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text);min-height:44px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:-.01em;text-decoration:none;border:1px solid var(--border);cursor:pointer;width:100%;justify-content:center;transition:border-color .2s ease-out,background .2s ease-out,transform .12s ease-out}.lp-btn-outline:hover{border-color:var(--accent);background:#2b7cff0f}.lp-btn-outline:active{transform:scale(.97)}.lp-btn-outline:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lp-section-cta{background:linear-gradient(180deg,var(--bg) 0%,rgba(43,124,255,.05) 100%)}.lp-cta-content{max-width:560px;margin:0 auto;text-align:center}.lp-cta-content h2{font-size:32px;font-weight:800;margin:0 0 12px;color:var(--text)}.lp-cta-content>p{font-size:16px;color:var(--text-muted);margin:0 0 28px}.lp-cta-form{display:flex;gap:8px;margin-bottom:12px}.lp-cta-input{flex:1;padding:14px 18px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:15px;outline:none;transition:border-color .15s}.lp-cta-input:focus{border-color:var(--accent)}.lp-cta-input::placeholder{color:var(--text-dim)}.lp-cta-success{display:flex;align-items:center;justify-content:center;gap:8px;background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50;padding:16px;border-radius:10px;font-size:15px;font-weight:600}.lp-cta-error{color:#f44336;font-size:13px;margin:8px 0 0}.lp-cta-note{font-size:12px;color:var(--text-dim);margin:8px 0 0}.lp-footer{border-top:1px solid var(--border);padding:32px 24px}.lp-footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.lp-footer-brand{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:var(--text-muted)}.lp-footer-brand svg{color:var(--accent)}.lp-footer-links{display:flex;gap:20px}.lp-footer-links a{font-size:13px;color:var(--text-dim);text-decoration:none;cursor:pointer;transition:color .15s;padding:10px 8px;min-height:44px;display:inline-flex;align-items:center}.lp-footer-links a:hover{color:var(--text)}.lp-footer-copy{font-size:12px;color:var(--text-dim);margin:0}.app-topbar{background:#0b0f19e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border, #1f2a44);padding:10px 24px}.app-topbar-inner{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.app-topbar-brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#e6e9f2;text-decoration:none}.app-topbar-brand svg{color:var(--accent, #2b7cff)}.auth-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at top,rgba(43,124,255,.12),transparent 50%),radial-gradient(ellipse at bottom right,rgba(124,58,237,.08),transparent 40%),var(--bg, #0b0f19)}.auth-gate-card{text-align:center;max-width:420px;width:100%;background:var(--bg-card, #121a2b);border:1px solid var(--border, #1f2a44);border-radius:16px;padding:40px 32px;box-shadow:0 8px 40px #0000004d}.auth-gate-icon{color:var(--accent, #2b7cff);margin-bottom:20px;filter:drop-shadow(0 0 12px rgba(43,124,255,.4))}.auth-gate-card h2{font-size:22px;font-weight:800;margin:0 0 10px;color:var(--text, #e6e9f2);letter-spacing:-.01em}.auth-gate-card p{font-size:14px;line-height:1.6;color:var(--text-muted, #8b95b0);margin:0 0 28px}.auth-gate-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim, #5a6580);text-decoration:none;cursor:pointer;min-height:44px;padding:10px;border-radius:8px;transition:color .15s,background .15s}.auth-gate-back:hover{color:var(--text, #e6e9f2);background:#ffffff0a}.auth-gate-back:focus-visible{outline:2px solid var(--accent, #2b7cff);outline-offset:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@media (max-width: 768px){.lp-nav-links a:not(.lp-btn-sm){display:none}.lp-hero{padding:48px 20px 40px}.lp-hero-stats{gap:20px}.lp-stat-num{font-size:20px}.lp-steps,.lp-features-grid{grid-template-columns:1fr}.lp-pricing-grid{grid-template-columns:1fr;max-width:400px}.lp-cta-form{flex-direction:column}.lp-footer-inner{flex-direction:column;text-align:center}.lp-footer-links{flex-wrap:wrap;justify-content:center}}.dash-page{--accent: #2b7cff;--accent-hover: #1a6aee;--bg: #0b0f19;--bg-card: #121a2b;--bg-dark: #080c15;--border: #1f2a44;--text: #e6e9f2;--text-muted: #8b95b0;--text-dim: #5a6580;--radius: 12px;--success: #4caf50;--error: #ef4444;--purple: #7c3aed;min-height:100vh;background:var(--bg);color:var(--text)}.dash-nav{background:#0b0f19f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.dash-nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:56px}.dash-nav-brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--text);text-decoration:none}.dash-nav-brand svg{color:var(--accent)}.dash-nav-links{display:flex;align-items:center;gap:4px}.dash-nav-link{display:inline-flex;align-items:center;padding:8px 14px;font-size:14px;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:6px;cursor:pointer;min-height:44px;transition:color .15s,background .15s}.dash-nav-link:hover{color:var(--text);background:#2b7cff0f}.dash-nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dash-nav-link.active{color:var(--accent);background:#2b7cff1a}.dash-nav-right{display:flex;align-items:center;gap:12px}.dash-nav-doc{font-size:13px;color:var(--text-dim);text-decoration:none;transition:color .15s}.dash-nav-doc:hover{color:var(--text)}.dash-content{max-width:1100px;margin:0 auto;padding:32px 24px}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dash-title{font-size:24px;font-weight:800;margin:0 0 4px;color:var(--text)}.dash-subtitle{font-size:14px;color:var(--text-muted);margin:0}.dash-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:8px 14px;min-height:44px;border-radius:8px;font-size:13px;outline:none;cursor:pointer;transition:border-color .15s}.dash-select:focus{border-color:var(--accent)}.dash-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dash-gap{display:flex;flex-direction:column;gap:24px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.dash-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s}.dash-stat-card:hover{border-color:#2b7cff33}.dash-stat-label{font-size:13px;color:var(--text-muted);margin:0 0 6px}.dash-stat-value{font-size:28px;font-weight:800;color:var(--text);margin:0;line-height:1}.dash-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-stat-icon.blue{background:#2b7cff1f;color:var(--accent)}.dash-stat-icon.green{background:#4caf501f;color:var(--success)}.dash-stat-icon.purple{background:#7c3aed1f;color:var(--purple)}.dash-stat-icon.red{background:#ef44441f;color:var(--error)}.dash-charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.dash-chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.dash-chart-card.full{grid-column:1 / -1}.dash-chart-title{font-size:15px;font-weight:700;color:var(--text);margin:0 0 16px}.dash-table-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.dash-table-header{padding:16px 20px;border-bottom:1px solid var(--border)}.dash-table-header h2{font-size:15px;font-weight:700;color:var(--text);margin:0}.dash-table{width:100%;border-collapse:collapse;font-size:13px}.dash-table th{text-align:left;padding:10px 20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);background:var(--bg-dark);border-bottom:1px solid var(--border)}.dash-table td{padding:12px 20px;border-bottom:1px solid rgba(31,42,68,.5);color:var(--text)}.dash-table tr:last-child td{border-bottom:none}.dash-table tr:hover td{background:#2b7cff08}.dash-table .flow-name{font-weight:600}.dash-table .muted{color:var(--text-muted)}.dash-table-link{color:var(--accent);background:none;border:none;font-size:13px;font-weight:600;cursor:pointer;padding:0;transition:color .15s}.dash-table-link:hover{color:var(--accent-hover)}.dash-empty{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:48px 24px;text-align:center}.dash-empty-icon{color:var(--text-dim);margin-bottom:12px}.dash-empty h3{font-size:16px;font-weight:700;color:var(--text);margin:0 0 6px}.dash-empty p{font-size:14px;color:var(--text-muted);margin:0 0 20px}.dash-empty-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;padding:10px 22px;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;min-height:44px;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff1a;transition:background .2s ease-out,box-shadow .2s ease-out,transform .12s ease-out}.dash-empty-btn:hover{background:var(--accent-hover);box-shadow:0 2px 8px #2b7cff4d,inset 0 1px #ffffff1f}.dash-empty-btn:active{transform:scale(.97)}.dash-empty-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dash-table-empty{padding:40px 20px;text-align:center}.dash-table-empty p{color:var(--text-muted);margin:0 0 12px;font-size:14px}.dash-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.dash-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.dash-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.dash-badge.succeeded{background:#4caf501f;color:var(--success);border:1px solid rgba(76,175,80,.25)}.dash-badge.failed{background:#ef44441f;color:var(--error);border:1px solid rgba(239,68,68,.25)}.dash-badge.running{background:#2b7cff1f;color:var(--accent);border:1px solid rgba(43,124,255,.25)}.dash-badge.pending{background:#8b95b01f;color:var(--text-muted);border:1px solid rgba(139,149,176,.25)}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onboarding-card{width:100%;max-width:600px;max-height:90vh;overflow:auto;position:relative}.onboarding-close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:10px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.onboarding-close:hover{color:var(--text);background:#ffffff0f}.onboarding-header{margin-bottom:24px;text-align:center}.onboarding-header svg{color:var(--accent);margin-bottom:12px}.onboarding-header h2{margin:0;font-size:20px;font-weight:700;color:var(--text)}.onboarding-footer{display:flex;justify-content:space-between;padding:24px;border-top:1px solid var(--border)}.onboarding-btn-back{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);padding:10px 18px;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;min-height:44px;transition:color .2s ease-out,border-color .2s ease-out,background .2s ease-out,transform .12s ease-out}.onboarding-btn-back:hover{color:var(--text);border-color:#ffffff26;background:#ffffff14}.onboarding-btn-back:active{transform:scale(.97)}.onboarding-btn-back:disabled{opacity:.4;cursor:not-allowed;transform:none}.onboarding-btn-next{display:inline-flex;align-items:center;gap:6px;background:var(--accent);border:none;color:#fff;padding:10px 24px;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;min-height:44px;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff1a;transition:background .2s ease-out,box-shadow .2s ease-out,transform .12s ease-out}.onboarding-btn-next:hover{background:var(--accent-hover);box-shadow:0 2px 8px #2b7cff4d,inset 0 1px #ffffff1f}.onboarding-btn-next:active{transform:scale(.97)}.onboarding-btn-next:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 900px){.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-charts-row{grid-template-columns:1fr}}@media (max-width: 600px){.dash-stats{grid-template-columns:1fr}.dash-nav-links a:not(:first-child){display:none}.dash-header{flex-direction:column;align-items:flex-start;gap:12px}}.recorder-preview-card{flex:2;display:flex;flex-direction:column;overflow:hidden}.recorder-preview-viewport{flex:1;background:var(--bg-dark);position:relative}.recorder-preview-img{width:100%;height:100%;object-fit:contain}.recorder-preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim);font-size:14px;flex-direction:column;gap:8px}.recorder-preview-hint{font-size:11px;color:var(--text-dim)}.recorder-preview-header{padding:8px 12px;background:var(--bg-card);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between}.recorder-preview-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recorder-preview-status{display:flex;align-items:center;gap:8px;flex-shrink:0}.recorder-connected{color:var(--success)}.recorder-popout-btn{padding:2px 6px;background:var(--bg-card);font-size:10px}.preview-controls{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card);border-top:1px solid var(--border)}.preview-controls-btn{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:6px 12px;border-radius:6px;font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:4px;transition:color .15s,border-color .15s}.preview-controls-btn:hover{color:var(--text);border-color:var(--accent)}.preview-controls-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preview-controls-btn.active{color:var(--accent);border-color:var(--accent);background:#2b7cff14}.step-item-container{padding:8px 10px;background:var(--bg-card);border-radius:6px;border:1px solid var(--border);font-size:12px;cursor:pointer;transition:all .15s}.step-item-container.active{background:#6366f114;border-color:var(--purple)}.step-item-row{display:flex;align-items:center;gap:8px}.step-item-number{width:20px;height:20px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;color:var(--text)}.step-item-number.active{background:var(--purple);color:#fff}.step-item-action-icon{display:flex;align-items:center;gap:6px}.step-item-action-icon.action-goto{color:#60a5fa}.step-item-action-icon.action-click{color:#f59e0b}.step-item-action-icon.action-fill{color:var(--success)}.step-item-action-icon.action-default{color:var(--text-dim)}.step-item-description{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-item-remove-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;transition:color .15s}.step-item-remove-btn:hover{color:var(--error)}.step-item-remove-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.step-item-subtitle-row{margin-top:6px;display:flex;align-items:center;gap:6px}.step-item-subtitle-icon{color:var(--border);flex-shrink:0}.step-item-subtitle-icon.has-subtitle{color:var(--purple)}.step-item-subtitle-input{flex:1;font-size:11px;padding:4px 8px;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;color:var(--text-dim)}.step-item-subtitle-input.has-subtitle{background:#6366f114;border-color:#6366f133;color:var(--purple)}.recorder-url-card{padding:16px}.recorder-url-row{display:flex;gap:8px;margin-bottom:12px}.recorder-url-input-wrapper{flex:1;position:relative}.recorder-url-input{width:100%;padding-right:64px}.recorder-url-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;gap:2px}.recorder-icon-btn{background:none;border:none;cursor:pointer;padding:4px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.recorder-icon-fav{color:var(--text-dim)}.recorder-icon-fav-active{color:#eab308}.recorder-icon-muted{color:var(--text-muted)}.recorder-mode-btn{padding:8px 10px;background:var(--bg-card);cursor:pointer;min-height:44px}.recorder-start-btn{background:var(--success);white-space:nowrap;cursor:pointer;min-height:44px}.recorder-start-btn:hover{background:#16a34a}.recorder-stop-btn{background:var(--error);white-space:nowrap;cursor:pointer;min-height:44px}.recorder-stop-btn:hover{background:#dc2626}.recorder-name-row{display:flex;gap:8px}.recorder-name-input{flex:1}.recorder-mode-label{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px;white-space:nowrap}.recorder-status-msg{margin-top:10px;font-size:11px;color:var(--text-muted)}.onboarding-step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;text-align:left;width:100%;color:var(--text);transition:border-color .15s,background .15s}.onboarding-step-card:hover{border-color:var(--accent);background:#2b7cff0d}.onboarding-step-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.onboarding-step-title{font-size:15px;font-weight:600;margin:0 0 4px}.onboarding-step-desc{font-size:13px;color:var(--text-muted);margin:0}.onboarding-progress-track{display:flex;gap:6px;margin-bottom:24px}.onboarding-progress-dot{flex:1;height:4px;border-radius:2px;transition:background .2s}.onboarding-progress-dot.active{background:var(--accent)}.onboarding-progress-dot.inactive{background:var(--border)}.onboarding-welcome-list{display:flex;flex-direction:column;gap:12px;margin:16px 0}.onboarding-welcome-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-muted)}.onboarding-welcome-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.onboarding-input-group{margin-bottom:16px}.onboarding-input-group label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.onboarding-complete-icon{color:var(--success);margin-bottom:12px}.onboarding-next-step-num{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.onboarding-complete-text{font-size:14px;color:var(--text-muted);margin:0 0 20px;text-align:center}.onboarding-welcome-wrapper{text-align:center;padding:32px 24px}.onboarding-welcome-hero-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--accent),var(--purple));display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.onboarding-complete-hero-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--success),#16a34a);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.onboarding-icon-white{color:#fff}.onboarding-icon-accent{color:var(--accent)}.onboarding-icon-success{color:var(--success)}.onboarding-icon-warning{color:#f59e0b}.onboarding-welcome-heading{margin:0 0 12px;font-size:24px;color:var(--text)}.onboarding-step-body{padding:32px 24px}.onboarding-step-heading{margin:0 0 24px;font-size:20px;color:var(--text)}.onboarding-input-hint{font-size:12px;color:var(--text-muted);margin-top:6px}.onboarding-tip-box{padding:12px;background:var(--bg-dark);border-radius:8px;border:1px solid var(--accent);font-size:12px;color:var(--text-muted);line-height:1.6}.onboarding-tip-label{color:var(--accent)}.onboarding-path-grid{display:grid;gap:12px}.onboarding-next-steps-box{padding:16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);text-align:left;max-width:400px;margin:0 auto 24px}.onboarding-next-steps-label{font-size:13px;font-weight:500;margin-bottom:12px;color:var(--text)}.onboarding-finish-btn{background:var(--success);padding:12px 32px;font-size:15px;font-weight:500;cursor:pointer;min-height:44px}.onboarding-finish-btn:hover{background:#16a34a}.analytics-chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.analytics-chart-title{font-size:14px;font-weight:700;color:var(--text);margin:0 0 16px}.analytics-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.analytics-chart-card.full{grid-column:1 / -1}.analytics-legend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--text-muted)}.analytics-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.analytics-empty{text-align:center;padding:32px;color:var(--text-dim);font-size:14px}.analytics-bar-chart{display:flex;align-items:flex-end;gap:2px;height:120px}.analytics-bar-col{flex:1;display:flex;flex-direction:column;align-items:center}.analytics-bar-stack{width:100%;display:flex;flex-direction:column;justify-content:flex-end;height:100px}.analytics-bar{border-radius:2px 2px 0 0}.analytics-bar-success{background:var(--success)}.analytics-bar-fail{background:var(--error);border-radius:0}.analytics-bar-label{font-size:9px;color:var(--text-dim);margin-top:4px}.analytics-flow-list{display:flex;flex-direction:column;gap:8px}.analytics-flow-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-dark);border-radius:8px}.analytics-flow-rank{width:24px;height:24px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text);flex-shrink:0}.analytics-flow-info{flex:1}.analytics-flow-name{font-weight:500;color:var(--text)}.analytics-flow-count{font-size:12px;color:var(--text-dim)}.analytics-flow-rate{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.analytics-flow-rate.rate-good{background:#4caf501f;color:var(--success)}.analytics-flow-rate.rate-warn{background:#f59e0b1f;color:#f59e0b}.analytics-flow-rate.rate-bad{background:#ef44441f;color:var(--error)}@media (max-width: 768px){.analytics-charts-grid{grid-template-columns:1fr}}.schedule-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .15s}.schedule-card:hover{border-color:#2b7cff33}.schedule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.schedule-name{font-size:15px;font-weight:600;color:var(--text)}.schedule-meta{font-size:12px;color:var(--text-dim)}.schedule-cron-display{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--bg-dark);padding:4px 8px;border-radius:6px;color:var(--text-muted)}.schedule-actions{display:flex;gap:8px;margin-top:12px}.schedule-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;min-height:44px;transition:color .15s,border-color .15s}.schedule-toggle:hover{color:var(--text);border-color:var(--accent)}.schedule-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.schedule-toggle.active{color:var(--success);border-color:#4caf504d}.schedule-toggle.paused{color:var(--text-dim)}.schedule-delete{color:var(--error);border-color:#ef44444d}.schedule-delete:hover{border-color:var(--error)}.schedule-icon{color:var(--accent)}.schedule-active{border-color:var(--accent)}.schedule-empty{text-align:center;padding:32px;color:var(--text-dim);font-size:14px}.cron-container{padding:16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);margin-bottom:16px}.cron-field{margin-bottom:12px}.cron-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text)}.cron-error{font-size:12px;color:var(--error);margin-top:4px}.cron-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.cron-actions{display:flex;gap:8px}.cron-actions .btn{flex:1;cursor:pointer;min-height:44px}.cron-cancel-btn{background:var(--border)}.template-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.template-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #2b7cff1a;transform:translateY(-2px)}.template-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.template-card-title{font-size:15px;font-weight:600;color:var(--text);margin:0 0 6px}.template-card-desc{font-size:13px;color:var(--text-muted);margin:0 0 12px;line-height:1.5}.template-card-meta{display:flex;gap:12px;font-size:12px;color:var(--text-dim)}.template-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:#2b7cff1a;color:var(--accent);font-size:11px;font-weight:600}.template-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.template-card-name-group{display:flex;align-items:center;gap:8px}.template-card-icon{color:var(--accent)}.template-card-name{font-weight:500;color:var(--text)}.template-card-copy-btn{background:var(--bg-dark);padding:8px 12px;min-height:44px;min-width:44px;cursor:pointer}.template-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.template-card-footer{display:flex;justify-content:space-between;align-items:center}.template-card-param-count{font-size:11px;color:var(--text-muted)}.template-card-use-btn{padding:6px 12px;font-size:12px;min-height:44px;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--bg-card);border-radius:var(--radius);width:100%;max-width:90vw;max-height:90vh;overflow:auto;position:relative}.modal-card.modal-sm{max-width:400px}.modal-card.modal-md{max-width:500px}.modal-card.modal-lg{max-width:700px}.modal-card.modal-xl{max-width:900px}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-dim);padding:14px;min-height:44px;min-width:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.modal-close:hover{color:var(--text);background:#ffffff0f}.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-title{font-size:16px;font-weight:600;color:var(--text);margin:0}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid var(--border);margin-top:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);margin-bottom:24px}.modal-header-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.modal-header-icon{width:48px;height:48px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff}.modal-header-title{margin:0;font-size:20px;font-weight:600;color:var(--text)}.modal-header-subtitle{font-size:13px;color:var(--text-muted)}.modal-header-desc{margin:0;color:var(--text-muted);line-height:1.5}.modal-header-tags{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.modal-form-group{margin-bottom:16px}.modal-form-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text)}.modal-form-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.modal-footer-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn-cancel{background:var(--bg-dark);cursor:pointer;min-height:44px}.modal-btn-submit{background:var(--accent);min-width:140px;min-height:44px;cursor:pointer;transition:opacity .15s,background .15s}.modal-btn-submit:disabled{background:var(--bg-dark);opacity:.6}.billing-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0}.billing-plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;position:relative;transition:border-color .2s,box-shadow .2s}.billing-plan-card.featured{border-color:var(--accent);box-shadow:0 0 40px #2b7cff1a}.billing-plan-card.current{border-color:var(--success)}.billing-plan-name{font-size:17px;font-weight:700;color:var(--text);margin:0 0 8px}.billing-plan-price{font-size:36px;font-weight:800;color:var(--text)}.billing-plan-period{font-size:14px;color:var(--text-dim)}.billing-plan-features{list-style:none;padding:0;margin:16px 0;flex:1}.billing-plan-features li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:var(--text-muted)}.billing-plan-features li svg{color:var(--success);flex-shrink:0}.billing-current-badge{display:inline-block;padding:4px 12px;border-radius:999px;background:#4caf501f;color:var(--success);font-size:12px;font-weight:600}.billing-plan-heading{margin-bottom:16px}.billing-popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:2px 12px;border-radius:999px;font-size:11px;font-weight:700}.billing-plan-price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}.billing-plan-btn{width:100%;cursor:pointer;min-height:44px}.billing-plan-btn-featured{background:var(--accent)}.billing-plan-btn-featured:hover{background:var(--accent-hover)}.project-detail-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.project-detail-row:last-child{border-bottom:none}.project-detail-label{font-size:13px;color:var(--text-dim)}.project-detail-value{font-size:14px;font-weight:500;color:var(--text)}.project-detail-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--accent)}.project-empty-state{flex:1;display:flex;align-items:center;justify-content:center}.project-empty-content{text-align:center;color:var(--text-muted)}.project-empty-icon{margin-bottom:16px;opacity:.5}.project-detail-container{flex:1;display:flex;flex-direction:column;gap:12px}.project-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.project-header-title{margin-bottom:4px}.project-header-url{color:var(--text-muted)}.project-header-actions{display:flex;gap:8px}.project-header-actions .btn{cursor:pointer;min-height:44px}.btn-accent{background:var(--accent)}.btn-accent:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-dark)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:#dc2626}.btn-danger:hover{background:var(--error)}.project-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-stat-card{padding:16px;background:var(--bg-dark);border-radius:8px;border:1px solid var(--border)}.project-stat-label{color:var(--text-muted);margin-bottom:4px}.project-stat-value{font-size:24px;font-weight:600}.stat-color-purple{color:var(--purple)}.stat-color-success{color:var(--success)}.stat-color-warning{color:#facc15}.project-screens-list{flex:1;overflow:auto}.project-screens-heading{margin-bottom:12px}.project-screens-empty{text-align:center;padding:40px;color:var(--text-muted)}.project-screens-column{display:flex;flex-direction:column;gap:12px}.project-screen-item{padding:12px;background:var(--bg-dark);border-radius:8px;border:1px solid var(--border)}.project-screen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.project-screen-name{font-size:14px;font-weight:500}.project-screen-path{color:var(--text-muted)}.project-element-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.project-element-tag{padding:4px 10px;background:var(--border);border-radius:4px;font-size:12px;display:flex;align-items:center;gap:4px}.project-element-tag-icon{color:var(--purple)}.step-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);transition:border-color .15s}.step-item:hover{border-color:#2b7cff33}.step-item-icon{width:32px;height:32px;border-radius:6px;background:#2b7cff1a;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.step-item-name{font-size:14px;font-weight:500;color:var(--text)}.step-item-type{font-size:12px;color:var(--text-dim)}.step-delete-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:8px;min-height:44px;min-width:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:color .15s,background .15s}.step-delete-btn:hover{color:var(--error);background:#ef444414}.step-delete-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.add-step-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px;border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--text-dim);cursor:pointer;font-size:13px;min-height:44px;transition:color .15s,border-color .15s}.add-step-btn:hover{color:var(--accent);border-color:var(--accent)}.add-step-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.add-step-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.add-step-type-btn{padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;min-height:44px;border-radius:8px;transition:border-color .15s,background .15s}.add-step-type-btn:hover{border-color:var(--accent);background:#2b7cff0d}.add-step-type-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.add-step-type-label{font-size:13px;color:var(--text)}.add-step-tips{margin-top:24px;padding:16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.add-step-tips-title{color:var(--text-muted);margin-bottom:8px;font-size:12px}.add-step-tips-icon{display:inline;margin-right:6px;vertical-align:middle}.add-step-tips-list{font-size:13px;color:var(--text-muted);padding-left:20px;margin:0}.add-step-tips-code{background:var(--bg-dark);padding:2px 6px;border-radius:4px;color:var(--text);font-size:12px}.add-step-heading{margin-bottom:16px}.api-key-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.api-key-row:last-child{border-bottom:none}.api-key-name{font-size:14px;font-weight:600;color:var(--text)}.api-key-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text-muted);background:var(--bg-dark);padding:4px 8px;border-radius:6px}.api-key-success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:var(--success);border-radius:var(--radius);padding:12px 16px;font-size:13px;margin-bottom:12px}.api-key-header{display:flex;justify-content:space-between;align-items:center}.api-key-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.api-key-create-btn{background:var(--accent);cursor:pointer;min-height:44px}.api-key-list{display:flex;flex-direction:column;gap:8px}.api-key-card{padding:12px 20px;display:flex;align-items:center;gap:16px}.api-key-icon{color:#f59e0b;flex-shrink:0}.api-key-info{flex:1}.api-key-info-name{font-weight:500;color:var(--text)}.api-key-info-meta{font-size:11px;color:var(--text-muted)}.api-key-delete-btn{padding:10px 12px;font-size:11px;background:#ef444414;cursor:pointer;min-height:44px;min-width:44px}.api-key-delete-btn:hover{background:#ef444426}.api-key-usage-card{padding:20px}.api-key-usage-title{font-weight:500;color:var(--text);margin-bottom:12px}.api-key-usage-label{font-size:12px;color:var(--text-muted);margin-bottom:8px}.api-key-usage-label.spaced{margin-top:16px}.api-key-code-block{background:var(--bg-dark);padding:12px;border-radius:6px;font-size:11px;color:var(--success);overflow:auto}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1100}.toast-base{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-card);border-radius:8px;box-shadow:0 4px 12px #0000004d;animation:slideIn .3s ease;min-width:250;font-size:13px;color:var(--text)}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-info{border-left:4px solid var(--accent)}.toast-warning{border-left:4px solid #f59e0b}.toast-icon{display:flex;align-items:center;flex-shrink:0}.toast-icon-success{color:var(--success)}.toast-icon-error{color:var(--error)}.toast-icon-info{color:var(--accent)}.toast-icon-warning{color:#f59e0b}.toast-message{flex:1}.toast-dismiss{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:14px;border-radius:4px;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;transition:color .15s}.toast-dismiss:hover{color:var(--text)}.toast-dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-animated{position:relative;overflow:hidden;border:none;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;min-height:44px;transition:background .2s ease,box-shadow .2s ease,opacity .2s ease}.btn-animated:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .4s}.btn-animated:hover:after{transform:translate(100%)}.btn-animated--primary{background:var(--accent);color:#fff}.btn-animated--primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px #2b7cff40}.btn-animated--secondary{background:var(--bg-card);color:#fff}.btn-animated--secondary:hover{background:var(--border);box-shadow:0 4px 12px #00000040}.btn-animated--danger{background:var(--error);color:#fff}.btn-animated--danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444440}.btn-animated--ghost{background:transparent;color:var(--text-muted)}.btn-animated--ghost:hover{background:var(--bg-card);box-shadow:0 4px 12px #00000026}.btn-animated--sm{padding:6px 12px;font-size:12px}.btn-animated--md{padding:8px 16px;font-size:14px}.btn-animated--lg{padding:12px 24px;font-size:16px}.btn-animated--disabled,.btn-animated:disabled{opacity:.5;cursor:not-allowed}.btn-animated-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%}.btn-animated-ripple{position:absolute;width:10px;height:10px;background:#fff6;border-radius:50%;transform:translate(-50%,-50%);animation:ripple .6s ease-out;pointer-events:none}.animated-card{background:var(--bg-card);border-radius:var(--radius);padding:16px;border:1px solid var(--border);transition:box-shadow .2s ease,border-color .2s ease}.animated-card--selected{border-color:var(--accent)}.animated-card--clickable{cursor:pointer}.animated-card--clickable:hover{box-shadow:0 8px 24px #0000004d;border-color:var(--accent)}.notfound-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(125,211,252,.18),transparent 32%),radial-gradient(circle at bottom right,rgba(245,158,11,.16),transparent 26%),var(--bg-dark)}.notfound-card{width:min(560px,100%);padding:28px;text-align:left;box-sizing:border-box}.notfound-eyebrow{color:var(--accent);margin-bottom:12px}.notfound-heading{margin-bottom:12px}.notfound-body{margin-bottom:24px;color:var(--text-muted)}.notfound-actions{display:flex;flex-wrap:wrap;gap:12px;max-width:100%}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-card) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.progress-ring-track{stroke:var(--border)}.progress-ring-fill{transition:stroke-dashoffset .3s ease}.preview-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);padding:24px;text-align:center}.preview-iframe{width:100%;height:100%;border:none;background:#fff}.preview-subtitle-wrapper{position:absolute;bottom:0;left:0;right:0;pointer-events:none;display:flex;justify-content:center;padding:0 24px 20px;z-index:10}.preview-subtitle-box{background:#000000d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:500;line-height:1.5;text-align:center;max-width:80%;box-shadow:0 4px 24px #0006;border:1px solid rgba(255,255,255,.08);animation:subtitleFadeIn .3s ease-out}.preview-subtitle-content{display:flex;align-items:center;gap:8px;justify-content:center}.preview-subtitle-icon{opacity:.5;flex-shrink:0}.preview-subtitle-step{font-size:11px;color:#fff6;margin-top:4px}.preview-window-mode{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);flex-direction:column;gap:16px}.preview-window-icon{width:80px;height:80px;border-radius:50%;background:#2b7cff1a;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center}.preview-icon-accent{color:var(--accent)}.preview-window-title{font-size:16px;font-weight:500;color:var(--text)}.preview-window-desc{font-size:13px;color:var(--text-muted);text-align:center;max-width:360px}.preview-stop-label{color:var(--error)}.preview-connected-status{font-size:12px;color:var(--success);display:flex;align-items:center;gap:4px}.preview-connected-dot{width:6px;height:6px;border-radius:50%;background:var(--success);display:inline-block}.preview-empty-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);flex-direction:column;gap:12px}.preview-empty-hint{font-size:12px;color:var(--text-dim)}.video-error{padding:12px;background:#ef44441a;border:1px solid var(--error);border-radius:8px;color:var(--error)}.video-loading{padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-muted)}.video-wrapper{display:flex;flex-direction:column;gap:8px}.video-element{width:100%;border-radius:8px;background:var(--bg-dark);max-height:420px}.video-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.video-speed-label{color:var(--text-muted)}.video-speed-select{margin-left:6px;width:90px;padding:4px 8px}.gallery-empty{color:var(--text-muted);padding:16px 0}.gallery-wrapper{margin-top:16px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px}.gallery-thumb{cursor:pointer;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-card);transition:border-color .15s;position:relative;padding:0;text-align:left;width:100%;min-height:44px}.gallery-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery-thumb:hover{border-color:var(--text-dim)}.gallery-thumb.selected{border:2px solid var(--accent)}.gallery-thumb-img{width:100%;height:100px;object-fit:cover;display:block}.gallery-thumb-label{padding:6px 8px;font-size:11px;color:var(--text-muted);text-align:center}.schedule-form{padding:16px;background:var(--bg-card);border-radius:8px;margin-bottom:16px;border:1px solid var(--border)}.schedule-form-group{margin-bottom:12px}.schedule-form-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.schedule-form-actions{display:flex;gap:8px}.schedule-cancel-btn{background:var(--border);cursor:pointer;min-height:44px}.schedule-cancel-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px}.field-cookies-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.step-icon{display:inline-flex;color:var(--accent)}.toast-custom{background:var(--bg-card);color:var(--text);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000004d;padding:1rem}.new-key-banner{padding:16px;background:#4caf5014;border:1px solid var(--success)}.new-key-title{font-weight:500;color:var(--success);margin-bottom:8px}.new-key-row{display:flex;gap:8px;align-items:center}.new-key-code{flex:1;background:var(--bg-dark);padding:8px 12px;border-radius:6px;font-size:13px;color:var(--success);word-break:break-all}.new-key-copy-btn{background:var(--success);flex-shrink:0;cursor:pointer;min-height:44px}.new-key-copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.add-key-form{padding:20px}.add-key-form-title{font-weight:500;margin-bottom:12px}.add-key-input{margin-bottom:8px}.add-key-select{margin-bottom:12px}.add-key-actions{display:flex;gap:8px}.add-key-generate-btn{background:var(--success);cursor:pointer;min-height:44px}.add-key-generate-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.add-key-cancel-btn{background:var(--border);cursor:pointer;min-height:44px}.add-key-cancel-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty-key-state{padding:48px;text-align:center;color:var(--text-muted)}.empty-key-icon{margin:0 auto 16px;display:block;opacity:.3}.empty-key-title{font-size:16px;margin-bottom:8px}.empty-key-desc{font-size:13px}:root{--accent-jira: #0052cc;--accent-jira-bg: rgba(0, 82, 204, .08);--success-light: #86efac;--delete-bg: rgba(239, 68, 68, .1)}.integ-card{padding:16px 20px;display:flex;align-items:center;gap:16px}.integ-card--disabled{opacity:.5}.integ-icon-box{width:40px;height:40px;border-radius:8px;background:var(--bg-card);display:flex;align-items:center;justify-content:center}.integ-meta{flex:1}.integ-name{font-weight:500}.integ-subtitle{font-size:12px;color:var(--text-muted)}.integ-actions{display:flex;gap:6px}.integ-action-btn{padding:6px 10px;font-size:11px;background:var(--bg-card);cursor:pointer;min-height:44px}.integ-action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.integ-action-btn--toggle-on{background:var(--success)}.integ-action-btn--delete{background:var(--delete-bg)}.integ-check-icon{color:var(--success)}.delivery-log{background:var(--bg-dark);border:1px solid var(--bg-card);border-top:0;border-radius:0 0 8px 8px;padding:12px;max-height:200px;overflow:auto}.delivery-empty{color:var(--text-muted);font-size:12px;text-align:center;padding:16px}.delivery-row{display:flex;gap:8px;align-items:center;padding:4px 0;font-size:11px;border-bottom:1px solid var(--bg-card)}.delivery-ok{color:var(--success)}.delivery-fail{color:var(--error)}.delivery-detail{color:var(--text-muted)}.delivery-time{color:var(--text-dim)}.delivery-spacer{flex:1}.integ-list{display:flex;flex-direction:column;gap:8px}.integ-empty{padding:48px;text-align:center;color:var(--text-muted)}.integ-empty-icon{margin:0 auto 16px;display:block;opacity:.3}.integ-empty-title{font-size:16px;margin-bottom:8px}.integ-empty-hint{font-size:13px}.codeblock-row{display:flex;align-items:center;gap:8px}.codeblock-label{font-size:11px;color:var(--text-muted);width:100px;flex-shrink:0}.codeblock-value{flex:1;font-size:11px;color:var(--success-light);background:var(--bg-dark);padding:4px 8px;border-radius:4px;overflow:hidden;text-overflow:ellipsis}.codeblock-copy-btn{padding:8px 12px;font-size:10px;background:var(--bg-card);min-height:44px;min-width:44px;cursor:pointer}.codeblock-copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.webhook-card{padding:20px}.webhook-header{font-weight:500;margin-bottom:12px;display:flex;align-items:center;gap:8px}.webhook-hint{font-size:12px;color:var(--text-muted);margin-bottom:12px}.webhook-urls{display:flex;flex-direction:column;gap:8px}.integ-page{display:flex;flex-direction:column;gap:24px}.integ-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);padding-bottom:8px}.integ-tab{background:var(--bg-card);display:flex;align-items:center;gap:6px;cursor:pointer;min-height:44px}.integ-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.integ-tab--active{background:var(--accent)}.integ-tab--jira-active{background:var(--accent-jira)}.integ-header{display:flex;justify-content:space-between;align-items:center}.integ-header-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.integ-add-btn{background:var(--accent);cursor:pointer;min-height:44px}.integ-add-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.integ-loading{padding:32px;text-align:center;color:var(--text-dim)}.add-form-card{padding:20px}.add-form-title{font-weight:500;margin-bottom:16px}.add-form-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:16px}.add-form-type-btn{background:var(--bg-card);border:1px solid var(--border);padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;min-height:44px}.add-form-type-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.add-form-type-btn--selected{background:#2b7cff26;border-color:var(--accent)}.add-form-type-label{font-size:12px}.add-form-input-gap{margin-bottom:12px}.add-form-input-gap-sm{margin-bottom:8px}.add-form-actions{display:flex;gap:8px;margin-top:8px}.add-form-create-btn{background:var(--success);cursor:pointer;min-height:44px}.add-form-create-btn:focus-visible{outline:2px solid var(--success);outline-offset:2px}.add-form-cancel-btn{background:var(--border);cursor:pointer;min-height:44px}.add-form-cancel-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.jira-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500}.jira-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.jira-field-group{margin-bottom:16px}.jira-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.jira-secret-wrapper{position:relative}.jira-show-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;min-height:44px}.jira-show-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.jira-auto-toggle{padding:12px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);margin-bottom:16px}.jira-auto-label{display:flex;align-items:center;gap:8px;cursor:pointer}.jira-auto-title{font-size:13px;font-weight:500}.jira-auto-desc{font-size:11px;color:var(--text-muted)}.jira-form-card{max-width:700px;margin:0 auto}.jira-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.jira-header-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.jira-header-icon{width:48px;height:48px;border-radius:8px;background:var(--accent-jira);display:flex;align-items:center;justify-content:center}.jira-header-subtitle{font-size:13px;color:var(--text-muted)}.jira-form-actions{display:flex;gap:12px;justify-content:flex-end}.jira-delete-btn{padding:8px 16px;background:var(--error);border:none;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;min-height:44px}.jira-delete-btn:focus-visible{outline:2px solid var(--error);outline-offset:2px}.jira-test-btn{padding:8px 16px;background:var(--border);border:1px solid var(--accent);font-size:13px;cursor:pointer;min-height:44px}.jira-test-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.jira-submit-btn{background:var(--accent-jira);cursor:pointer;min-height:44px}.jira-submit-btn:focus-visible{outline:2px solid var(--accent-jira);outline-offset:2px}.jira-submit-btn--loading{background:var(--border)}.jira-close-btn{margin-top:12px;width:100%;background:var(--border);cursor:pointer;min-height:44px}.jira-close-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.jira-oauth-box{padding:16px;background:var(--accent-jira-bg);border-radius:8px;border:1px solid var(--accent-jira);margin-bottom:20px}.jira-oauth-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.jira-oauth-icon{color:var(--accent-jira)}.jira-oauth-title{font-size:13px;font-weight:500;color:var(--accent-jira)}.jira-oauth-steps{margin:0;padding-left:20px;font-size:12px;color:var(--text-muted);line-height:1.6}.jira-oauth-steps li{margin-bottom:6px}.jira-oauth-steps li:last-child{margin-bottom:0}.jira-oauth-link{color:var(--accent-jira)}.jira-oauth-code{background:var(--bg-card);padding:2px 6px;border-radius:3px}:root{--error-light: #fca5a5;--star-gold: #eab308}.inspector-layout{display:flex;height:calc(100vh - 100px);gap:16px}.inspector-sidebar{flex:0 0 360px;display:flex;flex-direction:column;gap:12px}.inspector-preview{flex:1;position:relative;overflow:hidden}.cookie-sidebar{flex:0 0 280px;display:flex;flex-direction:column;gap:12px}.panel-grow{flex:1;overflow:auto}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-header .h2{margin:0}.field-group{margin-bottom:12px}.field-label{display:block;margin-bottom:4px;color:var(--text-muted)}.field-row{display:flex;gap:4px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.flex-1{flex:1}.w-full{width:100%}.btn-icon{padding:10px 12px;min-height:44px;min-width:44px;cursor:pointer}.btn-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-compact{padding:6px 10px;min-height:44px;cursor:pointer}.btn-compact:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-cancel{background:var(--bg-card);cursor:pointer;min-height:44px}.btn-cancel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-delete{padding:4px 8px;background:#ef444426;min-height:44px;cursor:pointer}.error-banner{padding:10px;background:#ef44441a;border:1px solid var(--error);border-radius:6px;color:var(--error-light);font-size:13px;margin-bottom:12px}.error-banner--small{font-size:12px;padding:8px}.inspect-toggle{width:100%;margin-bottom:12px;background:var(--bg-card);cursor:pointer;min-height:44px}.inspect-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.inspect-toggle--active{background:var(--purple)}.locator-pass{color:var(--success)}.locator-fail{color:var(--error)}.locator-list{display:flex;flex-direction:column;gap:6px}.locator-card{padding:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px}.locator-card--primary{background:#7c3aed26;border-color:var(--purple)}.locator-card-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.locator-primary-label{color:var(--purple)}.locator-reliability{color:var(--text-muted)}.locator-code{font-size:11px;color:var(--text-muted);word-break:break-all}.element-info{margin-top:16px;padding:12px;background:var(--bg-card);border-radius:6px;border:1px solid var(--border)}.element-info-label{color:var(--text-muted);margin-bottom:6px}.element-info-mono{color:var(--text-muted);font-family:monospace}.url-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;max-height:260px;overflow-y:auto;margin-top:4px;box-shadow:0 8px 24px #00000080}.url-section-header{padding:8px 12px;font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.url-section-header--border{border-top:1px solid var(--border)}.url-row{display:flex;align-items:center;padding:6px 12px;cursor:pointer;font-size:13px;color:var(--text)}.url-row:hover{background:var(--border)}.url-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.url-row-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-remove-btn{background:none;border:none;cursor:pointer;padding:10px;color:var(--text-muted);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:4px}.url-remove-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-list{display:flex;flex-direction:column;gap:4px}.profile-item{padding:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.profile-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-item--selected{background:#7c3aed26;border-color:var(--purple)}.profile-name{font-size:13px;font-weight:500}.profile-count{color:var(--text-muted)}.profile-empty{color:var(--text-muted);text-align:center;padding:20px}.cookie-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.cookie-modal-body{width:500px;max-height:80vh;overflow:auto}.cookie-modal-header{display:flex;justify-content:space-between;margin-bottom:16px}.cookie-modal-header .h2{margin:0}.cookie-modal-fields{display:flex;flex-direction:column;gap:12px}.cookie-checkbox-row{display:flex;gap:16px}.cookie-checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px}.cookie-modal-actions{display:flex;gap:8px;margin-top:16px}.cookie-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.cookie-placeholder-inner{text-align:center}.cookie-placeholder-icon{margin-bottom:16px;opacity:.5}.star-gold{color:var(--star-gold);fill:var(--star-gold)}.input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select.input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slack-field-group{margin-bottom:16px}.slack-field-group--lg{margin-bottom:20px}.slack-field-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500}.slack-field-label--attach{margin-bottom:8px}.slack-textarea{min-height:80px;resize:vertical}.slack-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:8px}.slack-checkbox{width:16px;height:16px}.slack-checkbox-text{font-size:13px}.slack-integration-box{padding:12px;background:var(--bg-dark);border-radius:8px;border:1px solid var(--purple);margin-bottom:20px}.slack-integration-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.slack-integration-icon{color:var(--purple)}.slack-integration-title{font-size:12px;font-weight:500;color:var(--purple)}.slack-integration-body{font-size:11px;color:var(--text-muted);line-height:1.5}.slack-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.slack-modal-card{width:100%;max-width:500px;position:relative}.slack-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:14px;border-radius:6px;display:flex;align-items:center;justify-content:center;min-height:44px}.slack-modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slack-modal-header{margin-bottom:24px;text-align:center}.slack-modal-icon{width:64px;height:64px;border-radius:var(--radius);background:var(--purple);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.slack-modal-title{margin:0;font-size:20px}.slack-modal-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.slack-modal-actions{display:flex;gap:12px}.slack-btn-copy{flex:1;background:var(--bg-card);min-height:44px}.slack-btn-copy:focus-visible,.slack-btn-share:focus-visible,.slack-btn-cancel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slack-btn-share{flex:1;background:var(--purple);min-height:44px}.slack-btn-share:disabled{background:var(--bg-card);opacity:.6}.slack-btn-cancel{margin-top:12px;width:100%;padding:8px 16px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;min-height:44px}.flow-builder-layout{display:flex;height:calc(100vh - 100px);gap:16px}.flow-builder-sidebar{flex:0 0 320px;display:flex;flex-direction:column;gap:12px}.flow-builder-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.flow-builder-back{padding:10px;min-height:44px}.flow-builder-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.flow-builder-error{padding:10px;background:color-mix(in srgb,var(--error) 15%,var(--bg));border:1px solid var(--error);border-radius:6px;color:var(--error);font-size:13px;margin-bottom:12px}.flow-builder-actions{display:flex;gap:8px}.flow-builder-test-btn{flex:1;background:var(--success);min-height:44px}.flow-builder-test-btn:disabled{background:var(--bg-card)}.flow-builder-test-btn:focus-visible,.flow-builder-save-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.flow-builder-save-btn{flex:1;min-height:44px}.flow-builder-steps,.flow-builder-editor{flex:1;overflow:auto}.recorder-layout{display:flex;flex-direction:column;height:100%;gap:16px}.recorder-header{display:flex;align-items:center;justify-content:space-between}.recorder-title{margin:0;display:flex;align-items:center;gap:8px}.recorder-rec-badge{background:var(--error);color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;animation:pulse 1s infinite}.recorder-actions{display:flex;gap:8px}.recorder-btn-cancel{background:var(--bg-card);min-height:44px;cursor:pointer}.recorder-btn-cancel:focus-visible,.recorder-btn-save:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recorder-btn-save--active{background:var(--success)}.recorder-btn-save--disabled{background:var(--bg-card)}.recorder-btn-save{min-height:44px;cursor:pointer}.recorder-error{background:color-mix(in srgb,var(--error) 20%,var(--bg));padding:12px;border-radius:8px;font-size:13px}.recorder-main{display:flex;gap:16px;flex:1;min-height:0}.templates-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.templates-icon{color:var(--accent)}.templates-count{margin-left:auto;font-size:12px;color:var(--text-muted)}.templates-loading{text-align:center;padding:40px;color:var(--text-muted)}.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.templates-empty{text-align:center;padding:40px;color:var(--text-muted)}.templates-empty-icon{margin-bottom:16px;opacity:.5}.templates-search-wrap{display:flex;gap:12px;margin-bottom:16px}.templates-search-box{flex:1;position:relative}.templates-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.templates-category-pills{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.templates-pill{padding:4px 12px;font-size:12px;cursor:pointer;min-height:44px}.templates-pill--active{background:var(--accent)}.templates-pill--inactive{background:var(--bg-card)}.templates-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tpl-lib-empty{color:var(--text-muted)}.tpl-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.tpl-lib-card{background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:12px}.tpl-lib-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tpl-lib-card-name{font-weight:600;font-size:13px}.tpl-lib-card-desc{color:var(--text-muted);min-height:36px}.tpl-lib-card-params{margin-top:8px;color:var(--text-dim)}.tpl-lib-card-btn{margin-top:10px;width:100%;cursor:pointer;min-height:44px}.tpl-lib-card-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tpl-param-wrap{margin-bottom:16px}.tpl-param-title{display:block;margin-bottom:6px;font-size:13px;font-weight:500}.tpl-param-box{background:var(--bg-dark);padding:12px;border-radius:6px}.tpl-param-field{margin-bottom:12px}.tpl-param-label{display:block;margin-bottom:4px;font-size:12px;color:var(--text-muted)}.tpl-param-required{color:var(--error)}.tpl-param-type{margin-left:8px;font-size:11px;color:var(--text-muted)}.tpl-param-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error-display{background-color:color-mix(in srgb,var(--error) 12%,var(--bg-dark));border:2px solid var(--error);border-radius:8px;padding:16px;margin-top:16px;margin-bottom:16px}.error-display-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.error-display-header-left{display:flex;align-items:center;gap:8px}.error-display-icon{color:var(--error)}.error-display-title{color:var(--error);margin:0}.error-display-code{color:color-mix(in srgb,var(--error) 65%,white);margin-top:4px}.error-display-retry.btn{background-color:var(--accent);color:var(--text);border:none;cursor:pointer;min-height:44px}.error-display-retry.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error-display-panel{background-color:var(--bg-dark);padding:12px;border-radius:6px;margin-bottom:12px;border:1px solid var(--border)}.error-display-label{color:var(--text-muted);margin-bottom:4px}.error-display-message{color:color-mix(in srgb,var(--error) 65%,white);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px}.error-display-screenshot-btn{background:none;border:none;padding:0;cursor:pointer;display:block;min-height:44px}.error-display-screenshot-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error-display-screenshot-img{width:100%;max-width:600px;border-radius:6px;border:1px solid var(--border)}.error-display-toggle.btn{font-size:12px;padding:8px 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-height:44px}.error-display-toggle.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error-display-stack{margin-top:12px;padding:12px;background-color:var(--bg-dark);border-radius:6px;font-size:11px;color:color-mix(in srgb,var(--error) 65%,white);overflow:auto;max-height:300px;border:1px solid var(--border)}.error-display-tips{color:var(--text-muted);margin-bottom:6px}.error-display-tips-icon{display:inline;margin-right:6px;vertical-align:middle}.error-display-tips-list{margin:0;padding-left:20px;color:var(--text-muted);font-size:12px}.ftr-status-icon-accent{color:var(--accent)}.ftr-status-icon-success{color:var(--success)}.ftr-status-icon-error{color:var(--error)}.ftr-status-icon-muted{color:var(--text-muted)}.ftr-status-icon-dim{color:var(--text-dim)}.ftr-inline-icon{display:inline;margin-right:8px}.rp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rp-status-group{display:flex;align-items:center;gap:8px}.rp-status-label{font-weight:500}.rp-timer{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.rp-bar-track{height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:16px}.rp-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.rp-bar-fill--running{background:var(--accent)}.rp-bar-fill--succeeded{background:var(--success)}.rp-bar-fill--failed{background:var(--error)}.rp-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:16px}.rpsl-list{display:flex;flex-direction:column;gap:4px}.rpsl-step{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;font-size:13px;transition:all .2s}.rpsl-step--running{background:color-mix(in srgb,var(--accent) 6%,transparent)}.rpsl-pending-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--text-dim)}.rpsl-step-name--pending{color:var(--text-muted)}.rpsl-step-name--running{color:var(--text)}.rpsl-step-name--completed{color:var(--text-dim)}.rpsl-step-name--failed{color:var(--error)}.rpsl-duration{margin-left:auto;font-size:11px;color:var(--text-muted)}.ftr-status-box{padding:16px;background:var(--bg-dark);border-radius:8px;border:1px solid var(--border);margin-bottom:16px;min-height:40px;display:flex;align-items:center;justify-content:center}.ftr-status-box--failed{background:color-mix(in srgb,var(--error) 12%,var(--bg-dark));border-color:var(--error)}.ftr-status-text{font-size:15px;font-weight:500}.ftr-step-list{text-align:left;margin-bottom:16px;max-height:240px;overflow-y:auto;background:var(--bg-dark);border-radius:8px;border:1px solid var(--border);padding:8px 0}.ftr-step-row{display:flex;align-items:center;gap:10px;padding:6px 14px;font-size:13px}.ftr-step-row--ok{color:var(--text-muted)}.ftr-step-row--failed{color:color-mix(in srgb,var(--error) 65%,white)}.ftr-step-row--default{color:var(--text)}.ftr-step-row--running{background:color-mix(in srgb,var(--accent) 10%,var(--bg-dark))}.ftr-step-label{flex:1}.ftr-step-tag{font-size:11px}.ftr-step-tag--ok{color:var(--success)}.ftr-step-tag--failed{color:var(--error)}.ftr-step-tag--running{color:var(--accent)}.ftr-progress-bar-track{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:16px}.ftr-progress-bar-fill{height:100%;background:var(--accent);transition:width .3s ease}.ftr-error-box{padding:12px;background:color-mix(in srgb,var(--error) 12%,var(--bg-dark));border-radius:8px;border:1px solid var(--error);margin-bottom:16px;text-align:left}.ftr-error-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ftr-error-title{font-size:13px;font-weight:500;color:color-mix(in srgb,var(--error) 65%,white)}.ftr-error-body{font-size:12px;color:color-mix(in srgb,var(--error) 65%,white);line-height:1.5}.ftr-actions{display:flex;gap:12px;justify-content:center}.ftr-btn-start.btn{padding:10px 24px;font-size:14px;background:var(--success);cursor:pointer;min-height:44px}.ftr-btn-start.btn:disabled{opacity:.6;background:var(--border)}.ftr-btn-start.btn:focus-visible{outline:2px solid var(--success);outline-offset:2px}.ftr-btn-view.btn{background:var(--accent);padding:10px 24px;font-size:14px;cursor:pointer;min-height:44px}.ftr-btn-view.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ftr-btn-again.btn{background:var(--border);padding:10px 24px;font-size:14px;cursor:pointer;min-height:44px}.ftr-btn-again.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ftr-btn-close.btn{background:none;border:1px solid var(--border);padding:10px 24px;font-size:14px;cursor:pointer;min-height:44px}.ftr-btn-close.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rsc-card.card{margin-top:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,transparent),color-mix(in srgb,var(--accent) 4%,transparent))}.rsc-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.rsc-content{max-width:720px}.rsc-heading{color:color-mix(in srgb,var(--accent) 60%,white);text-transform:uppercase;letter-spacing:.08em}.rsc-summary{font-size:13px;line-height:1.7;color:color-mix(in srgb,var(--accent) 40%,white);margin-top:8px}.rsc-actions{display:flex;gap:8px;flex-wrap:wrap}.rsc-actions .btn{cursor:pointer;min-height:44px}.rsc-actions .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rsc-btn-slack.btn{--slack-brand: #4a154b;background:var(--slack-brand)}.rsc-btn-slack.btn:hover{background:color-mix(in srgb,var(--slack-brand) 85%,white)}.rsc-btn-slack.btn:focus-visible{outline:2px solid var(--slack-brand);outline-offset:2px}.rsc-slack-icon{display:inline;margin-right:6px}.rsb{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.rsb--pending{color:var(--text-muted);background:color-mix(in srgb,var(--text-muted) 12%,transparent)}.rsb--running{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.rsb--succeeded{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.rsb--failed{color:var(--error);background:color-mix(in srgb,var(--error) 12%,transparent)}.lp-wrapper{margin-top:16px;margin-bottom:16px}.lp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.lp-badge-queued.badge{background-color:var(--text-dim);color:var(--text)}.lp-badge-running.badge{background-color:var(--accent);color:var(--text)}.lp-badge-succeeded.badge{background-color:var(--success);color:var(--text)}.lp-badge-failed.badge{background-color:var(--error);color:var(--text)}.lp-step-info{margin-left:8px}.lp-bar-track{width:100%;height:8px;background-color:var(--border);border-radius:4px;overflow:hidden}.lp-bar-fill{height:100%;transition:width .3s ease}.lp-bar-fill--queued{background-color:var(--text-dim)}.lp-bar-fill--running{background-color:var(--accent)}.lp-bar-fill--succeeded{background-color:var(--success)}.lp-bar-fill--failed{background-color:var(--error)}.lp-description{margin-top:8px;color:var(--text-muted)}.profile-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.profile-toolbar h2{margin:0}.profile-toolbar-actions{display:flex;gap:8px}.btn-dark{background:var(--bg-card);cursor:pointer;min-height:44px}.btn-dark:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-delete{padding:8px 12px;min-height:44px;min-width:44px;background:#ef44441f;cursor:pointer}.btn-delete:focus-visible{outline:2px solid var(--error);outline-offset:2px}.cookies-section{margin-bottom:24px}.cookies-section h2{font-size:14px;margin-bottom:8px}.cookies-empty{padding:20px;background:var(--bg-card);border-radius:8px;text-align:center;color:var(--text-muted)}.cookies-table{width:100%}.cookies-table .mono{font-size:12px}.cookie-value{font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis}.cookie-actions{display:flex;gap:4px}.btn-edit{padding:8px 12px;min-height:44px;cursor:pointer}.btn-edit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.import-section{padding:16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.import-section h2{font-size:14px;margin-bottom:8px}.import-textarea{margin-bottom:8px;font-family:monospace;font-size:11px}.project-sidebar{flex:0 0 280px;display:flex;flex-direction:column;gap:12px}.project-error{padding:8px;background:#ef44441f;border:1px solid var(--error);border-radius:6px;color:var(--error);font-size:12px;margin-bottom:12px}.project-item{padding:10px;border-radius:6px;cursor:pointer}.project-item--default{background:var(--bg-card);border:1px solid var(--border)}.project-item--selected{background:#6366f126;border:1px solid var(--purple)}.project-item-row{display:flex;align-items:center;gap:8px}.project-item-icon{color:var(--purple)}.project-item-info{flex:1}.project-item-name{font-size:13px;font-weight:500}.project-item-url{color:var(--text-muted)}.pm-subpage{padding:24px}.btn-back{margin-bottom:16px;background:var(--border);cursor:pointer;min-height:44px}.btn-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pm-layout{display:flex;height:calc(100vh - 100px);gap:16px}.app-header-subtitle{color:var(--text-muted)}.badge-production{background-color:var(--success);color:#fff;font-size:11px}.app-header-error{margin-top:10px;padding:12px;background-color:#ef44441f;border:1px solid var(--error);border-radius:6px;color:var(--error)}.billing-loader-icon{color:var(--accent)}.billing-footnote{text-align:center;color:var(--text-muted)}.usage-stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:12px}.usage-big-number{font-size:28px;font-weight:800;color:var(--text)}.usage-big-limit{font-size:14px;font-weight:400;color:var(--text-muted)}.usage-bar-track{width:100%;height:6px;background-color:var(--border);border-radius:3px}.usage-bar-fill{height:100%;background-color:var(--accent);border-radius:3px;transition:width .3s}.usage-bar-fill--over{background-color:var(--error)}.error-boundary-backdrop{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(48,79,142,.35),transparent 48%),var(--bg-dark);color:var(--text)}.error-boundary-card{width:min(560px,100%);padding:24px;border:1px solid rgba(112,132,168,.28)}.error-boundary-eyebrow{color:var(--accent);margin-bottom:12px}.error-boundary-body{margin-bottom:20px;color:var(--text-muted)}.error-boundary-trace{margin-bottom:20px;padding:12px;border-radius:var(--radius);background:#07111fb3;border:1px solid rgba(112,132,168,.22);font-family:monospace;font-size:13px;overflow-x:auto}.deploy-config-backdrop{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(244,114,182,.16),transparent 36%),radial-gradient(circle at bottom right,rgba(125,211,252,.16),transparent 28%),var(--bg-dark)}.deploy-config-card{width:min(640px,100%);padding:28px}.deploy-config-eyebrow{color:#fda4af;margin-bottom:12px}.deploy-config-body{margin-bottom:20px;color:var(--text-muted)}.deploy-config-issues{margin-bottom:20px;padding:16px;border-radius:var(--radius);border:1px solid rgba(253,164,175,.3);background:#141824d9}.deploy-config-issue{margin-bottom:10px;color:#fbcfe8}.deploy-config-issue strong{color:#fecdd3}.fullscreen-loader{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;gap:12px}.fullscreen-loader-icon{color:var(--purple)}.fullscreen-loader-label{color:var(--text-muted);font-size:14px}.topbar-nav{display:flex;align-items:center;gap:16px}.nav-link{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted);text-decoration:none;cursor:pointer;min-height:44px}.nav-link:hover{color:var(--text)}.nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.user-pill{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:999px;background:#131c2deb;border:1px solid rgba(120,143,190,.24)}.user-pill-info{display:flex;flex-direction:column;line-height:1.2}.user-pill-name{font-size:12px;color:var(--text);font-weight:600}.user-pill-email{font-size:11px;color:var(--text-muted)}.btn-signout{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;cursor:pointer;min-height:44px}.btn-signout:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-gate-actions{display:flex;flex-direction:column;gap:10px;width:100%}.btn-fullwidth{width:100%;cursor:pointer;min-height:44px}.btn-fullwidth:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-image-placeholder{display:flex;align-items:center;justify-content:center;font-size:11px;background:var(--bg-card)}.auth-image-placeholder--error,.auth-image-placeholder--loading{color:var(--text-dim)}.btn:focus-visible,.lp-btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dash-page{--warning: #f59e0b;--accent-light: #8fb8ff;--accent-pale: #d6e4ff}.analytics-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.analytics-summary-cell{text-align:center}.analytics-summary-icon{margin-bottom:8px}.analytics-summary-icon--accent{color:var(--accent)}.analytics-summary-icon--success{color:var(--success)}.analytics-summary-icon--error{color:var(--error)}.analytics-summary-icon--warning{color:var(--warning)}.analytics-summary-value{font-size:28px;font-weight:600}.analytics-summary-value--success{color:var(--success)}.analytics-summary-value--error{color:var(--error)}.analytics-summary-label{font-size:12px;color:var(--text-muted)}.analytics-section-title{margin-bottom:12px}.analytics-item-list{display:flex;flex-direction:column;gap:8px}.analytics-item-row{background:var(--bg-dark);border-radius:8px;padding:10px}.analytics-item-header{display:flex;justify-content:space-between;margin-bottom:4px}.analytics-item-name{font-weight:500}.analytics-text-muted{color:var(--text-muted)}.analytics-text-error{color:var(--error)}.analytics-badge-row{display:flex;gap:8px;margin-bottom:10px}.badge--reliability-high{background:#4caf5021;color:var(--success)}.badge--reliability-medium{background:#f59e0b21;color:var(--warning)}.badge--reliability-low{background:#ef444421;color:var(--error)}.ops-snapshot-card{margin-bottom:16px;border:1px solid rgba(43,124,255,.28);background:linear-gradient(135deg,#2b7cff2e,#2b7cff0f)}.ops-snapshot-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.ops-snapshot-body{max-width:760px}.ops-snapshot-label{color:var(--accent-light);text-transform:uppercase;letter-spacing:.08em}.ops-snapshot-heading{margin-top:6px;margin-bottom:8px}.ops-snapshot-message{color:var(--accent-pale);margin-bottom:12px}.ops-snapshot-badges{display:flex;gap:8px;flex-wrap:wrap}.badge--translucent{background:#ffffff1f;color:#fff}.recent-runs-card{margin-top:16px}.run-row--selected{background:#2b7cff24}.run-row--clickable{cursor:pointer}.analytics-range-bar{display:flex;gap:8px;margin-bottom:16px}.btn--range{padding:6px 12px;font-size:12px;cursor:pointer;min-height:44px}.btn--range:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--range-active{background:var(--accent)}.btn--range-inactive{background:var(--border)}.analytics-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.analytics-center-card{text-align:center;padding:40px}.analytics-spin-icon{margin-bottom:16px}.analytics-retry-gap{margin-bottom:8px}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{cursor:pointer;min-height:44px}.recharts-cartesian-grid line{stroke:var(--border)}@media (max-width: 768px){.analytics-summary-grid{grid-template-columns:repeat(2,1fr)}}.app-status-bar{margin-top:24px;padding:16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.app-status-row{display:flex;justify-content:space-between;align-items:center}.app-status-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.app-status-desc{font-size:12px;color:var(--text)}.app-status-version{font-size:12px;color:var(--success)}.step-list{display:flex;flex-direction:column;gap:6px}.step-list-empty{color:var(--text-muted);text-align:center;padding:20px;font-size:12px}.step-list-item{padding:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:border-color .15s,background .15s}.step-list-item:hover{border-color:#2b7cff33}.step-list-item.selected{background:#6366f126;border-color:var(--purple)}.step-list-grip{color:var(--text-muted)}.step-list-content{flex:1}.step-list-label{font-size:13px;font-weight:500;color:var(--text)}.step-list-detail{font-size:12px;color:var(--text-muted)}.mapper-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.mapper-empty-inner{text-align:center}.mapper-viewport{width:100%;height:100%;background:#fff;cursor:default;position:relative}.mapper-viewport.inspect{cursor:crosshair}.mapper-demo-content{padding:24px;color:#000}.mapper-demo-btn{padding:10px 20px;background:var(--purple);color:#fff;border:none;border-radius:6px;cursor:pointer;min-height:44px}.mapper-demo-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mapper-demo-input{margin-left:10px;padding:10px;border:1px solid #ccc;border-radius:6px}.mapper-demo-section{margin-top:20px;padding:16px;background:#f5f5f5;border-radius:8px}.mapper-inspect-banner{position:fixed;top:10px;left:50%;transform:translate(-50%);background:var(--purple);color:#fff;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;z-index:1000}.rec-steplist-card{flex:1;display:flex;flex-direction:column;min-width:300px}.rec-steplist-body{flex:1;overflow:auto;padding:8px}.rec-steplist-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.rec-steplist-hint{font-size:11px;margin-top:4px;color:var(--text-dim)}.rec-steplist-items{display:flex;flex-direction:column;gap:4px}.rec-steplist-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.rec-steplist-title{font-weight:500;color:var(--text)}.rec-steplist-nav{display:flex;gap:4px;align-items:center}.rec-nav-btn{padding:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:10px;min-height:44px;display:inline-flex;align-items:center;transition:color .15s,border-color .15s,background .15s}.rec-nav-btn:hover{color:var(--text);border-color:var(--accent)}.rec-nav-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rec-nav-btn:disabled{opacity:.4;cursor:not-allowed}.rec-nav-btn.active{background:#6366f133;color:#a78bfa;border-color:var(--purple)}.rec-clear-btn{padding:8px 12px;background:#ef44441a;border-color:#ef44444d;color:var(--error);font-size:11px}.rec-clear-btn:hover{border-color:var(--error)}.rec-steplist-footer{padding:12px;border-top:1px solid var(--border)}.rec-steplist-footer-label{font-size:11px;color:var(--text-muted);margin-bottom:8px}.rec-steplist-footer-actions{display:flex;gap:4px;flex-wrap:wrap}.rec-quick-add-btn{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:11px;min-height:44px;transition:color .15s,background .15s,border-color .15s}.rec-quick-add-btn:hover{color:var(--text);background:#2b7cff0f;border-color:var(--accent)}.rec-quick-add-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}