:root{--bg:#fff;--gray:#f5f5f7;--border:#d2d2d7;--text:#1d1d1f;--muted:#6e6e73;--accent:#4f46e5;--accent-h:#4338ca;--max-w:1080px;--d-bg:#0f1117;--d-bg2:#161922;--d-card:#1c1f2e;--d-sb:#0c0e14;--d-bdr:#2a2d3e;--d-t1:#e4e5eb;--d-t2:#8b8fa3;--d-muted:#5c6078;--d-blue:#3b82f6;--d-green:#22c55e;--d-red:#ef4444;--d-yellow:#f59e0b;--d-purple:#a855f7}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.landing{-webkit-font-smoothing:antialiased;background:#fff;background:var(--bg);color:#1d1d1f;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}.brand-logo{align-items:center;display:flex;gap:10px}.brand-icon{display:block;flex-shrink:0;height:28px;width:28px}.brand-name{color:#1d1d1f;color:var(--text);font-size:1rem;font-weight:700;letter-spacing:-.02em}.btn-primary{align-items:center;background:#4f46e5;background:var(--accent);border-radius:980px;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:6px;padding:11px 22px;transition:background .18s,transform .1s}.btn-primary:hover{background:#4338ca;background:var(--accent-h);transform:translateY(-1px)}.btn-primary.btn-sm{font-size:.85rem;padding:7px 16px}.btn-primary.btn-lg{font-size:1rem;padding:14px 30px}.nav{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:#ffffffe0;border-bottom:1px solid #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-inner{height:52px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 32px}.nav-inner,.nav-links{align-items:center;display:flex}.nav-links{gap:18px}.nav-link{color:#6e6e73;color:var(--muted);font-size:.875rem;font-weight:500;transition:color .15s}.nav-link:hover{color:#1d1d1f;color:var(--text)}.hero{background:radial-gradient(ellipse 90% 55% at 50% -5%,#4f46e512 0,#0000 70%);overflow:hidden;padding:88px 32px 0;text-align:center}.hero-text-wrap{margin:0 auto;max-width:780px}.hero-h1{color:#1d1d1f;color:var(--text);font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.08}.hero-sub{color:#6e6e73;color:var(--muted);font-size:1.15rem;line-height:1.75;margin-left:auto;margin-right:auto;margin-top:22px;max-width:580px}.hero-ctas{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:36px}.hero-secondary{color:#6e6e73;color:var(--muted);font-size:.95rem;font-weight:500;transition:color .15s}.hero-secondary:hover{color:#1d1d1f;color:var(--text)}.hero-note{color:#6e6e73;color:var(--muted);font-size:.78rem;margin-top:14px}.hero-mockup{margin-left:auto;margin-right:auto;margin-top:60px;max-width:1080px}.chrome-wrap{background:#0f1117;background:var(--d-bg);border-radius:14px;box-shadow:0 40px 100px #00000047,0 0 0 1px #ffffff0f;overflow:hidden}.chrome-bar{align-items:center;background:#161922;background:var(--d-bg2);border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--d-bdr);display:flex;flex-shrink:0;gap:7px;height:40px;padding:0 16px}.chrome-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.chrome-dot.cr{background:#ff5f57}.chrome-dot.cy{background:#febc2e}.chrome-dot.cg{background:#28c840}.chrome-title{color:#5c6078;color:var(--d-muted);font-family:monospace;font-size:.72rem;margin-left:auto}.dm-body{display:flex}.dm-content{flex:1 1;overflow:hidden}.dm-page-header{align-items:flex-start;background:#161922;background:var(--d-bg2);border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--d-bdr);display:flex;justify-content:space-between;padding:16px 20px 14px}.dm-page-title{color:#e4e5eb;color:var(--d-t1);font-size:15px;font-weight:600}.dm-page-sub{color:#8b8fa3;color:var(--d-t2);font-size:11px;margin-top:2px}.dm-count{align-self:flex-end;color:#5c6078;color:var(--d-muted);font-size:11px}.dm-btn-mock{background:#3b82f6;background:var(--d-blue);border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:5px 12px;white-space:nowrap}.dm-stats-row{border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--d-bdr);display:flex}.dm-stat{border-right:1px solid #2a2d3e;border-right:1px solid var(--d-bdr);flex:1 1;padding:12px 18px}.dm-stat:last-child{border-right:none}.dm-stat-label{color:#5c6078;color:var(--d-muted);font-size:9px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.dm-stat-value{font-size:20px;font-weight:700;line-height:1}.dm-tabs{background:#161922;background:var(--d-bg2);border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--d-bdr);display:flex;padding:0 16px}.dm-tab{border-bottom:2px solid #0000;color:#8b8fa3;color:var(--d-t2);cursor:default;font-size:12px;font-weight:500;padding:9px 14px}.dm-tab-active{border-bottom-color:#3b82f6;border-bottom-color:var(--d-blue);color:#3b82f6;color:var(--d-blue)}.dm-table-wrap{overflow:hidden}.dm-table{border-collapse:collapse;width:100%}.dm-table th{background:#161922;background:var(--d-bg2);border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--d-bdr);color:#5c6078;color:var(--d-muted);font-size:10px;font-weight:600;letter-spacing:.06em;padding:8px 12px;text-align:left;text-transform:uppercase}.dm-table td{border-bottom:1px solid #2a2d3e80;color:#8b8fa3;color:var(--d-t2);font-size:12px;padding:9px 12px;vertical-align:middle}.dm-table tr:last-child td{border-bottom:none}.dm-table tr:hover td{background:#ffffff05}.dm-primary{color:#e4e5eb!important;color:var(--d-t1)!important}.dm-mono{font-family:SF Mono,Fira Code,monospace}.dm-mono,.dm-muted{font-size:11px!important}.dm-muted{color:#5c6078!important;color:var(--d-muted)!important}.dm-row-title{color:#e4e5eb;color:var(--d-t1);font-size:12px;font-weight:500}.dm-action{color:#3b82f6;color:var(--d-blue);cursor:default;font-size:11px}.dm-action-sep{color:#5c6078;color:var(--d-muted);font-size:11px;margin:0 4px}.dm-action-danger{color:#ef4444;color:var(--d-red)}.dm-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.02em;padding:2px 7px;white-space:nowrap}.dm-badge-complete{background:#22c55e1f;color:#4ade80}.dm-badge-running{background:#3b82f61f;color:#60a5fa}.dm-badge-error{background:#ef44441f;color:#f87171}.dm-badge-info{background:#3b82f61f;color:#60a5fa}.dm-badge-warning{background:#f59e0b1f;color:#fbbf24}.dm-badge-critical{background:#ef44441f;color:#f87171}.dm-dot{border-radius:50%;display:inline-block;height:7px;margin-right:6px;vertical-align:middle;width:7px}.dm-dot-active{background:#22c55e;background:var(--d-green);box-shadow:0 0 5px #22c55e80}.dm-dot-stale{background:#f59e0b;background:var(--d-yellow)}.dm-dot-inactive{background:#5c6078;background:var(--d-muted)}.dm-status-text{color:#8b8fa3;color:var(--d-t2);font-size:11px}.sb-wrap{background:#0c0e14;background:var(--d-sb);border-right:1px solid #2a2d3e;border-right:1px solid var(--d-bdr);display:flex;flex-direction:column;flex-shrink:0;width:220px}.sb-logo{border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--d-bdr);gap:10px;padding:16px}.sb-logo,.sb-logo-box{align-items:center;display:flex}.sb-logo-box{background:#3b82f6;background:var(--d-blue);border-radius:8px;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.sb-logo-text{color:#e4e5eb;color:var(--d-t1);font-size:13px;font-weight:600;white-space:nowrap}.sb-section{padding:10px 8px 4px}.sb-section-label{color:#5c6078;color:var(--d-muted);font-size:9px;font-weight:600;letter-spacing:.1em;padding:0 8px 6px;text-transform:uppercase}.sb-item{border-radius:6px;color:#8b8fa3;color:var(--d-t2);cursor:default;font-size:13px;font-weight:500;gap:8px;margin:0 0 2px;padding:7px 12px}.sb-icon,.sb-item{align-items:center;display:flex}.sb-icon{flex-shrink:0;height:14px;opacity:.7;width:14px}.sb-icon svg{height:100%;width:100%}.sb-active{background:#3b82f61f;color:#3b82f6;color:var(--d-blue)}.sb-active .sb-icon{opacity:1}.ov-live{align-items:center;color:#22c55e;color:var(--d-green);display:flex;font-size:11px;font-weight:600;gap:5px}.ov-stats{border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--d-bdr);display:flex}.ov-stat{border-right:1px solid #2a2d3e;border-right:1px solid var(--d-bdr);flex:1 1;padding:16px 18px}.ov-stat:last-child{border-right:none}.ov-stat-label{color:#5c6078;color:var(--d-muted);font-size:9px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.ov-stat-value{font-size:24px;font-weight:700;line-height:1}.ov-stat-sub{color:#5c6078;color:var(--d-muted);font-size:10px;margin-top:4px}.ov-activity-header{background:#161922;background:var(--d-bg2);border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--d-bdr);padding:9px 20px 8px}.ov-activity-label{color:#5c6078;color:var(--d-muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ov-row{align-items:center;border-bottom:1px solid #2a2d3e66;display:flex;gap:10px;padding:9px 20px}.ov-row:last-child{border-bottom:none}.ov-agent{color:#e4e5eb;color:var(--d-t1);flex:0 0 140px;font-size:12px;font-weight:500}.ov-event{color:#8b8fa3;color:var(--d-t2);flex:1 1;font-size:11px}.ov-time{color:#5c6078;color:var(--d-muted);font-size:10px;white-space:nowrap}.stats-strip{align-items:center;background:#fff;background:var(--bg);border-bottom:1px solid #d2d2d7;border-bottom:1px solid var(--border);border-top:1px solid #d2d2d7;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:0;justify-content:center;padding:32px}.stats-sep{background:#d2d2d7;background:var(--border);flex-shrink:0;height:36px;margin:0 52px;width:1px}.stat-item{text-align:center}.stat-value{color:#1d1d1f;color:var(--text);display:block;font-size:1.65rem;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:5px}.stat-label{color:#6e6e73;color:var(--muted);font-size:.75rem;font-weight:500;letter-spacing:.01em}.empathy-section{background:#f5f5f7;background:var(--gray);padding:88px 32px}.empathy-inner{gap:44px;margin:0 auto;max-width:700px}.empathy-inner,.empathy-problems{display:flex;flex-direction:column}.empathy-problems{gap:22px}.ep-item{align-items:flex-start;display:flex;gap:18px}.ep-dash{background:#d2d2d7;background:var(--border);flex-shrink:0;height:1px;margin-top:14px;width:24px}.ep-text{color:#6e6e73;color:var(--muted);font-size:1.1rem;line-height:1.6}.empathy-solution{border-top:1px solid #d2d2d7;border-top:1px solid var(--border);padding-top:36px;text-align:center}.em-solution-text{color:#1d1d1f;color:var(--text);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.45}.feature-section{padding:100px 32px}.fs-light{background:#fff;background:var(--bg)}.fs-gray{background:#f5f5f7;background:var(--gray)}.fs-inner{align-items:center;display:flex;gap:72px;margin:0 auto;max-width:1280px}.fs-rev{flex-direction:row-reverse}.fs-text{flex:0 0 300px}.fs-visual{flex:1 1;min-width:0}.fs-eyebrow{color:#4f46e5;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.fs-h2{color:#1d1d1f;color:var(--text);font-size:clamp(1.8rem,2.8vw,2.3rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px}.fs-body{color:#6e6e73;color:var(--muted);font-size:.95rem;line-height:1.8;margin-bottom:22px}.fs-cta{color:#4f46e5;color:var(--accent);font-size:.875rem;font-weight:600;transition:opacity .15s}.fs-cta:hover{opacity:.7}.trust-section{background:#fff;background:var(--bg);border-top:1px solid #d2d2d7;border-top:1px solid var(--border);padding:80px 32px}.trust-inner{margin:0 auto;max-width:1080px;max-width:var(--max-w)}.trust-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(3,1fr)}.trust-title{font-size:.95rem;font-weight:700;margin-bottom:8px}.trust-body{color:#6e6e73;color:var(--muted);font-size:.875rem;line-height:1.75}.compat-section{background:#fff;background:var(--bg);border-top:1px solid #d2d2d7;border-top:1px solid var(--border);padding:64px 32px}.compat-inner{margin:0 auto;max-width:1080px;max-width:var(--max-w);text-align:center}.compat-label{color:#6e6e73;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.14em;margin-bottom:28px;text-transform:uppercase}.compat-grid{flex-wrap:wrap;gap:10px;justify-content:center}.compat-grid,.compat-item{align-items:center;display:flex}.compat-item{background:#fff;background:var(--bg);border:1.5px solid #d2d2d7;border:1.5px solid var(--border);border-radius:980px;cursor:default;gap:9px;padding:10px 20px;transition:border-color .15s,box-shadow .15s,background .15s}.compat-item:hover{border-color:#1d1d1f;border-color:var(--text);box-shadow:0 2px 10px #00000012}.compat-icon{align-items:center;color:#6e6e73;color:var(--muted);display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.compat-icon svg{height:100%;width:100%}.compat-item:hover .compat-icon,.compat-name{color:#1d1d1f;color:var(--text)}.compat-name{font-size:.875rem;font-weight:600;white-space:nowrap}.ctrl-bundles{grid-gap:1px;background:#2a2d3e;background:var(--d-bdr);display:grid;gap:1px;grid-template-columns:1fr 1fr}.ctrl-bundle{background:#0f1117;background:var(--d-bg);display:flex;flex-direction:column;gap:9px;padding:13px 15px}.ctrl-bundle:hover{background:hsla(0,0%,100%,.015)}.ctrl-bundle-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.ctrl-bundle-name{color:#e4e5eb;color:var(--d-t1);font-size:12px;font-weight:600;margin-bottom:4px}.ctrl-bundle-desc{color:#5c6078;color:var(--d-muted);font-size:10px;line-height:1.45}.ctrl-install-btn{background:#3b82f61f;border-radius:5px;color:#3b82f6;color:var(--d-blue);cursor:default;flex-shrink:0;font-size:10px;font-weight:600;padding:4px 10px;white-space:nowrap}.ctrl-bundle-footer{align-items:center;display:flex;justify-content:space-between}.ctrl-bundle-cat{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.01em;padding:2px 7px}.ctrl-bundle-count{color:#5c6078;color:var(--d-muted);font-size:10px}.cta-section{background:#1d1d1f;background:var(--text);padding:100px 32px;text-align:center}.cta-inner{margin:0 auto;max-width:600px}.cta-h2{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:32px}.cta-btn{background:#fff;color:#1d1d1f;color:var(--text)}.cta-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.cta-note{color:#fff6;font-size:.78rem;margin-top:16px}.footer{background:#f5f5f7;background:var(--gray);border-top:1px solid #d2d2d7;border-top:1px solid var(--border);padding:28px 32px}.footer-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px}.footer .brand-name{font-size:.9rem}.footer-links{display:flex;gap:20px}.footer-links a{color:#6e6e73;color:var(--muted);font-size:.82rem;transition:color .15s}.footer-links a:hover{color:#1d1d1f;color:var(--text)}@media (max-width:1100px){.fs-inner,.fs-rev{flex-direction:column;gap:48px}.fs-text{flex:none;max-width:100%}.fs-visual{width:100%}.trust-grid{gap:32px;grid-template-columns:1fr}.sb-wrap{width:160px}.sb-logo-text{display:none}.sb-item{font-size:11px;padding:6px 10px}}@media (max-width:700px){.nav-inner{padding:0 16px}.nav-link{display:none}.hero{padding:60px 16px 0}.stats-strip{gap:16px;padding:24px 16px}.stats-sep{display:none}.stat-item{flex:1 1 40%}.hero-h1{font-size:2.1rem}.hero-ctas{align-items:stretch;flex-direction:column;gap:12px}.hero-ctas .btn-primary{justify-content:center}.hero-secondary{text-align:center}.hero-mockup{margin-top:40px}.empathy-section{padding:60px 16px}.feature-section{padding:64px 16px}.compat-section{padding:48px 16px}.cta-section{padding:72px 16px}.trust-section{padding:60px 16px}.footer{padding:24px 16px}.sb-wrap{display:none}.ov-stats{flex-direction:column}.ov-stat{border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--d-bdr);border-right:none}.ov-stat:last-child{border-bottom:none}.dm-stats-row{display:none}.footer-inner{flex-direction:column;gap:16px}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.hero-h1{font-size:1.85rem;letter-spacing:-.03em}.hero-sub{font-size:1rem}.fs-h2{font-size:1.6rem}.cta-h2{font-size:1.8rem}.chrome-wrap{border-radius:10px}.dm-table td,.dm-table th{font-size:10px;padding:6px 8px}.ov-row{padding:7px 12px}}:root{--bg-primary:#0f1117;--bg-secondary:#161922;--bg-card:#1c1f2e;--bg-card-hover:#232738;--bg-input:#1c1f2e;--bg-sidebar:#0c0e14;--border:#2a2d3e;--border-light:#353849;--text-primary:#e4e5eb;--text-secondary:#8b8fa3;--text-muted:#5c6078;--accent:#3b82f6;--accent-hover:#2563eb;--accent-subtle:#3b82f61f;--success:#22c55e;--success-subtle:#22c55e1f;--warning:#f59e0b;--warning-subtle:#f59e0b1f;--error:#ef4444;--error-subtle:#ef44441f;--purple:#a855f7;--purple-subtle:#a855f71f;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #0000004d;--shadow-lg:0 4px 12px #0006;--transition:150ms ease;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;--font-mono:"SF Mono","Fira Code","Consolas",monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#0f1117;background:var(--bg-primary);color:#e4e5eb;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-family:var(--font);font-size:14px;line-height:1.5}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{background:#0c0e14;background:var(--bg-sidebar);border-right:1px solid #2a2d3e;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:220px}.sidebar-logo{align-items:center;border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--border);color:#e4e5eb;color:var(--text-primary);display:flex;gap:10px;padding:20px 16px;text-decoration:none}.sidebar-logo-dot{align-items:center;background:#3b82f6;background:var(--accent);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.sidebar-logo span{font-size:15px;font-weight:600;white-space:nowrap}.sidebar-section{padding:12px 8px 4px}.sidebar-section-label{color:#5c6078;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.08em;padding:0 8px 8px;text-transform:uppercase}.sidebar-nav{flex:1 1;list-style:none;padding:0 8px}.sidebar-item{align-items:center;background:none;border:none;border-radius:6px;color:#8b8fa3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:2px;padding:8px 12px;text-align:left;text-decoration:none;transition:all .15s ease;transition:all var(--transition);width:100%}.sidebar-item:hover{background:#1c1f2e;background:var(--bg-card);color:#e4e5eb;color:var(--text-primary)}.sidebar-item.active{background:#3b82f61f;background:var(--accent-subtle);color:#3b82f6;color:var(--accent)}.sidebar-icon,.sidebar-item svg{flex-shrink:0;height:16px;opacity:.7;width:16px}.sidebar-item.active .sidebar-icon{opacity:1}.sidebar-badge{background:#ef4444;background:var(--error);border-radius:10px;color:#fff;font-size:10px;font-weight:600;margin-left:auto;min-width:18px;padding:1px 6px;text-align:center}.sidebar-footer{border-top:1px solid #2a2d3e;border-top:1px solid var(--border);padding:12px}.sidebar-user{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .15s ease;transition:background var(--transition)}.sidebar-user:hover{background:#1c1f2e;background:var(--bg-card)}.sidebar-avatar{align-items:center;background:#3b82f61f;background:var(--accent-subtle);border-radius:50%;color:#3b82f6;color:var(--accent);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:30px;justify-content:center;width:30px}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:#e4e5eb;color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#5c6078;color:var(--text-muted);font-size:11px}.main-content{background:#0f1117;background:var(--bg-primary);flex:1 1;overflow-y:auto}.page-header{align-items:center;background:#161922;background:var(--bg-secondary);border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-title{font-size:18px;font-weight:600}.page-subtitle{color:#8b8fa3;color:var(--text-secondary);font-size:13px;margin-top:2px}.page-actions{align-items:center;display:flex;gap:8px}.page-body{padding:24px 28px}.card{background:#1c1f2e;background:var(--bg-card);border:1px solid #2a2d3e;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-title{font-size:15px;font-weight:600}.card-subtitle{color:#8b8fa3;color:var(--text-secondary);font-size:12px;margin-top:2px}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.metric-card{background:#1c1f2e;background:var(--bg-card);border:1px solid #2a2d3e;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden;padding:20px;position:relative}.metric-card:before{content:"";height:3px;left:0;position:absolute;top:0;width:100%}.metric-card.blue:before{background:#3b82f6;background:var(--accent)}.metric-card.green:before{background:#22c55e;background:var(--success)}.metric-card.yellow:before{background:#f59e0b;background:var(--warning)}.metric-card.red:before{background:#ef4444;background:var(--error)}.metric-card.purple:before{background:#a855f7;background:var(--purple)}.metric-label{color:#8b8fa3;color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.metric-value{font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.metric-value.blue{color:#3b82f6;color:var(--accent)}.metric-value.green{color:#22c55e;color:var(--success)}.metric-value.yellow{color:#f59e0b;color:var(--warning)}.metric-value.red{color:#ef4444;color:var(--error)}.metric-value.purple{color:#a855f7;color:var(--purple)}.metric-change{color:#5c6078;color:var(--text-muted);font-size:12px}.health-ring{height:120px;margin:0 auto 12px;position:relative;width:120px}.health-ring svg{height:100%;transform:rotate(-90deg);width:100%}.health-ring-bg{fill:none;stroke:#2a2d3e;stroke:var(--border);stroke-width:8}.health-ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.health-ring-text{font-size:28px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}table{border-collapse:collapse;width:100%}table th{color:#5c6078;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase}table td,table th{border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--border);padding:10px 12px}table td{color:#8b8fa3;color:var(--text-secondary);font-size:13px}table tr:hover td{background:#232738;background:var(--bg-card-hover)}table tr:last-child td{border-bottom:none}.btn,button{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;gap:6px;justify-content:center;line-height:1.4;padding:8px 16px;text-decoration:none;transition:all .15s ease;transition:all var(--transition)}.btn-primary,button.primary{background:#3b82f6;background:var(--accent);border-color:#3b82f6;border-color:var(--accent);color:#fff}.btn-primary:hover,button.primary:hover{background:#2563eb;background:var(--accent-hover)}.btn-secondary{background:#1c1f2e;background:var(--bg-card);border-color:#2a2d3e;border-color:var(--border);color:#e4e5eb;color:var(--text-primary)}.btn-secondary:hover{background:#232738;background:var(--bg-card-hover);border-color:#353849;border-color:var(--border-light)}.btn-ghost{background:#0000;border:none;color:#8b8fa3;color:var(--text-secondary);padding:6px 10px}.btn-ghost:hover{background:#1c1f2e;background:var(--bg-card);color:#e4e5eb;color:var(--text-primary)}.btn-danger,button.danger{background:#ef44441f;background:var(--error-subtle);border-color:#0000;color:#ef4444;color:var(--error)}.btn-danger:hover,button.danger:hover{background:#ef4444;background:var(--error);color:#fff}.btn-sm{font-size:12px;padding:4px 10px}.btn-lg{font-size:15px;padding:12px 24px}input,select,textarea{background:#1c1f2e;background:var(--bg-input);border:1px solid #2a2d3e;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#e4e5eb;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;margin-bottom:0;padding:9px 12px;transition:border-color .15s ease;transition:border-color var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f;box-shadow:0 0 0 3px var(--accent-subtle);outline:none}input::placeholder,textarea::placeholder{color:#5c6078;color:var(--text-muted)}textarea{min-height:80px;resize:vertical}.form-group{margin-bottom:16px}.form-group label{color:#8b8fa3;color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 8px}.badge-success{background:#22c55e1f;background:var(--success-subtle);color:#22c55e;color:var(--success)}.badge-warning{background:#f59e0b1f;background:var(--warning-subtle);color:#f59e0b;color:var(--warning)}.badge-error{background:#ef44441f;background:var(--error-subtle);color:#ef4444;color:var(--error)}.badge-info{background:#3b82f61f;background:var(--accent-subtle);color:#3b82f6;color:var(--accent)}.badge-purple{background:#a855f71f;background:var(--purple-subtle);color:#a855f7;color:var(--purple)}.badge-neutral{background:#ffffff0f;color:#8b8fa3;color:var(--text-secondary)}.status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.status-dot.active{background:#22c55e;background:var(--success);box-shadow:0 0 6px #22c55e;box-shadow:0 0 6px var(--success)}.status-dot.warning{background:#f59e0b;background:var(--warning)}.status-dot.error{background:#ef4444;background:var(--error)}.status-dot.inactive{background:#5c6078;background:var(--text-muted)}.alert{align-items:center;border-radius:8px;border-radius:var(--radius);display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:12px 16px}.alert.error{background:#ef44441f;background:var(--error-subtle);border:1px solid #ef444433;color:#ef4444;color:var(--error)}.alert.success{background:#22c55e1f;background:var(--success-subtle);border:1px solid #22c55e33;color:#22c55e;color:var(--success)}.alert.warning{background:#f59e0b1f;background:var(--warning-subtle);border:1px solid #f59e0b33;color:#f59e0b;color:var(--warning)}.alert.info{background:#3b82f61f;background:var(--accent-subtle);border:1px solid #3b82f633;color:#3b82f6;color:var(--accent)}.empty-state{color:#5c6078;color:var(--text-muted);padding:60px 20px;text-align:center}.empty-state-icon{font-size:36px;margin-bottom:16px;opacity:.4}.empty-state h3{color:#8b8fa3;color:var(--text-secondary);font-size:16px;margin-bottom:8px}.empty-state p{font-size:13px;margin:0 auto 20px;max-width:400px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.modal{background:#1c1f2e;background:var(--bg-card);border:1px solid #2a2d3e;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);max-height:80vh;max-width:560px;overflow-y:auto;padding:24px;width:90%}.modal-title{font-size:16px;font-weight:600;margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.tabs{border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--border);display:flex;gap:0;margin-bottom:20px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#5c6078;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .15s ease;transition:all var(--transition)}.tab-btn:hover{color:#8b8fa3;color:var(--text-secondary)}.tab-btn.active{border-bottom-color:#3b82f6;border-bottom-color:var(--accent);color:#3b82f6;color:var(--accent)}.code-block{border:1px solid #2a2d3e;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#8b8fa3;color:var(--text-secondary);line-height:1.6;overflow-x:auto;padding:16px;white-space:pre}.code-block,.code-inline{background:#0f1117;background:var(--bg-primary);font-family:SF Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:12px}.code-inline{border-radius:4px;color:#3b82f6;color:var(--accent);padding:2px 6px}.trace-dag{overflow-x:auto;padding:20px}.dag-node{background:#1c1f2e;background:var(--bg-card);border:1px solid #2a2d3e;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;flex-direction:column;min-width:180px;padding:12px 16px;transition:all .15s ease;transition:all var(--transition)}.dag-node:hover{box-shadow:0 0 0 3px #3b82f61f;box-shadow:0 0 0 3px var(--accent-subtle)}.dag-node.selected,.dag-node:hover{border-color:#3b82f6;border-color:var(--accent)}.dag-node.selected{background:#3b82f61f;background:var(--accent-subtle)}.dag-node.error{border-left:3px solid #ef4444;border-left:3px solid var(--error)}.dag-node.success{border-left:3px solid #22c55e;border-left:3px solid var(--success)}.dag-node.llm{border-left:3px solid #a855f7;border-left:3px solid var(--purple)}.dag-node.tool{border-left:3px solid #f59e0b;border-left:3px solid var(--warning)}.dag-node-name{font-size:13px;font-weight:600;margin-bottom:4px}.dag-node-type{color:#5c6078;color:var(--text-muted);font-size:11px}.dag-node-duration{color:#8b8fa3;color:var(--text-secondary);font-size:11px;margin-top:4px}.span-drawer{background:#1c1f2e;background:var(--bg-card);border:1px solid #2a2d3e;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);margin-top:16px;padding:20px}.span-drawer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.span-drawer-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.span-drawer-stat{background:#0f1117;background:var(--bg-primary);border-radius:8px;border-radius:var(--radius);padding:8px 12px}.span-drawer-stat label{color:#5c6078;color:var(--text-muted);display:block;font-size:11px;margin-bottom:2px}.span-drawer-stat value{font-size:14px;font-weight:600}.diff-viewer{grid-gap:1px;background:#2a2d3e;background:var(--border);border-radius:8px;border-radius:var(--radius);display:grid;gap:1px;grid-template-columns:1fr 1fr;overflow:hidden}.diff-pane{background:#0f1117;background:var(--bg-primary);font-family:SF Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:12px;line-height:1.6;padding:16px;white-space:pre-wrap;word-break:break-word}.diff-pane-header{color:#5c6078;color:var(--text-muted);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;margin-bottom:8px}.diff-added{background:#22c55e1f;background:var(--success-subtle);color:#22c55e;color:var(--success)}.diff-removed{background:#ef44441f;background:var(--error-subtle);color:#ef4444;color:var(--error)}.timeline{padding-left:24px;position:relative}.timeline:before{background:#2a2d3e;background:var(--border);bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.timeline-item{padding-bottom:20px;position:relative}.timeline-dot{border:2px solid #0f1117;border:2px solid var(--bg-primary);border-radius:50%;height:12px;left:-20px;position:absolute;top:4px;width:12px}.timeline-dot.success{background:#22c55e;background:var(--success)}.timeline-dot.error{background:#ef4444;background:var(--error)}.timeline-dot.info{background:#3b82f6;background:var(--accent)}.timeline-dot.warning{background:#f59e0b;background:var(--warning)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:#5c6078;color:var(--text-muted)}.text-secondary{color:#8b8fa3;color:var(--text-secondary)}.text-mono{font-family:SF Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.text-right{text-align:right}.text-center{text-align:center}.grid{display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.clickable-row{cursor:pointer}.clickable-row:hover td{color:#e4e5eb;color:var(--text-primary)}.active-row td{background:#3b82f61f!important;background:var(--accent-subtle)!important}.loading{align-items:center;color:#5c6078;color:var(--text-muted);display:flex;justify-content:center;padding:40px}.spinner{animation:spin .8s linear infinite;border:2px solid #2a2d3e;border-top:2px solid #3b82f6;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:20px;margin-right:8px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-wrapper:hover .tooltip-text{opacity:1;visibility:visible}.tooltip-text{background:#1c1f2e;background:var(--bg-card);border:1px solid #2a2d3e;border:1px solid var(--border);border-radius:4px;bottom:100%;color:#e4e5eb;color:var(--text-primary);font-size:11px;left:50%;margin-bottom:4px;opacity:0;padding:4px 8px;position:absolute;transform:translateX(-50%);transition:all .15s ease;transition:all var(--transition);visibility:hidden;white-space:nowrap;z-index:50}.onboarding-steps{display:flex;gap:4px;margin-bottom:24px}.onboarding-step{background:#2a2d3e;background:var(--border);border-radius:2px;flex:1 1;height:4px}.onboarding-step.active{background:#3b82f6;background:var(--accent)}.onboarding-step.done{background:#22c55e;background:var(--success)}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;max-width:380px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast{align-items:flex-start;animation:toast-in .2s ease;border:1px solid #2a2d3e;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 12px #0006;box-shadow:var(--shadow-lg);display:flex;font-size:13px;gap:10px;line-height:1.5;padding:12px 14px;pointer-events:all}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-error{background:#1e1012;border-color:#ef444466;color:#ef4444;color:var(--error)}.toast-success{background:#0e1c14;border-color:#22c55e66;color:#22c55e;color:var(--success)}.toast-warning{background:#1c1608;border-color:#f59e0b66;color:#f59e0b;color:var(--warning)}.toast-info{background:#0e1628;border-color:#3b82f666;color:#3b82f6;color:var(--accent)}.toast-icon{flex-shrink:0;font-size:14px;margin-top:1px}.toast-message{color:#e4e5eb;color:var(--text-primary);flex:1 1}.toast-close{background:none;border:none;color:#5c6078;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;padding:0;transition:color .15s ease;transition:color var(--transition)}.toast-close:hover{color:#e4e5eb;color:var(--text-primary)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#2a2d3e;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#353849;background:var(--border-light)}.hamburger-btn,.mobile-brand,.mobile-topbar,.sidebar-overlay{display:none}@media (max-width:768px){.sidebar{height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:260px;z-index:200}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{background:#0000008c;display:block;inset:0;position:fixed;z-index:199}.mobile-topbar{background:#161922;background:var(--bg-secondary);border-bottom:1px solid #2a2d3e;border-bottom:1px solid var(--border);gap:10px;height:52px;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:11}.hamburger-btn,.mobile-topbar{align-items:center;display:flex;flex-shrink:0}.hamburger-btn{background:none;border:none;border-radius:6px;color:#8b8fa3;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:6px;transition:background .15s ease;transition:background var(--transition)}.hamburger-btn:hover{background:#1c1f2e;background:var(--bg-card);color:#e4e5eb;color:var(--text-primary)}.hamburger-btn svg{height:20px;width:20px}.mobile-brand{color:#e4e5eb;color:var(--text-primary);display:block;font-size:15px;font-weight:700}.page-header{padding:10px 16px;top:52px}.page-body{padding:12px 16px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.card{overflow-x:auto}table{min-width:520px}}
/*# sourceMappingURL=main.3ab8cbf8.css.map*/