@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--color-bg: #0F0F10;--color-bg-raised: #1A1A1C;--color-bg-overlay: #222224;--color-bg-input: #141415;--color-bg-hover: rgba(255,255,255,.05);--color-bg-active: rgba(255,255,255,.08);--color-border: rgba(255,255,255,.09);--color-border-strong: rgba(255,255,255,.16);--color-border-focus: #4ADE80;--color-text-1: #FAFAFA;--color-text-2: #E4E4E7;--color-text-3: #A1A1AA;--color-text-inverse: #0F0F10;--color-accent: #4ADE80;--color-accent-dim: rgba(74,222,128,.12);--color-accent-text: #16A34A;--color-red: #F87171;--color-red-dim: rgba(248,113,113,.12);--color-amber: #FBBF24;--color-amber-dim: rgba(251,191,36,.12);--font: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 26px;--weight-normal: 400;--weight-medium: 500;--weight-semi: 600;--leading-tight: 1.2;--leading-normal: 1.5;--leading-loose: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--shadow-1: 0 1px 3px rgba(0,0,0,.4);--shadow-2: 0 4px 16px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--color-text-1);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal)}button{font-family:var(--font);cursor:pointer;background:transparent;border:none;color:inherit}input,textarea,select{font-family:var(--font)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.topbar{height:44px;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-4);gap:var(--space-6);position:sticky;top:0;z-index:100}.topbar-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-semi);color:var(--color-text-1);letter-spacing:-.02em;flex-shrink:0}.topbar-nav{display:flex;align-items:center;gap:var(--space-1);margin:0 auto}.nav-link{font-size:var(--text-sm);font-weight:400;color:#71717a;padding:4px 8px;border-radius:0;background:transparent;border:none;transition:color .12s;white-space:nowrap;cursor:pointer}.nav-link:hover{color:#d4d4d8;background:transparent}.nav-link.active{color:#fff;font-weight:500;background:transparent}.page{min-height:calc(100vh - 44px);background:var(--color-bg)}.container{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-6)}.container-wide{max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-6)}.page-title{font-size:var(--text-xl);font-weight:var(--weight-semi);color:var(--color-text-1);letter-spacing:-.03em;line-height:var(--leading-tight)}.page-subtitle{font-size:var(--text-base);color:var(--color-text-2);margin-top:var(--space-1)}.section-label{font-size:var(--text-xs);font-weight:var(--weight-semi);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.08em}.text-1{color:var(--color-text-1)}.text-2{color:var(--color-text-2)}.text-3{color:var(--color-text-3)}.text-accent{color:var(--color-accent-text)}.text-red{color:var(--color-red)}.text-amber{color:var(--color-amber)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semi,.font-semibold{font-weight:var(--weight-semi)}.font-bold{font-weight:700}.text-4xl{font-size:2.25rem}.tracking-tight{letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);padding:5px 12px;border:none;cursor:pointer;transition:background .12s,opacity .12s;white-space:nowrap;line-height:1.5}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse);padding:8px 20px;font-size:var(--text-base);font-weight:var(--weight-semi);border-radius:var(--radius-md)}.btn-primary:hover{opacity:.88}.btn-primary:active{opacity:.78}.btn-secondary{background:var(--color-bg-raised);color:var(--color-text-1);border:1px solid var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg-overlay)}.btn-ghost{background:transparent;color:var(--color-text-1);border:1px solid var(--color-border-strong);padding:7px 16px;font-size:var(--text-sm)}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text-1);border-color:var(--color-text-2)}.btn-danger{background:var(--color-red-dim);color:var(--color-red);border:1px solid rgba(248,113,113,.2)}.btn-danger:hover{background:#f8717133}.btn-sm{font-size:var(--text-xs);padding:3px 10px}.btn-lg{font-size:var(--text-md);padding:8px 18px;border-radius:var(--radius-lg)}.btn:disabled{opacity:.35;cursor:not-allowed}.input{width:100%;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:7px 11px;font-family:var(--font);font-size:var(--text-base);color:var(--color-text-1);transition:border-color .12s,box-shadow .12s;outline:none}.input::placeholder{color:var(--color-text-3)}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-dim)}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-2);margin-bottom:var(--space-2)}.input-hint{font-size:var(--text-xs);color:var(--color-text-3);margin-top:var(--space-1)}.input-group{margin-bottom:var(--space-4)}.card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.card-header{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.card-body{padding:var(--space-4)}.card-accent-green{background:var(--color-bg-raised);border:1px solid var(--color-border);border-left:2px solid var(--color-accent);border-radius:0 var(--radius-xl) var(--radius-xl) 0}.card-accent-red{background:#f871710a;border:1px solid var(--color-border);border-left:2px solid var(--color-red);border-radius:0 var(--radius-xl) var(--radius-xl) 0}.card-accent-amber{background:var(--color-bg-raised);border:1px solid var(--color-border);border-left:2px solid var(--color-amber);border-radius:0 var(--radius-xl) var(--radius-xl) 0}.avatar{background:#27272a;color:var(--color-text-1);font-size:var(--text-xs);font-weight:var(--weight-semi);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em;border:1px solid var(--color-border)}.avatar-lg{width:36px;height:36px;font-size:var(--text-sm);border-radius:var(--radius-lg)}.avatar-md{width:28px;height:28px;font-size:var(--text-xs)}.avatar-sm{width:22px;height:22px;font-size:10px;border-radius:var(--radius-sm)}.avatar-user{width:30px;height:30px;border-radius:50%;background:#16a34a;color:#fff;font-size:11px;font-weight:600;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border:1.5px solid rgba(255,255,255,.15);transition:opacity .15s;-webkit-user-select:none;user-select:none}.avatar-user:hover{opacity:.85}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px 7px;border-radius:var(--radius-sm);line-height:1.6}.badge-green{color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.2)}.badge-gray{color:var(--color-text-2);background:var(--color-bg-overlay);border:1px solid var(--color-border)}.badge-amber{color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.2)}.badge-red{color:var(--color-red);background:var(--color-red-dim);border:1px solid rgba(248,113,113,.2)}.dot-live{width:6px;height:6px;border-radius:50%;background:#4ade80;flex-shrink:0;animation:dot-pulse 2.4s ease infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.dot-amber{width:6px;height:6px;border-radius:50%;background:#fbbf24;flex-shrink:0}.dot-red{width:6px;height:6px;border-radius:50%;background:var(--color-red);flex-shrink:0}.table-wrap{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.table-head{display:grid;padding:var(--space-2) var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.table-row{display:grid;padding:var(--space-3) var(--space-4);align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .1s}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--color-bg-hover)}.stat-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.stat-card-label{font-size:var(--text-xs);font-weight:var(--weight-semi);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;justify-content:space-between}.stat-card-value{font-size:22px;font-weight:var(--weight-semi);color:var(--color-text-1);letter-spacing:-.04em;line-height:1}.stat-card-delta{font-size:var(--text-xs);color:#4ade80;display:flex;align-items:center;gap:3px}.split-pane{display:flex;height:calc(100vh - 44px);overflow:hidden}.split-left{width:400px;min-width:360px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-bg)}.split-right{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-raised)}.pane-header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-bubble-platform{background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:2px var(--radius-lg) var(--radius-lg) var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:var(--leading-loose);color:var(--color-text-1);max-width:90%;align-self:flex-start}.chat-bubble-user{background:var(--color-accent-dim);border:1px solid rgba(74,222,128,.15);border-radius:var(--radius-lg) 2px var(--radius-lg) var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:var(--leading-loose);color:var(--color-text-1);max-width:90%;align-self:flex-end}.typing-indicator{display:flex;align-items:center;gap:4px;padding:var(--space-3) var(--space-4);background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:2px var(--radius-lg) var(--radius-lg) var(--radius-lg);width:fit-content}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--color-text-3);animation:typing 1.4s ease infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.2;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.chat-input-row{padding:var(--space-3);border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);flex-shrink:0}.env-pane-content{flex:1;overflow-y:auto;padding:var(--space-4)}.email-list{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-4)}.email-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);transition:background .2s}.email-row:last-child{border-bottom:none}.email-row.scanning{background:#4ade800a}.email-sender{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-1);white-space:nowrap;width:120px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.email-subject{font-size:var(--text-sm);color:var(--color-text-2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-time{font-size:var(--text-xs);color:var(--color-text-2);white-space:nowrap;flex-shrink:0}.email-tag{font-size:10px;font-weight:var(--weight-medium);padding:1px 6px;border-radius:3px;flex-shrink:0;opacity:0;transition:opacity .3s ease}.email-tag.visible{opacity:1}.email-tag-match{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.25)}.email-tag-skip{background:var(--color-bg-overlay);color:var(--color-text-2);border:1px solid var(--color-border)}.activity-log{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.activity-line{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-2);padding:3px 0;opacity:0;transform:translateY(3px);transition:opacity .25s ease,transform .25s ease;font-family:var(--font-mono)}.activity-line.visible{opacity:1;transform:translateY(0)}.activity-line-dot{width:4px;height:4px;border-radius:50%;background:var(--color-accent);flex-shrink:0}.draft-preview{background:var(--color-bg);border:1px solid var(--color-border);border-left:2px solid var(--color-accent);border-radius:0 var(--radius-lg) var(--radius-lg) 0;overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity .35s cubic-bezier(.16,1,.32,1),transform .35s cubic-bezier(.16,1,.32,1)}.draft-preview.visible{opacity:1;transform:translateY(0)}.draft-preview-header{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-2);font-family:var(--font-mono)}.draft-preview-body{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-2);line-height:var(--leading-loose)}.draft-preview-actions{padding:var(--space-2) var(--space-4) var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.marketplace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:900px}@media (min-width: 1100px){.marketplace-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.marketplace-page{overflow-x:hidden;max-width:100vw}.agent-card{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:16px;display:flex;overflow:hidden;flex-direction:column;cursor:pointer;transition:background .15s,border-color .15s}.agent-card:hover{background:#ffffff0d;border-color:#ffffff1f}.agent-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.agent-card-meta{flex:1}.agent-card-name{font-size:14px;font-weight:600;color:#fafafa;letter-spacing:-.015em;line-height:1.25;margin-bottom:3px}.agent-card-builder{font-size:12px;color:#71717a}.agent-card-price{font-size:13px;font-weight:600;color:#fafafa;white-space:nowrap;flex-shrink:0}.agent-card-description{font-size:12px;color:#a1a1aa;line-height:1.5;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:8px}.agent-card-category{display:inline-flex;align-items:center;width:auto;max-width:100%;font-size:11px;color:#a1a1aa;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:4px;padding:2px 8px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.agent-card-stats{display:flex;align-items:center;gap:10px;font-size:12px;color:#71717a}.agent-card-rating{display:flex;align-items:center;gap:3px;color:#fbbf24;font-size:12px;font-weight:500}.badge-new{display:inline-flex;width:auto;font-size:10px;font-weight:600;color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:3px;padding:2px 7px;letter-spacing:.04em}.agent-card-cta{font-size:12px;font-weight:500;color:#4ade80;background:none;border:none;cursor:pointer;padding:0}.agent-card-cta:hover{text-decoration:underline}.filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.filter-pill{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:4px 12px;border-radius:20px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-2);cursor:pointer;transition:all .12s}.filter-pill:hover{border-color:var(--color-border-strong);color:var(--color-text-1)}.filter-pill.active{background:var(--color-text-1);color:var(--color-bg);border-color:var(--color-text-1)}.home-bg-texture{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:28px 28px}.home-bg-glow{position:fixed;top:30%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(74,222,128,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.home-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 44px);padding:0 24px 60px}.workspace-pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 14px 6px 10px;font-size:13px;font-weight:500;color:#e4e4e7;cursor:pointer;margin-bottom:28px;transition:background .15s}.workspace-pill:hover{background:#ffffff14}.workspace-pill-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:dot-pulse 2.4s ease infinite}.workspace-pill svg{width:12px;height:12px;color:#71717a}.home-headline{font-size:46px;font-weight:700;color:#4ade80;letter-spacing:-.05em;line-height:1.05;text-align:center;margin-bottom:12px;position:relative;z-index:0}.home-subline{font-size:15px;color:#d4d4d8;text-align:center;margin-bottom:32px;letter-spacing:-.01em;position:relative;z-index:0}.build-unit{width:100%;max-width:680px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #4ade8014,0 20px 60px #00000080}.build-tabs{display:flex;background:#111113;border-bottom:1px solid rgba(255,255,255,.07)}.build-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:400;color:#a1a1aa;cursor:pointer;background:none;border:none;border-right:1px solid rgba(255,255,255,.06);transition:color .15s,background .15s;white-space:nowrap;flex:1;justify-content:center}.build-tab:last-child{border-right:none}.build-tab:hover{color:#e4e4e7;background:#ffffff05}.build-tab.active{color:#fafafa;font-weight:500;background:#18181b}.build-tab svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}.build-textarea-wrap{background:#18181b;padding:0}.build-textarea{width:100%;background:transparent;border:none;outline:none;resize:none;font-family:inherit;font-size:15px;color:#fafafa;line-height:1.6;padding:18px 20px 12px;min-height:110px;caret-color:#4ade80}.build-textarea::placeholder{color:#3f3f46}.build-toolbar{background:#111113;border-top:1px solid rgba(255,255,255,.07);padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.build-toolbar-left{display:flex;align-items:center;gap:2px}.toolbar-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:none;border:none;color:#a1a1aa;cursor:pointer;transition:background .12s,color .12s}.toolbar-icon-btn:hover{background:#ffffff0f;color:#e4e4e7}.toolbar-icon-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.toolbar-icon-btn-badge{position:relative}.toolbar-icon-btn-badge:after{content:attr(data-count);position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:#4ade80;color:#0a0a0b;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.toolbar-divider{width:1px;height:18px;background:#ffffff14;margin:0 6px}.model-pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:3px 10px 3px 8px;font-size:12px;font-weight:500;color:#d4d4d8;cursor:pointer;white-space:nowrap;transition:border-color .15s}.model-pill:hover{border-color:#ffffff2e;color:#fafafa}.model-pill-dot{width:6px;height:6px;border-radius:50%;background:#4ade80}.pro-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-size:12px;font-weight:500;color:#a1a1aa;cursor:pointer;padding:3px 6px;border-radius:999px;transition:color .15s}.pro-toggle:hover{color:#e4e4e7}.pro-toggle.on{color:#4ade80}.pro-toggle-track{width:30px;height:17px;border-radius:999px;background:#27272a;border:1px solid rgba(255,255,255,.1);position:relative;transition:background .2s}.pro-toggle-track.on{background:#4ade8033;border-color:#4ade804d}.pro-toggle-track:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#52525b;top:2px;left:2px;transition:transform .2s,background .2s}.pro-toggle-track.on:after{transform:translate(13px);background:#4ade80}.send-btn{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:none;cursor:not-allowed;background:#27272a;color:#3f3f46;transition:all .15s}.send-btn.ready{background:#4ade80;color:#0a0a0b;cursor:pointer}.send-btn.ready:hover{background:#22c55e}.send-btn.ready:active{transform:scale(.93)}.send-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5}.recent-row{display:flex;align-items:center;gap:8px;margin-top:18px;flex-wrap:wrap;justify-content:center}.recent-row-label{font-size:11px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.08em}.recent-pill{display:inline-flex;align-items:center;gap:7px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 13px 5px 9px;font-size:12px;font-weight:500;color:#d4d4d8;cursor:pointer;transition:all .15s;white-space:nowrap}.recent-pill:hover{background:#ffffff12;border-color:#ffffff24;color:#fafafa}.recent-pill-icon{width:16px;height:16px;border-radius:4px;background:#27272a;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#a1a1aa;flex-shrink:0}.recent-pill-new{font-size:9px;font-weight:700;color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:3px;padding:1px 5px;letter-spacing:.03em}.browse-link{margin-top:20px;font-size:12px;color:#a1a1aa;background:none;border:none;cursor:pointer;transition:color .15s}.browse-link:hover{color:#e4e4e7}.workspace-pill-wrap{position:relative;display:inline-flex;z-index:200}.workspace-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);min-width:200px;background:#18181b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px;box-shadow:0 12px 40px #0009;z-index:9999;opacity:0;pointer-events:none;transform:translate(-50%) translateY(-4px);transition:opacity .15s,transform .15s}.workspace-dropdown.open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.workspace-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:400;color:#d4d4d8;background:none;border:none;border-radius:7px;cursor:pointer;transition:background .12s,color .12s;text-align:left}.workspace-dropdown-item:hover{background:#ffffff0f;color:#fafafa}.workspace-dropdown-item.active{color:#4ade80}.workspace-dropdown-item-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.workspace-dropdown-divider{height:1px;background:#ffffff12;margin:4px 0}.workspace-dropdown-item-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#71717a}.workspace-dropdown-item-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.model-pill-wrap{position:relative;display:inline-flex}.model-dropdown{position:absolute;bottom:calc(100% + 6px);left:0;min-width:220px;background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px;box-shadow:0 -8px 40px #00000080;z-index:50;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s,transform .15s}.model-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.model-dropdown-label{font-size:10px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px 4px}.model-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;font-size:13px;font-weight:400;color:#d4d4d8;background:none;border:none;border-radius:7px;cursor:pointer;transition:background .12s,color .12s;text-align:left}.model-dropdown-item:hover{background:#ffffff0f;color:#fafafa}.model-dropdown-item.active{color:#4ade80}.model-dropdown-item-desc{font-size:11px;color:#71717a;margin-left:auto}.model-dropdown-check{width:14px;height:14px;color:#4ade80;flex-shrink:0}.model-dropdown-check svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.pro-toggle-wrap{position:relative;display:inline-flex}.pro-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);width:240px;background:#18181b;border:1px solid rgba(74,222,128,.15);border-radius:10px;padding:12px 14px;box-shadow:0 -8px 30px #0006;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.pro-tooltip.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.pro-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:#18181b;border-right:1px solid rgba(74,222,128,.15);border-bottom:1px solid rgba(74,222,128,.15)}.pro-tooltip-title{font-size:12px;font-weight:600;color:#4ade80;margin-bottom:6px}.pro-tooltip-body{font-size:11px;color:#a1a1aa;line-height:1.5}.pro-tooltip-list{list-style:none;padding:0;margin:6px 0 0}.pro-tooltip-list li{font-size:11px;color:#d4d4d8;padding:2px 0;display:flex;align-items:center;gap:6px}.pro-tooltip-list li:before{content:"✓";color:#4ade80;font-size:10px;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease-out both}.fade-in-up-d1{animation-delay:.05s}.fade-in-up-d2{animation-delay:.12s}.fade-in-up-d3{animation-delay:.2s}.fade-in-up-d4{animation-delay:.3s}.fade-in-up-d5{animation-delay:.4s}.fade-in-up-d6{animation-delay:.5s}.categories-section{width:100%;max-width:680px;margin-top:28px}.categories-label{font-size:11px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;text-align:left}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cat-block{padding:0 0 20px;cursor:pointer}.cat-block-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.cat-icon{width:26px;height:26px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#a1a1aa}.cat-icon svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cat-name{font-size:13px;font-weight:600;color:#fafafa;letter-spacing:-.01em}.cat-agents{display:flex;flex-wrap:wrap;gap:5px}.cat-agent-pill{font-size:11px;font-weight:500;color:#a1a1aa;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:3px 9px;cursor:pointer;transition:color .12s,background .12s,border-color .12s;white-space:nowrap}.cat-agent-pill:hover{color:#4ade80;background:#4ade8014;border-color:#4ade8033}@media (max-width: 720px){.home-headline{font-size:32px}.build-unit{max-width:100%}.build-tabs{overflow-x:auto}.build-tab{padding:10px 12px;font-size:12px}.categories-grid{grid-template-columns:1fr}}.recent-agents-section{width:100%;max-width:900px;margin-top:40px}.recent-agents-divider{height:1px;background:#ffffff0f;margin-bottom:24px}.recent-agents-tabs{display:flex;align-items:center;gap:0;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.recent-agents-tab{display:flex;align-items:center;gap:6px;padding:8px 16px 9px;font-size:13px;font-weight:400;color:#a1a1aa;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s;white-space:nowrap}.recent-agents-tab:hover{color:#d4d4d8}.recent-agents-tab.active{color:#fafafa;font-weight:500;border-bottom-color:#4ade80}.recent-agents-tab svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.recent-agents-refresh{margin-left:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:none;border:none;color:#a1a1aa;cursor:pointer;transition:background .12s,color .12s;margin-bottom:8px}.recent-agents-refresh:hover{background:#ffffff0f;color:#e4e4e7}.recent-agents-refresh svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.75}.agents-table{width:100%;background:#0d0d0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.agents-table-header{display:grid;grid-template-columns:120px 1fr 140px 100px 40px;padding:10px 16px;background:#0006;border-bottom:1px solid rgba(255,255,255,.06)}.agents-table-header.live-cols{grid-template-columns:120px 1fr 80px 100px 40px}.agents-table-col{font-size:11px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.07em}.agents-table-row{display:grid;grid-template-columns:120px 1fr 140px 100px 40px;padding:14px 16px;align-items:center;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .12s}.agents-table-row.live-cols{grid-template-columns:120px 1fr 80px 100px 40px}.agents-table-row:last-child{border-bottom:none}.agents-table-row:hover{background:#ffffff08}.agents-table-id{font-size:12px;color:#a1a1aa;font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:-.02em}.agents-table-name{font-size:14px;font-weight:500;color:#e4e4e7;margin-bottom:3px;letter-spacing:-.01em}.agents-table-desc{font-size:12px;color:#a1a1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.agents-table-modified{font-size:12px;color:#d4d4d8}.agents-table-installs{font-size:12px;color:#a1a1aa;font-weight:500}.agents-table-income{font-size:12px;color:#4ade80;font-weight:500}.agents-table-status{display:flex;align-items:center;gap:5px;font-size:12px}.status-live-text{color:#4ade80}.status-draft-text{color:#a1a1aa}.status-paused-text{color:#fbbf24}.agents-table-menu{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:none;border:none;color:#a1a1aa;cursor:pointer;opacity:0;transition:background .12s,color .12s,opacity .12s}.agents-table-row:hover .agents-table-menu{opacity:1}.agents-table-menu:hover{background:#ffffff14;color:#fafafa}.agents-table-menu svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}.agents-table-footer{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);background:#0000004d}.agents-table-footer-count{font-size:12px;color:#a1a1aa}.agents-table-footer-right{display:flex;align-items:center;gap:12px}.agents-table-footer-label{font-size:12px;color:#a1a1aa}.agents-table-per-page{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:3px 8px;font-size:12px;color:#a1a1aa;font-family:Inter,sans-serif;cursor:pointer}.agents-table-per-page option{background:#18181b;color:#a1a1aa}.agents-table-empty{padding:40px 16px;text-align:center}.agents-table-empty-title{font-size:13px;color:#d4d4d8;margin-bottom:8px}.agents-table-empty-desc{font-size:12px;color:#a1a1aa}.agents-table-search-wrap{display:flex;align-items:center;gap:8px;padding:0 16px;margin-bottom:0}.agents-table-search{flex:1;padding:8px 12px 8px 32px;font-size:13px;color:#e4e4e7;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;outline:none;font-family:Inter,sans-serif;transition:border-color .15s,background .15s}.agents-table-search::placeholder{color:#71717a}.agents-table-search:focus{border-color:#4ade804d;background:#ffffff0f}.agents-table-search-icon{position:absolute;left:26px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#71717a;pointer-events:none}.agents-table-search-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.agents-table-search-container{position:relative;flex:1;display:flex;align-items:center}.agents-table-menu-wrap{position:relative}.agents-row-dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:160px;background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px;box-shadow:0 8px 24px #00000080;animation:dropdown-fade-in .12s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.agents-row-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;color:#d4d4d8;background:none;border:none;border-radius:6px;cursor:pointer;transition:background .1s,color .1s;text-align:left;font-family:Inter,sans-serif}.agents-row-dropdown-item:hover{background:#ffffff0f;color:#fafafa}.agents-row-dropdown-item.danger{color:#f87171}.agents-row-dropdown-item.danger:hover{background:#f871711a;color:#fca5a5}.agents-row-dropdown-item svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.agents-row-dropdown-divider{height:1px;background:#ffffff12;margin:4px 0}@media (max-width: 720px){.agents-table-header,.agents-table-row{grid-template-columns:1fr 120px 40px}.agents-table-header.live-cols,.agents-table-row.live-cols{grid-template-columns:1fr 80px 40px}.agents-table-id,.agents-table-modified{display:none}}.approvals-layout{display:flex;gap:20px;align-items:flex-start}.approvals-list{width:340px;flex-shrink:0}.approvals-detail{flex:1;min-width:0}@media (max-width: 800px){.approvals-layout{flex-direction:column}.approvals-list{width:100%}}.draft-list-header{font-size:13px;font-weight:600;color:#fafafa;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.draft-list-count{font-size:12px;color:#52525b;font-weight:400}.draft-list-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:#111113;border:1px solid rgba(255,255,255,.07);border-radius:8px;margin-bottom:6px;cursor:pointer;transition:background .12s,border-color .12s}.draft-list-item:hover{background:#ffffff0a;border-color:#ffffff1f}.draft-list-item.selected{border-color:#4ade804d;background:#4ade800a}.draft-list-item-to{font-size:13px;font-weight:500;color:#e4e4e7}.draft-list-item-subject{font-size:12px;color:#71717a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-list-item-context{font-size:11px;color:#52525b;font-style:italic;margin-top:2px}.draft-detail-card{background:#111113;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.draft-detail-header{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:flex-start;justify-content:space-between}.draft-detail-context{font-size:12px;color:#52525b;font-style:italic;font-family:JetBrains Mono,monospace}.draft-detail-fields{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:40px 1fr;row-gap:4px;column-gap:8px}.draft-field-label{font-size:12px;color:#52525b;font-weight:500;padding-top:1px}.draft-field-value{font-size:13px;color:#d4d4d8}.draft-body{padding:16px;font-size:13px;color:#a1a1aa;line-height:1.7;white-space:pre-wrap;border-bottom:1px solid rgba(255,255,255,.07);min-height:160px}.draft-actions{padding:12px 16px;display:flex;align-items:center;gap:8px;background:#0003}.draft-skip{margin-left:auto;font-size:12px;color:#52525b;background:none;border:none;cursor:pointer;padding:4px 8px}.draft-skip:hover{color:#71717a}.agents-section{margin-bottom:28px}.agents-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.agents-section-label{font-size:11px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.07em}.agents-section-count{font-size:11px;color:#3f3f46}.agents-list{background:#111113;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.agent-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .12s}.agent-row:last-child{border-bottom:none}.agent-row:hover{background:#ffffff08}.agent-row-name{font-size:14px;font-weight:500;color:#fafafa}.agent-row-meta{font-size:12px;color:#52525b;margin-top:2px}.agent-row-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.agent-row-last-run{font-size:12px;color:#3f3f46;white-space:nowrap}.agent-row-action{font-size:12px;color:#52525b;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;transition:background .12s,color .12s}.agent-row-action:hover{background:#ffffff0f;color:#a1a1aa}.agent-row.error{background:#f871710a}.agent-row-error-msg{font-size:12px;color:#f87171;display:flex;align-items:center;gap:6px;margin-top:2px}.agent-row-fix{font-size:12px;font-weight:500;color:#f87171;background:none;border:none;cursor:pointer;white-space:nowrap;padding:4px 8px;border-radius:6px;transition:background .12s}.agent-row-fix:hover{background:#f871711a}.dashboard-revenue-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:12px;margin-bottom:24px;width:100%}@media (max-width: 800px){.dashboard-revenue-row{grid-template-columns:1fr}}.revenue-card{background:#111113;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.revenue-card-label{font-size:11px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.revenue-card-value{font-size:32px;font-weight:700;color:#fafafa;letter-spacing:-.05em;line-height:1;margin-bottom:6px}.revenue-card-delta{font-size:13px;color:#4ade80;display:flex;align-items:center;gap:4px}.stat-card-sm{background:#111113;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px}.stat-card-sm-label{font-size:11px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.stat-card-sm-value{font-size:24px;font-weight:700;color:#fafafa;letter-spacing:-.04em;line-height:1;margin-bottom:4px}.stat-card-sm-sub{font-size:12px;color:#52525b}.product-table{background:#111113;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.product-table-header{display:grid;grid-template-columns:1fr 80px 110px 80px 32px;padding:8px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06);gap:8px}.product-table-col{font-size:11px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.07em}.product-row{display:grid;grid-template-columns:1fr 80px 110px 80px 32px;padding:13px 16px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .1s;gap:8px}.product-row:last-child{border-bottom:none}.product-row:hover{background:#ffffff08}.product-name{font-size:14px;font-weight:500;color:#fafafa}.product-category{font-size:12px;color:#52525b;margin-top:2px}.product-customers{font-size:13px;color:#d4d4d8;text-align:center}.product-revenue{font-size:13px;font-weight:500;color:#fafafa;text-align:right}.product-status-live{font-size:12px;color:#4ade80;text-align:center}.product-status-draft{font-size:12px;color:#a1a1aa;text-align:center}.activity-feed{background:#111113;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.activity-feed-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.activity-feed-item:last-child{border-bottom:none}.activity-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.activity-icon-install{background:#4ade801a;color:#4ade80}.activity-icon-cancel{background:#fbbf241a;color:#fbbf24}.activity-icon-review{background:#60a5fa1a;color:#60a5fa}.activity-icon-error{background:#f871711a;color:#f87171}.activity-icon svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.75}.customers-table{background:#111113;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.customer-row{display:grid;grid-template-columns:1fr 1fr 100px 80px;padding:12px 16px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}.customer-row:last-child{border-bottom:none}.customer-row:hover{background:#ffffff08}.customer-row-header{font-size:11px;font-weight:600;color:#3f3f46;text-transform:uppercase;letter-spacing:.06em;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06)}.customer-name{color:#e4e4e7;font-weight:500}.customer-agent{color:#71717a}.customer-since{color:#52525b}.customer-revenue{color:#4ade80;font-weight:500;text-align:right}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}@media (max-width: 800px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.tab{font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--color-text-2);padding:var(--space-2) var(--space-4) 10px;border-bottom:2px solid transparent;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;transition:color .12s,border-color .12s;margin-bottom:-1px}.tab:hover{color:var(--color-text-1)}.tab.active{color:var(--color-text-1);font-weight:var(--weight-medium);border-bottom-color:var(--color-accent)}.overlay-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fade-in .2s ease}.overlay-card{background:var(--color-bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);max-width:380px;width:100%;text-align:center;box-shadow:var(--shadow-2);animation:slide-up .3s cubic-bezier(.16,1,.32,1)}@keyframes slide-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.client-modal-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fade-in .2s ease}.client-modal{background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;max-width:420px;width:100%;box-shadow:0 24px 48px #00000080;animation:slide-up .3s cubic-bezier(.16,1,.32,1)}.client-modal-title{font-size:18px;font-weight:700;color:#fafafa;margin-bottom:8px}.client-link-box{background:#ffffff0a;border:1px solid rgba(74,222,128,.3);border-radius:8px;padding:12px 14px;font-size:13px;font-family:SF Mono,Fira Code,monospace;color:#4ade80;word-break:break-all}.publish-stepper{display:flex;align-items:center;justify-content:center;gap:0;padding:var(--space-4) var(--space-6)}.publish-step{display:flex;align-items:center;gap:var(--space-2);cursor:default}.publish-step.clickable{cursor:pointer}.publish-step.clickable:hover .publish-step-label{color:var(--color-text-1)}.publish-step-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--weight-semi);flex-shrink:0}.publish-step-dot.completed,.publish-step-dot.active{background:var(--color-accent);color:var(--color-text-inverse)}.publish-step-dot.upcoming{background:var(--color-bg-overlay);color:var(--color-text-3);border:1px solid var(--color-border)}.publish-step-label{font-size:var(--text-xs);color:var(--color-text-2);white-space:nowrap}.publish-step-label.active{color:var(--color-text-1);font-weight:var(--weight-medium)}.publish-step-connector{width:24px;height:1px;background:var(--color-border);margin:0 var(--space-1);flex-shrink:0}.publish-step-connector.completed{background:var(--color-accent)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.alert-success{background:#4ade800f;border:1px solid rgba(74,222,128,.18);color:var(--color-text-1)}.alert-error{background:#f871710f;border:1px solid rgba(248,113,113,.18);color:var(--color-text-1)}.alert-warning{background:#fbbf240f;border:1px solid rgba(251,191,36,.18);color:var(--color-text-1)}.event-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:background .12s}.event-row:hover{background:var(--color-bg-hover)}.event-row-cancel{background:#fbbf240a}.event-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.event-dot-install{background:var(--color-accent)}.event-dot-cancel{background:var(--color-amber)}.event-dot-review{background:#60a5fa}.event-dot-error{background:var(--color-red)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media (max-width: 640px){.stat-row{grid-template-columns:1fr}}.stat-label{font-size:var(--text-xs);font-weight:var(--weight-semi);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-2)}.stat-value{font-size:22px;font-weight:var(--weight-semi);color:var(--color-text-1);letter-spacing:-.04em;line-height:1}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.tab-btn{font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--color-text-2);padding:var(--space-2) var(--space-4) 10px;border-bottom:2px solid transparent;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;transition:color .12s,border-color .12s;margin-bottom:-1px}.tab-btn:hover{color:var(--color-text-1)}.tab-btn.active{color:var(--color-text-1);font-weight:var(--weight-medium);border-bottom-color:var(--color-accent)}.data-table{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.data-table-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);transition:background .1s}.data-table-row:last-child{border-bottom:none}.data-table-row:hover{background:var(--color-bg-hover)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:var(--radius-md)}.link-btn{font-size:var(--text-sm);color:var(--color-accent-text);background:none;border:none;cursor:pointer;padding:0;font-weight:var(--weight-medium)}.link-btn:hover{text-decoration:underline}.card-section{border-bottom:1px solid var(--color-border)}.card-section:last-child{border-bottom:none}.divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-2);font-size:var(--text-sm)}.mono{font-family:var(--font-mono)}.icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:none;border:none;color:var(--color-text-2);cursor:pointer;transition:background .12s,color .12s}.icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-1)}@media (max-width: 640px){.topbar-nav{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:52px;background:var(--color-bg);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-around;z-index:100}.mobile-nav .nav-link{font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1)}.page{min-height:calc(100vh - 96px);padding-bottom:52px}}@media (min-width: 641px){.mobile-nav{display:none}}.agent-table{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg-raised)}.agent-table-header{display:grid;grid-template-columns:1fr 300px 32px;padding:10px var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);font-weight:var(--weight-semi);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em}.agent-table-row{display:grid;grid-template-columns:1fr 300px 32px;padding:14px var(--space-4);align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .1s}.agent-table-row:last-child{border-bottom:none}.agent-table-row:hover{background:var(--color-bg-hover)}.agent-table-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-1)}.agent-table-category{font-size:var(--text-sm);color:var(--color-text-2);margin-top:2px}.agent-table-num{font-size:var(--text-sm);color:var(--color-text-2)}.agent-table-stats-cols{display:flex;align-items:center;gap:0}.agent-table-stats-cols>*{flex:0 0 auto}.agent-table-stats-cols>.agent-table-num{width:100px}.agent-table-stats-cols>.badge{width:90px}.agent-table-chevron{color:var(--color-text-2);opacity:.5}@media (max-width: 639px){.agent-table{border:none;background:none}.agent-table-header{display:none}.agent-table-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-2);background:var(--color-bg-raised)}.agent-table-row:last-child{border-bottom:1px solid var(--color-border);margin-bottom:0}.agent-table-row [data-label]:before{content:attr(data-label);display:block;font-size:11px;font-weight:var(--weight-semi);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.agent-table-row .agent-table-chevron{display:none}.agent-table-row>div:first-child{order:-1}.agent-table-row .agent-table-stats-cols{display:flex;gap:var(--space-4);flex-wrap:wrap}}.activity-item{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--color-border)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-text{flex:1;font-size:var(--text-sm);color:var(--color-text-2);line-height:var(--leading-loose)}.activity-text strong{color:var(--color-text-1);font-weight:var(--weight-medium)}.activity-time{font-size:var(--text-xs);color:var(--color-text-2);white-space:nowrap;flex-shrink:0}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.stat-delta{font-size:var(--text-xs);color:var(--color-text-2);margin-top:var(--space-1)}.share-text{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text-2);line-height:var(--leading-loose);font-style:italic;margin:var(--space-4) 0}.badge-muted{background:var(--color-bg-overlay);color:var(--color-text-2);border:1px solid var(--color-border)}.alert-green{background:#4ade800f;border:1px solid rgba(74,222,128,.18);color:var(--color-text-1)}.avatar-xs{width:20px;height:20px;font-size:9px}.page-content{max-width:800px;margin:0 auto}.form-stack{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-1)}.input-static{padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-2)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media (max-width: 640px){.pricing-grid{grid-template-columns:1fr}}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 640px){.two-col{grid-template-columns:1fr}}.progress-bar-wrap{margin:var(--space-4) 0}.progress-track{height:4px;background:var(--color-bg-overlay);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--color-accent);border-radius:2px;transition:width .6s cubic-bezier(.16,1,.32,1)}.split-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.split-body{flex:1;overflow-y:auto}.chat-pane{display:flex;flex-direction:column;height:100%}.chat-row{display:flex;gap:var(--space-2);align-items:flex-start}.chat-input-bar{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);flex-shrink:0}.env-email-list{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-4)}.env-scroll{flex:1;overflow-y:auto;padding:var(--space-4)}.env-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.scan-line{height:2px;background:var(--color-accent);border-radius:1px;animation:scan-move 2s ease-in-out infinite}@keyframes scan-move{0%,to{width:0;opacity:0}50%{width:100%;opacity:1}}.log-panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-2);max-height:200px;overflow-y:auto}.test-header{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.test-header-row{display:flex;align-items:center;justify-content:space-between}.icon-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.success-circle{width:48px;height:48px;border-radius:50%;background:#4ade801f;border:1px solid rgba(74,222,128,.25);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.toggle-thumb{width:36px;height:20px;border-radius:10px;background:var(--color-bg-overlay);border:1px solid var(--color-border);position:relative;cursor:pointer;transition:background .15s}.toggle-thumb:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--color-text-3);transition:transform .15s,background .15s}.toggle-thumb.active{background:var(--color-accent);border-color:var(--color-accent)}.toggle-thumb.active:after{transform:translate(16px);background:#fff}.window-dot{width:8px;height:8px;border-radius:50%}.add-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-2);font-size:var(--text-sm);cursor:pointer;transition:border-color .12s,color .12s}.add-btn:hover{border-color:var(--color-border-strong);color:var(--color-text-2)}.stat-icon{color:var(--color-text-2)}.text-center{text-align:center}.tabular-nums{font-variant-numeric:tabular-nums}.green{color:var(--color-green)}.red{color:var(--color-red)}.yellow{color:var(--color-amber)}.dot-green{width:6px;height:6px;border-radius:50%;background:var(--color-green);display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:blink 1s step-end infinite}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--color-bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);z-index:200;overflow:hidden;animation:dropdown-in .15s cubic-bezier(.16,1,.32,1)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-profile{padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border)}.dropdown-profile-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-1);line-height:1.3}.dropdown-profile-email{font-size:var(--text-xs);color:var(--color-text-2);margin-top:1px}.dropdown-plan-card{margin:var(--space-3);background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3)}.dropdown-plan-name{font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--color-text-1);margin-bottom:var(--space-1)}.dropdown-plan-detail{font-size:var(--text-xs);color:var(--color-text-2);margin-bottom:var(--space-2)}.dropdown-plan-upgrade{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-accent-text);background:var(--color-accent-dim);border:1px solid rgba(74,222,128,.2);border-radius:var(--radius-sm);padding:3px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.dropdown-plan-upgrade:hover{opacity:.85}.dropdown-section{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--color-border)}.dropdown-section:last-child{border-bottom:none}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-2);cursor:pointer;transition:background .1s,color .1s;background:none;border:none;width:100%;text-align:left}.dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-1)}.dropdown-item svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;color:var(--color-text-2)}.dropdown-item-external{margin-left:auto;opacity:.4}.dropdown-item-signout{color:var(--color-red)}.dropdown-item-signout:hover{background:var(--color-red-dim);color:var(--color-red)}.dropdown-item-signout svg{color:var(--color-red)}.settings-backdrop{position:fixed;inset:0;background:#0009;z-index:300;display:flex;align-items:center;justify-content:center;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-modal{background:var(--color-bg-raised);border:1px solid var(--color-border-strong);border-radius:14px;width:780px;max-width:calc(100vw - 48px);height:560px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-2);animation:slide-up .2s cubic-bezier(.16,1,.32,1)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.settings-title{font-size:var(--text-md);font-weight:var(--weight-semi);color:var(--color-text-1)}.settings-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-2);background:none;border:none;cursor:pointer;transition:background .1s,color .1s}.settings-close:hover{background:var(--color-bg-hover);color:var(--color-text-1)}.settings-close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.settings-body{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:180px;flex-shrink:0;background:var(--color-bg);border-right:1px solid var(--color-border);padding:var(--space-4) var(--space-2);display:flex;flex-direction:column;gap:2px}.settings-sidebar-title{font-size:var(--text-xs);font-weight:var(--weight-semi);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.07em;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1)}.settings-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-2);cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:background .1s,color .1s}.settings-nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-1)}.settings-nav-item.active{background:var(--color-bg-raised);color:var(--color-text-1);font-weight:var(--weight-medium)}.settings-nav-item svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;color:var(--color-text-2)}.settings-nav-item.active svg{color:var(--color-text-2)}.settings-content{flex:1;overflow-y:auto;padding:var(--space-6)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.settings-row:last-child{border-bottom:none}.settings-row-left{flex:1}.settings-row-label{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-1);margin-bottom:4px}.settings-row-description{font-size:var(--text-sm);color:var(--color-text-2);line-height:1.6;margin-top:2px}.settings-section-heading{font-size:var(--text-xs);font-weight:var(--weight-semi);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-3);margin-top:var(--space-5)}.settings-section-heading:first-child{margin-top:0}.toggle-switch{position:relative;width:36px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;inset:0;background:var(--color-bg-overlay);border:1px solid var(--color-border-strong);border-radius:20px;cursor:pointer;transition:background .2s,border-color .2s}.toggle-track:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--color-text-3);top:2px;left:2px;transition:transform .2s,background .2s}.toggle-switch input:checked+.toggle-track{background:var(--color-accent-dim);border-color:#4ade804d}.toggle-switch input:checked+.toggle-track:after{transform:translate(16px);background:var(--color-accent)}.appearance-options{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.appearance-option{flex:1;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:border-color .15s}.appearance-option.selected{border-color:var(--color-accent)}.appearance-preview{height:72px;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center}.appearance-preview-light{background:#f4f4f5}.appearance-preview-dark{background:#18181b}.appearance-preview-system{background:linear-gradient(90deg,#f4f4f5 50%,#18181b 50%)}.appearance-preview-inner{width:60px;height:44px;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.appearance-label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-2);text-align:center;border-top:1px solid var(--color-border)}.billing-feature-list{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-3) 0}.billing-feature-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-2)}.billing-feature-check{width:16px;height:16px;border-radius:50%;background:var(--color-accent-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-accent);font-size:10px}.connected-app-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.connected-app-row:last-child{border-bottom:none}.connected-app-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-bg-overlay);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--color-text-2);flex-shrink:0}.connected-app-info{flex:1}.connected-app-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-1)}.connected-app-date{font-size:var(--text-xs);color:var(--color-text-2);margin-top:1px}.connected-app-action{margin-left:auto;font-size:var(--text-xs);font-weight:var(--weight-medium);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.connected-app-action-disconnect{color:var(--color-text-2)}.connected-app-action-disconnect:hover{color:var(--color-red);background:var(--color-red-dim)}.connected-app-action-connect{color:var(--color-accent-text)}.connected-app-action-connect:hover{background:var(--color-accent-dim)}.env-list-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);transition:background .12s}.env-list-row:hover{background:#ffffff08}.env-list-row:last-child{border-bottom:none}.font-mono{font-family:SF Mono,Fira Code,Cascadia Code,monospace}.ox-toast-container{position:fixed;top:60px;right:16px;z-index:9000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.ox-toast{background:var(--color-bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:12px 16px;min-width:280px;max-width:360px;display:flex;align-items:flex-start;gap:10px;box-shadow:var(--shadow-2);pointer-events:all;animation:toast-in .2s cubic-bezier(.16,1,.32,1)}.ox-toast.exiting{animation:toast-out .15s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translate(12px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(12px)}}.ox-toast-icon{width:16px;height:16px;flex-shrink:0;margin-top:1px}.ox-toast-content{flex:1}.ox-toast-title{font-size:13px;font-weight:500;color:var(--color-text-1);line-height:1.3}.ox-toast-body{font-size:12px;color:var(--color-text-2);margin-top:2px;line-height:1.4}.ox-toast-close{background:none;border:none;color:var(--color-text-3);cursor:pointer;padding:0;font-size:14px;line-height:1;flex-shrink:0}.ox-toast-close:hover{color:var(--color-text-1)}.ox-toast-success{border-left:2px solid #4ADE80}.ox-toast-error{border-left:2px solid var(--color-red)}.ox-toast-warning{border-left:2px solid var(--color-amber)}.ox-toast-info{border-left:2px solid #60A5FA}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-overlay) 25%,rgba(255,255,255,.04) 50%,var(--color-bg-overlay) 75%);background-size:400px 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.skeleton-text{height:13px;border-radius:4px}.skeleton-text-sm{height:11px;border-radius:3px}.skeleton-avatar{border-radius:var(--radius-md);flex-shrink:0}.skeleton-badge{height:20px;border-radius:4px}.confirm-dialog{background:var(--color-bg-overlay);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:12px 14px;margin-top:8px;animation:toast-in .15s ease}.confirm-dialog-title{font-size:13px;font-weight:500;color:var(--color-text-1);margin-bottom:4px}.confirm-dialog-body{font-size:12px;color:var(--color-text-2);margin-bottom:12px}.confirm-dialog-actions{display:flex;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10) var(--space-4)}.empty-state-icon{color:var(--color-text-3);margin-bottom:var(--space-4)}.empty-state-title{font-size:14px;font-weight:500;color:var(--color-text-1);margin-bottom:6px}.empty-state-body{font-size:13px;color:var(--color-text-2);margin-bottom:20px;max-width:280px;line-height:1.5}.empty-state-actions{display:flex;gap:8px;justify-content:center}.welcome-banner{background:var(--color-accent-dim);border:1px solid rgba(74,222,128,.2);border-radius:var(--radius-xl);padding:16px 20px;margin-bottom:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.welcome-banner-content{flex:1}.welcome-banner-title{font-size:14px;font-weight:600;color:var(--color-text-1);margin-bottom:4px}.welcome-banner-body{font-size:13px;color:var(--color-text-2);line-height:1.5;margin-bottom:14px}.welcome-banner-close{background:none;border:none;color:var(--color-text-3);cursor:pointer;font-size:16px;line-height:1;flex-shrink:0}.welcome-banner-close:hover{color:var(--color-text-1)}.onboarding-progress{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:14px 16px;margin-bottom:24px}.onboarding-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.onboarding-title{font-size:13px;font-weight:500;color:var(--color-text-1)}.onboarding-dismiss{font-size:12px;color:var(--color-text-3);background:none;border:none;cursor:pointer}.onboarding-dismiss:hover{color:var(--color-text-1)}.onboarding-bar{width:100%;height:4px;background:var(--color-bg-overlay);border-radius:2px;overflow:hidden;margin-bottom:12px}.onboarding-bar-fill{height:100%;background:var(--color-accent);border-radius:2px;transition:width .4s ease}.onboarding-steps{display:flex;flex-direction:column;gap:6px}.onboarding-step{display:flex;align-items:center;gap:8px;font-size:13px}.onboarding-step.done{color:var(--color-text-2)}.onboarding-step.todo{color:var(--color-text-3)}.onboarding-step-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px}.onboarding-step-icon.done{background:var(--color-accent-dim);color:var(--color-accent)}.onboarding-step-icon.todo{background:var(--color-bg-overlay);border:1px solid var(--color-border)}.draft-card.approved{animation:card-out .3s ease forwards}@keyframes card-out{0%{opacity:1;transform:translateY(0) scale(1);max-height:500px}50%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:0;max-height:0;padding:0;margin:0;border:none;overflow:hidden}}.agent-card-cta{transition:gap .15s ease}.agent-card:hover .agent-card-cta{gap:6px}.btn-danger{background:var(--color-red);color:#fff;border:none;cursor:pointer}.btn-danger:hover{background:#ef4444}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.dashboard-revenue-row{grid-template-columns:1fr!important}.customer-row{grid-template-columns:1fr 80px!important}.customer-row .customer-agent,.customer-row .customer-since,.customer-row-header .customer-agent,.customer-row-header .customer-since{display:none}.agent-row{flex-direction:column;align-items:flex-start;gap:8px}.agent-row-right{width:100%;flex-wrap:wrap;gap:8px}.agent-row-last-run{display:none}.stat-row{grid-template-columns:repeat(2,1fr)!important}.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex-shrink:0}}@media (max-width: 480px){.stat-row{grid-template-columns:1fr!important}.page-content{padding-left:16px!important;padding-right:16px!important}.agents-section-header{flex-wrap:wrap}}.build-tab-bar{display:flex;align-items:center;gap:2px;padding:6px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:var(--color-bg-base, #0A0A0B);flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.build-tab-bar::-webkit-scrollbar{display:none}.build-tab-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border:none;border-radius:6px;background:transparent;color:#52525b;font-size:12px;font-weight:400;font-family:inherit;cursor:pointer;white-space:nowrap;transition:color .15s ease,background .15s ease}.build-tab-btn svg{width:13px;height:13px;flex-shrink:0}.build-tab-btn:hover{color:#a1a1aa;background:#ffffff0a}.build-tab-btn.active{color:#fafafa;background:#ffffff14;font-weight:500}@media (max-width: 768px){.build-tab-bar{padding:4px 8px;gap:1px}.build-tab-btn{padding:4px 8px;font-size:11px}}.split-mobile-toggle{display:none}@media (max-width: 768px){.split-pane{position:relative;height:calc(100vh - 82px)}.split-left{width:100%;min-width:0;border-right:none}.split-right{width:100%}.split-left.mobile-hidden,.split-right.mobile-hidden{display:none}.split-left.mobile-active,.split-right.mobile-active{display:flex;flex-direction:column}.split-mobile-toggle{display:flex;align-items:center;gap:6px;position:fixed;bottom:20px;right:16px;z-index:100;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#18181b;color:#fafafa;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;box-shadow:0 4px 20px #0006;transition:transform .15s ease,box-shadow .15s ease}.split-mobile-toggle:active{transform:scale(.96)}.split-mobile-toggle svg{flex-shrink:0}}