:root{color-scheme:dark;--bg: #0b0f19;--bg-soft: #111827;--surface: rgba(17, 24, 39, .9);--surface-strong: #1a2236;--surface-muted: #131b2e;--stroke: rgba(255, 255, 255, .06);--stroke-strong: rgba(255, 255, 255, .1);--text: #e2e8f0;--muted: #94a3b8;--accent: #3b82f6;--accent-strong: #60a5fa;--accent-soft: rgba(59, 130, 246, .12);--success: #22c55e;--success-soft: rgba(34, 197, 94, .1);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .1);--shadow-soft: 0 4px 16px rgba(0, 0, 0, .2);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);font-family:Segoe UI Variable,Aptos,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top left,rgba(59,130,246,.06),transparent 28%),linear-gradient(180deg,#0b0f19,#0f172a)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(59,130,246,.08),transparent 24%),radial-gradient(circle at bottom right,rgba(59,130,246,.04),transparent 24%),linear-gradient(180deg,#0b0f19,#0f172a)}.auth-card{width:min(960px,100%);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);gap:24px;padding:28px;border-radius:28px;border:1px solid var(--stroke);background:#111827e0;box-shadow:0 22px 60px #0006;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card-centered{width:min(560px,100%);grid-template-columns:1fr}.auth-copy,.auth-form,.auth-note{display:grid;gap:14px}.auth-copy{justify-items:center;text-align:center}.auth-copy h1{margin:0;max-width:14ch;font-size:2rem;line-height:1;letter-spacing:-.05em}.auth-copy .muted{max-width:48ch}.auth-form{align-content:start;padding:22px;border-radius:22px;border:1px solid var(--stroke);background:#131b2eeb}.auth-submit{margin-top:4px}.auth-note{grid-column:1 / -1;padding:16px 18px;border-radius:16px;border:1px solid rgba(245,158,11,.2);background:#f59e0b0f}.auth-note p{margin:0;color:var(--muted)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:288px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:grid;grid-template-rows:auto 1fr auto;gap:24px;height:100vh;padding:28px 20px;border-right:1px solid var(--stroke);background:#111827b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-top,.sidebar-bottom,.nav-list,.sidebar-steps{display:grid;gap:12px}.sidebar-bottom{align-content:end}.brand-block{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--text);color:var(--bg);font-size:.9rem;font-weight:700;letter-spacing:.08em}.brand-logo{width:100%;max-width:200px;display:block;border-radius:10px;object-fit:contain}.brand-logo-lg{max-width:260px}.brand-subtitle{display:block;text-align:center;font-size:.72rem;font-weight:500;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.brand-block{display:grid;grid-template-columns:1fr;gap:8px;justify-items:start}.brand-block h1,.topbar h2,.panel h3,.nav-item strong{margin:0}.brand-block h1{font-size:1rem;letter-spacing:-.02em}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--muted)}.muted{color:var(--muted)}.nav-item{width:100%;display:grid;gap:4px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid transparent;background:transparent;color:inherit;transition:background .18s ease,border-color .18s ease}.nav-item:hover{border-color:var(--stroke);background:#ffffff0a}.nav-item strong{font-size:.95rem;font-weight:600}.nav-item span{color:var(--muted);font-size:.84rem;line-height:1.35}.nav-item.is-active{border-color:#3b82f633;background:var(--accent-soft)}.sidebar-card,.panel,.metric-pill,.kpi-card,.client-item,.doc-card{border:1px solid var(--stroke);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)}.sidebar-card{padding:14px}.sidebar-card-compact{min-height:96px}.sidebar-card strong{font-size:.95rem}.sidebar-card-label,.detail-label{display:block;margin-bottom:6px;color:var(--muted);font-size:.78rem}.sidebar-card p{margin:6px 0 0;color:var(--muted);font-size:.88rem}.sidebar-steps small{display:block;padding:7px 10px;border-radius:12px;background:var(--surface-muted);color:var(--muted)}.workspace{display:grid;gap:20px;padding:24px 28px 32px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.topbar h2{font-size:1.5rem;letter-spacing:-.03em}.topbar-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.metric-pill{min-width:128px;padding:12px 14px;background:#131b2eb8}.metric-pill span{display:block;color:var(--muted);font-size:.78rem}.metric-pill strong{display:block;margin-top:3px;font-size:1rem;letter-spacing:-.02em}.topbar-logout{min-height:36px;padding:5px 10px;border-radius:8px;font-size:.76rem}.account-menu{position:relative}.account-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(380px,88vw);display:grid;gap:14px;padding:16px;border-radius:18px;border:1px solid var(--stroke);background:#111827f5;box-shadow:0 20px 40px #0006;z-index:40}.account-panel-head,.account-form{display:grid;gap:12px}.account-panel-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}.account-panel-head strong,.account-panel-head small{display:block}.account-panel-head small{color:var(--muted);margin-top:4px}.account-form .feedback{margin-top:0}.feedback{margin:0;padding:13px 15px;border-radius:14px;border:1px solid var(--stroke)}.feedback.ok{background:var(--success-soft);color:var(--success)}.feedback.error{background:var(--danger-soft);color:var(--danger)}.page-grid{display:grid;gap:14px}.page-grid-overview{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.kpi-grid{grid-column:span 4;display:grid;gap:14px}.summary-card{grid-column:span 6}.panel,.hero-card,.summary-card{padding:18px}.overview-header-card{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;background:linear-gradient(180deg,#111827f2,#131b2ee6);box-shadow:var(--shadow-card)}.overview-header-copy{display:grid;gap:6px}.overview-header-copy .eyebrow{margin-bottom:2px}.overview-header-card h3{max-width:24ch;font-size:1.42rem;line-height:1.06;letter-spacing:-.04em;margin-bottom:0}.overview-header-card .muted{margin:0;max-width:56ch;font-size:.92rem}.overview-header-actions,.hero-actions,.quick-actions,.code-grid,.build-status-grid{display:grid;gap:12px}.overview-header-actions{grid-template-columns:repeat(2,minmax(132px,max-content));gap:10px;align-items:center}.hero-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;font-size:.76rem;border-radius:8px}.overview-kpi-grid{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{padding:18px;background:#131b2eb8}.kpi-card span{display:block;color:var(--muted);font-size:.8rem}.kpi-card strong{display:block;margin-top:10px;font-size:1rem;letter-spacing:-.02em}.kpi-card small{display:block;margin-top:8px;color:var(--muted);font-size:.78rem;line-height:1.35}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.summary-grid-compact{gap:12px}.summary-item{display:grid;gap:4px;padding:14px;border-radius:14px;border:1px solid var(--stroke);background:var(--surface-muted)}.summary-grid strong{font-size:.95rem}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-client-card,.overview-actions-card{grid-column:span 6}.overview-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.overview-section-head h3{margin:0;font-size:1.02rem}.compact-button{padding:5px 9px;border-radius:7px;font-size:.74rem}.quick-actions-grid{gap:12px}.quick-action-card{display:grid;gap:6px;align-content:start;min-height:118px;padding:16px;border-radius:16px;border:1px solid var(--stroke);background:#131b2ead;color:var(--text);text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.quick-action-card:hover{transform:translateY(-1px);border-color:var(--stroke-strong);background:#131b2ee0;box-shadow:var(--shadow-soft)}.quick-action-card strong,.quick-action-card span{display:block}.quick-action-card strong{font-size:.95rem}.quick-action-card span{color:var(--muted);font-size:.84rem;line-height:1.4}.quick-action-card.is-subtle{border-color:#ffffff0f;background:#131b2eeb}.quick-action-card.is-soft-accent{border-color:#3b82f626;background:#3b82f612}.quick-action-card.is-soft-accent strong{color:var(--accent-strong)}.quick-action-card:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.page-grid-clients{grid-template-columns:320px minmax(0,1fr);align-items:start}.clients-panel,.form-panel,.action-panel{display:grid;gap:14px}.section-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.button-row{display:flex;flex-wrap:wrap;gap:5px}.section-row-wrap{flex-wrap:wrap;align-items:flex-start}.client-list{display:grid;gap:10px}.client-item{width:100%;padding:14px;text-align:left;background:#131b2eb8}.client-item strong,.client-item span,.client-item small{display:block}.client-item strong{font-size:.95rem}.client-item span,.client-item small{color:var(--muted)}.client-item span{margin-top:4px}.client-item small{margin-top:6px;font-size:.82rem}.client-item.is-active{border-color:#3b82f640;background:var(--accent-soft)}.form-grid,.docs-grid{display:grid;gap:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-full{grid-column:1 / -1}label{display:grid;gap:5px}label span{font-size:.78rem;font-weight:500;color:var(--muted)}input,select,textarea{width:100%;border-radius:8px;border:1px solid var(--stroke);background:var(--surface-strong);padding:6px 9px;font-size:.84rem;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus,textarea:focus{border-color:#3b82f659;box-shadow:0 0 0 3px #3b82f61f}textarea{resize:vertical}.checkbox-row{grid-auto-flow:column;justify-content:start;align-items:center;gap:10px}.checkbox-row input{width:auto}.datalayer-builder{display:grid;gap:10px}.builder-title{display:block;font-size:.9rem;font-weight:600;color:var(--text)}.builder-help{margin:6px 0 0;color:var(--muted);font-size:.88rem}.field-hint{display:block;margin:0;color:var(--muted);font-size:.68rem;line-height:1.35}.builder-card{display:grid;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--stroke);background:var(--surface-muted)}.builder-rows{display:grid;gap:7px}.builder-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:7px;align-items:center}.builder-row-single{grid-template-columns:minmax(0,1fr) auto}.trigger-card{gap:0}.trigger-card-header{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:16px;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:background .14s ease}.trigger-card-header:hover{background:#ffffff0a}.trigger-card.is-open>.trigger-card-header{border-radius:16px 16px 0 0;border-bottom:1px solid var(--stroke)}.trigger-chevron{display:inline-block;width:20px;height:20px;flex-shrink:0;transition:transform .18s ease;opacity:.6}.trigger-chevron:before{content:"";display:block;width:8px;height:8px;margin:6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg)}.trigger-chevron.is-open{opacity:1}.trigger-chevron.is-open:before{transform:rotate(-135deg)}.trigger-header-action{margin-left:auto}.trigger-card-body{display:none;grid-template-rows:1fr;gap:16px;padding:14px}.trigger-card.is-open>.trigger-card-body{display:grid}.trigger-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trigger-examples{padding:10px 12px;border-radius:12px;background:#3b82f614;color:var(--muted);font-size:.82rem}.danger-button{color:var(--danger);border-color:#ef444440;background:transparent}.action-buttons{display:flex;flex-wrap:wrap;gap:6px}.primary-button,.secondary-button,.ghost-button{border-radius:8px;padding:6px 10px;font-size:.76rem;font-weight:600;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{border:1px solid transparent;color:var(--bg);background:var(--text);box-shadow:0 4px 12px #0000004d}.secondary-button{border:1px solid var(--stroke-strong);color:var(--text);background:var(--surface-strong)}.ghost-button{color:var(--text);background:transparent;border:1px solid var(--stroke)}.secondary-button:disabled,.ghost-button:disabled,.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.page-grid-delivery{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid-delivery>.action-panel,.empty-panel,.doc-card-featured{grid-column:1 / -1}.build-status-grid,.code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-status-grid-single,.code-grid-single{grid-template-columns:1fr}.preview-block{display:grid;gap:8px}.preview-stack{display:grid;gap:14px}.preview-label{font-size:.82rem;font-weight:600;color:var(--muted)}.build-status-card{display:grid;gap:6px;padding:16px;border-radius:16px;border:1px solid var(--stroke);background:var(--surface-muted)}.build-status-card strong{font-size:.98rem}.build-status-card span,.build-status-card small{color:var(--muted)}.build-status-card.is-ready{border-color:#22c55e33;background:var(--success-soft)}.build-status-card.is-pending{border-color:#f59e0b33;background:var(--warning-soft)}.mini-note{display:grid;gap:4px;min-width:220px;padding:12px 14px;border-radius:14px;border:1px solid var(--stroke);background:var(--surface-muted)}.mini-note strong{font-size:.86rem}.mini-note small{color:var(--muted)}.trigger-preview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trigger-preview-card{display:grid;gap:6px;padding:14px;border-radius:14px;border:1px solid var(--stroke);background:var(--surface-muted)}.trigger-preview-card small{color:var(--muted)}.trigger-preview-card pre{margin-top:6px}.flow-list,.file-list{margin:0;padding-left:18px;color:var(--muted)}.flow-list li,.file-list li{margin-bottom:6px;font-size:.84rem}pre{margin:0;padding:16px;overflow:auto;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#0a0e17;color:#cbd5e1;white-space:pre-wrap;box-shadow:inset 0 1px #ffffff05}.page-grid-docs{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.docs-sidebar{position:sticky;top:28px;display:grid;gap:8px;padding:16px}.docs-sidebar h3{margin:0;font-size:.92rem}.docs-sidebar-nav{display:grid;gap:1px}.docs-nav-section{display:grid}.docs-nav-section-header{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border:none;border-radius:7px;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:background .12s ease}.docs-nav-section-header:hover{background:#ffffff0a}.docs-nav-section-header strong{font-size:.8rem;font-weight:600}.docs-nav-chevron{display:inline-block;width:14px;height:14px;flex-shrink:0;transition:transform .16s ease;opacity:.5}.docs-nav-chevron:before{content:"";display:block;width:6px;height:6px;margin:4px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg)}.docs-nav-section-header.is-open .docs-nav-chevron{opacity:.8}.docs-nav-section-header.is-open .docs-nav-chevron:before{transform:rotate(-135deg)}.docs-nav-items{display:grid;gap:1px;padding:2px 0 4px 16px}.docs-link{display:block;padding:4px 8px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted);text-decoration:none;font-size:.76rem;transition:background .12s ease,color .12s ease}.docs-link:hover{color:var(--text);background:#ffffff0a}.docs-link-sub{font-size:.72rem;padding-left:12px;color:var(--muted)}.docs-content{display:grid;gap:18px}.doc-card{display:grid;gap:10px;align-content:start;padding:18px;background:#131b2ec7}.doc-section-card{gap:16px}.doc-section-head{display:grid;gap:4px}.doc-section-head p{margin:0}.doc-section-head h3{font-size:1rem;margin:0}.doc-item-list{display:grid;gap:10px}.doc-item{display:grid;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--stroke);background:var(--surface-muted)}.doc-item h4,.doc-item p{margin:0}.doc-item h4{font-size:.9rem}.doc-example-list{display:grid;gap:8px}.doc-example{display:grid;gap:6px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#131b2ec7}.doc-example-title{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.doc-example pre{margin:0;overflow-x:auto;padding:10px;border-radius:10px;background:#0a0e17;border:1px solid rgba(255,255,255,.06);color:#cbd5e1;font-size:.76rem;line-height:1.55;white-space:pre-wrap}.doc-example-note{margin:0;font-size:.78rem;color:var(--muted)}.doc-card-featured{background:linear-gradient(180deg,#131b2ef5,#111827f5)}.doc-card-featured h3{margin:0;font-size:1.08rem}.ghost-button.is-active{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.monitor-panel{margin-top:0}.monitor-table-wrapper{max-height:520px;overflow-y:auto}.monitor-table{display:grid;gap:0}.monitor-table-header{display:grid;grid-template-columns:80px 130px 90px 120px minmax(0,1fr) 70px;gap:4px;padding:6px 8px;border-bottom:1px solid var(--stroke);position:sticky;top:0;background:var(--surface-strong);z-index:2;border-radius:10px 10px 0 0}.monitor-table-header span{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.monitor-row{display:grid}.monitor-row-main{display:grid;grid-template-columns:80px 130px 90px 120px minmax(0,1fr) 70px;gap:4px;padding:6px 8px;align-items:center;border:0;border-bottom:1px solid var(--stroke);background:transparent;color:var(--text);text-align:left;cursor:pointer;font-size:.76rem;transition:background .1s ease}.monitor-row-main:hover{background:#ffffff05}.monitor-row.is-expanded>.monitor-row-main{background:#3b82f60a;border-bottom-color:transparent}.monitor-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.monitor-badge-lead{background:var(--success-soft);color:var(--success)}.monitor-badge-page_data{background:var(--accent-soft);color:var(--accent-strong)}.monitor-row-detail{padding:10px 12px;border-bottom:1px solid var(--stroke);background:#00000026}.monitor-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.monitor-detail-item{display:grid;gap:1px}.monitor-detail-label{font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.monitor-detail-value{font-size:.74rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-json-toggle{font-size:.7rem;color:var(--muted);cursor:pointer;padding:3px 0;-webkit-user-select:none;user-select:none}.monitor-json-toggle:hover{color:var(--text)}.monitor-json{margin-top:6px;padding:8px;border-radius:8px;background:#0a0e17;color:#cbd5e1;font-size:.68rem;max-height:200px;overflow-y:auto;border:1px solid rgba(255,255,255,.04)}.doc-card p{font-family:Consolas,SFMono-Regular,monospace}@media (max-width: 1240px){.page-grid-overview,.page-grid-delivery,.page-grid-docs,.overview-kpi-grid,.quick-actions{grid-template-columns:1fr}.overview-client-card,.overview-actions-card{grid-column:1 / -1}.docs-layout{grid-template-columns:1fr}.hero-card,.summary-card,.kpi-grid{grid-column:auto}}@media (max-width: 1100px){.app-shell,.page-grid-clients,.auth-card{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--stroke);grid-template-rows:auto}.docs-sidebar{position:static;top:auto}}@media (max-width: 780px){.workspace,.sidebar{padding:18px}.auth-card{padding:20px}.auth-copy h1{max-width:none;font-size:1.6rem}.account-panel{width:min(100vw - 36px,380px);right:auto;left:0}.topbar,.section-row,.hero-actions,.overview-header-card,.overview-header-actions,.overview-section-head{display:grid;grid-template-columns:1fr}.button-row{width:100%}.topbar-meta,.summary-grid,.quick-actions,.form-grid,.trigger-grid,.build-status-grid,.code-grid,.trigger-preview-list,.builder-row,.builder-row-single,.page-grid-docs{grid-template-columns:1fr}.action-buttons{justify-content:flex-start}.overview-header-card h3{max-width:none;font-size:1.22rem}.quick-action-card{min-height:0}}