:root {
  --bg: #07080d;
  --panel: #0d0f16;
  --panel-2: #121520;
  --panel-3: #181b27;
  --panel-hover: #1d2130;
  --text: #f5f7fb;
  --muted: #939aab;
  --muted-2: #697083;
  --border: rgba(255,255,255,.08);
  --border-strong: rgba(255,255,255,.14);
  --brand: #6c63ff;
  --brand-2: #2f7dff;
  --brand-soft: rgba(87,92,255,.15);
  --red: #ff6377;
  --green: #3bd49a;
  --amber: #ffba64;
  --cyan: #50c8f4;
  --pink: #e68bd6;
  --shadow: 0 24px 70px rgba(0,0,0,.34);
  --sidebar: 258px;
  --topbar: 72px;
  font-family: Manrope, "Avenir Next", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); }
body { overflow-x: hidden; font-size: 13px; letter-spacing: -.01em; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
svg { display: block; }
.hidden { display: none !important; }
.muted { color: var(--muted); }
.tiny { font-size: 10px; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.stack { display: flex; flex-direction: column; gap: 12px; }
.row { display: flex; align-items: center; gap: 10px; }
.between { justify-content: space-between; }
.grow { flex: 1; min-width: 0; }
.grid { display: grid; gap: 14px; }
.grid-2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.grid-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.grid-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.grid-5 { grid-template-columns: repeat(5,minmax(0,1fr)); }
.span-2 { grid-column: span 2; }
.span-3 { grid-column: span 3; }

.boot-screen { min-height: 100vh; display: grid; place-content: center; justify-items: center; gap: 14px; background: radial-gradient(circle at 50% 20%, rgba(47,125,255,.11), transparent 34%), #07080d; }
.boot-logo { width: 230px; height: auto; }
.boot-screen strong { font-size: 15px; }
.boot-screen span { color: var(--muted); font-size: 11px; }
.boot-ring { position: relative; width: 46px; height: 46px; margin: 5px; }
.boot-ring i { position:absolute; inset:0; border-radius:50%; border:1px solid rgba(87,92,255,.34); animation: pulse 1.4s infinite; }
.boot-ring i:nth-child(2){ inset:7px; animation-delay:.18s; }
.boot-ring i:nth-child(3){ inset:14px; animation-delay:.36s; background:linear-gradient(135deg,var(--brand-2),#ff3d22); border:0; }
@keyframes pulse { 0%,100%{transform:scale(.92);opacity:.45} 50%{transform:scale(1.08);opacity:1} }
@keyframes spin { to { transform: rotate(360deg); } }
.spin { animation: spin .8s linear infinite; }

.auth-shell { min-height:100vh; display:grid; grid-template-columns:minmax(420px, .82fr) minmax(560px,1.18fr); background:#07080d; }
.auth-brand { padding:54px clamp(34px,6vw,90px); display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--border); position:relative; overflow:hidden; }
.auth-brand:before { content:""; position:absolute; inset:-20%; background:radial-gradient(circle at 35% 30%,rgba(47,125,255,.28),transparent 30%),radial-gradient(circle at 70% 72%,rgba(255,61,34,.15),transparent 32%); filter:blur(24px); pointer-events:none; }
.auth-brand > * { position:relative; z-index:1; }
.auth-logo { width:245px; }
.auth-copy h1 { font-size:clamp(38px,4.3vw,70px); line-height:1.02; letter-spacing:-.055em; margin:24px 0 18px; max-width:780px; }
.auth-copy h1 em { font-style:normal; background:linear-gradient(90deg,#4f8cff,#775dff 45%,#ff4a29); -webkit-background-clip:text; color:transparent; }
.auth-copy p { max-width:610px; color:#aab0bf; font-size:15px; line-height:1.75; }
.auth-trust { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:32px; }
.auth-trust div { background:rgba(255,255,255,.035); border:1px solid var(--border); border-radius:16px; padding:15px; }
.auth-trust strong { display:block; font-size:13px; margin-bottom:4px; }
.auth-trust span { color:var(--muted); font-size:10px; line-height:1.5; }
.auth-foot { display:flex; gap:18px; color:var(--muted-2); font-size:10px; }
.auth-panel { display:grid; place-items:center; padding:30px; background:radial-gradient(circle at 70% 18%,rgba(108,99,255,.08),transparent 32%); }
.auth-card { width:min(470px,100%); background:rgba(15,17,25,.92); border:1px solid var(--border-strong); border-radius:24px; padding:28px; box-shadow:0 40px 100px rgba(0,0,0,.45); backdrop-filter:blur(20px); }
.auth-card h2 { font-size:27px; letter-spacing:-.04em; margin:7px 0; }
.auth-card > p { color:var(--muted); line-height:1.6; margin:0 0 22px; }
.auth-eyebrow { color:#8fa2ff; font-size:10px; font-weight:800; letter-spacing:.14em; }
.google-btn { width:100%; height:49px; border-radius:13px; border:1px solid rgba(255,255,255,.16); background:#fff; color:#15171d; display:flex; align-items:center; justify-content:center; gap:10px; cursor:pointer; font-weight:750; transition:.16s; }
.google-btn:hover { transform:translateY(-1px); box-shadow:0 12px 32px rgba(0,0,0,.22); }
.google-g { width:20px; height:20px; border-radius:50%; display:grid; place-items:center; color:#4285f4; font-weight:900; border:2px solid #4285f4; }
.auth-divider { display:flex; align-items:center; gap:12px; color:var(--muted-2); font-size:9px; margin:18px 0; }
.auth-divider:before,.auth-divider:after { content:""; height:1px; background:var(--border); flex:1; }
.setup-entry { border:1px dashed rgba(108,99,255,.35); border-radius:14px; padding:14px; background:rgba(108,99,255,.06); }
.setup-entry strong { display:block; margin-bottom:5px; }
.setup-entry p { color:var(--muted); line-height:1.5; font-size:10px; margin:0 0 10px; }
.auth-link-row { display:flex; justify-content:space-between; margin-top:18px; font-size:10px; color:var(--muted); }
.auth-link-row a:hover { color:#fff; }

.app-shell { min-height:100vh; display:flex; }
.sidebar { position:fixed; left:0; top:0; bottom:0; width:var(--sidebar); background:linear-gradient(180deg,#0b0d13,#080a0f); border-right:1px solid var(--border); display:flex; flex-direction:column; z-index:40; }
.brand { height:84px; display:flex; align-items:center; padding:0 18px; border-bottom:1px solid var(--border); }
.brand img { width:180px; height:auto; }
.workspace-switch { margin:12px 12px 8px; border:1px solid var(--border); background:#11141c; border-radius:12px; padding:10px; display:flex; align-items:center; gap:9px; cursor:pointer; }
.workspace-avatar { width:32px; height:32px; border-radius:9px; display:grid; place-items:center; background:linear-gradient(135deg,#275eff,#ff4d25); font-weight:800; font-size:10px; }
.workspace-copy { flex:1; min-width:0; }
.workspace-copy strong,.workspace-copy span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-copy strong { font-size:10px; }
.workspace-copy span { color:var(--muted); font-size:8px; margin-top:3px; }
.nav-scroll { padding:7px 9px 16px; overflow:auto; flex:1; }
.nav-group { margin-top:13px; }
.nav-label { font-size:8px; color:#575e70; letter-spacing:.14em; font-weight:800; padding:0 10px 7px; }
.nav-item { width:100%; border:0; background:transparent; border-radius:10px; padding:9px 10px; display:flex; align-items:center; gap:10px; cursor:pointer; color:#8f96a7; text-align:left; margin:2px 0; transition:.14s; }
.nav-item:hover { color:#dbe0ec; background:rgba(255,255,255,.035); }
.nav-item.active { color:#fff; background:linear-gradient(90deg,rgba(65,91,255,.17),rgba(255,71,37,.045)); box-shadow:inset 2px 0 #5470ff; }
.nav-item svg { width:16px; height:16px; stroke-width:1.8; }
.nav-item span { flex:1; font-size:10px; font-weight:600; }
.nav-badge { min-width:19px; height:18px; padding:0 5px; display:grid; place-items:center; border-radius:999px; background:rgba(255,99,119,.14); color:#ff8796; font-size:8px; }
.sidebar-bottom { border-top:1px solid var(--border); padding:12px; }
.system-chip { padding:10px; border:1px solid var(--border); border-radius:12px; background:#0f1219; }
.system-chip-line { display:flex; align-items:center; gap:8px; }
.system-orb { width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(80,200,244,.10);color:var(--cyan); }
.system-copy { flex:1; }
.system-copy strong,.system-copy span { display:block; }
.system-copy strong { font-size:9px; }
.system-copy span { color:var(--muted);font-size:8px;margin-top:3px; }
.system-dot { width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green); }
.main-shell { margin-left:var(--sidebar); width:calc(100% - var(--sidebar)); min-height:100vh; }
.topbar { height:var(--topbar); position:sticky; top:0; z-index:30; background:rgba(8,10,15,.84); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); display:flex; align-items:center; gap:12px; padding:0 18px; }
.breadcrumb { min-width:190px; }
.breadcrumb span,.breadcrumb strong { display:block; }
.breadcrumb span { color:#555d70; font-size:7px; letter-spacing:.13em; font-weight:800; }
.breadcrumb strong { font-size:11px; margin-top:4px; }
.command-search { height:37px; flex:1; max-width:590px; border:1px solid var(--border); background:#0e1118; border-radius:11px; display:flex; align-items:center; padding:0 10px; gap:8px; }
.command-search svg { width:15px; color:#687084; }
.command-search input { flex:1; background:transparent; border:0; outline:0; color:#dfe3ec; font-size:9px; min-width:0; }
.command-search kbd { border:1px solid var(--border); color:#656d7e; padding:3px 6px; border-radius:6px; font-size:7px; }
.env-pill { border:1px solid rgba(59,212,154,.2); background:rgba(59,212,154,.07); color:#73e3b6; border-radius:999px; padding:6px 9px; font-size:7px; font-weight:800; letter-spacing:.08em; white-space:nowrap; }
.icon-btn { width:36px; height:36px; border:1px solid var(--border); background:#10131b; border-radius:10px; display:grid; place-items:center; cursor:pointer; position:relative; }
.icon-btn:hover { background:#171b25; border-color:var(--border-strong); }
.icon-btn svg { width:16px;height:16px; }
.notification-dot { position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red); }
.user-menu-btn { height:38px; border:1px solid var(--border); background:#10131b; border-radius:11px; padding:0 8px 0 5px; display:flex; align-items:center; gap:8px; cursor:pointer; }
.user-avatar { width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#365eff,#ff5227);font-size:9px;font-weight:800; }
.user-menu-btn span { font-size:9px;font-weight:700; }
.mobile-menu { display:none; }
.content { padding:18px; min-height:calc(100vh - var(--topbar)); background:radial-gradient(circle at 70% 10%,rgba(65,91,255,.035),transparent 24%),var(--bg); }
.page { max-width:1680px; margin:0 auto; }
.page-header { display:flex; justify-content:space-between; align-items:flex-end; gap:22px; margin:3px 0 17px; }
.page-eyebrow { color:#7782ff; font-size:8px; letter-spacing:.14em; font-weight:800; margin-bottom:7px; }
.page-title { font-size:27px; line-height:1.12; letter-spacing:-.045em; margin:0; }
.page-subtitle { max-width:760px; margin:8px 0 0; color:var(--muted); font-size:11px; line-height:1.65; }
.page-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.btn { min-height:36px; border:1px solid var(--border); background:#11141c; border-radius:10px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; gap:7px; cursor:pointer; font-size:9px; font-weight:700; transition:.14s; white-space:nowrap; }
.btn:hover { background:#1a1e29; border-color:var(--border-strong); transform:translateY(-1px); }
.btn.primary { background:linear-gradient(135deg,#3c69ff,#6357f6); border-color:rgba(122,116,255,.5); box-shadow:0 9px 23px rgba(75,74,255,.18); }
.btn.danger { color:#ff8c9a; border-color:rgba(255,99,119,.22); background:rgba(255,99,119,.06); }
.btn.success { color:#7ae5b8; border-color:rgba(59,212,154,.22); background:rgba(59,212,154,.07); }
.btn.ghost { background:transparent; }
.btn:disabled { opacity:.45; cursor:not-allowed; transform:none; }
.btn svg { width:14px;height:14px; }
.card { background:linear-gradient(180deg,#11131b,#0d1017); border:1px solid var(--border); border-radius:15px; box-shadow:0 12px 34px rgba(0,0,0,.09); overflow:hidden; }
.card-head { min-height:59px; display:flex; align-items:center; gap:10px; padding:0 14px; border-bottom:1px solid var(--border); }
.head-icon { width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(108,99,255,.09);color:#a9a4ff; }
.head-icon svg { width:15px;height:15px; }
.card-head h3 { margin:0;font-size:11px; }
.card-head p { margin:4px 0 0;color:var(--muted);font-size:8px; }
.card-head-actions { margin-left:auto;display:flex;gap:7px;align-items:center; }
.card-body { padding:14px; }
.tag { display:inline-flex;align-items:center;min-height:21px;border:1px solid var(--border);border-radius:999px;padding:0 7px;color:#9da4b5;font-size:7px;font-weight:800;letter-spacing:.03em;white-space:nowrap; }
.tag.green { background:rgba(59,212,154,.08);border-color:rgba(59,212,154,.18);color:#69dfad; }
.tag.amber { background:rgba(255,186,100,.08);border-color:rgba(255,186,100,.18);color:#ffc578; }
.tag.red { background:rgba(255,99,119,.08);border-color:rgba(255,99,119,.2);color:#ff8997; }
.tag.blue { background:rgba(80,200,244,.08);border-color:rgba(80,200,244,.18);color:#75d4f5; }
.tag.purple { background:rgba(108,99,255,.09);border-color:rgba(108,99,255,.2);color:#aaa4ff; }
.metric-card { padding:14px; min-height:118px; position:relative; overflow:hidden; }
.metric-card:after { content:"";position:absolute;right:-28px;bottom:-35px;width:100px;height:100px;border-radius:50%;background:var(--metric-glow,rgba(108,99,255,.12));filter:blur(12px); }
.metric-top { display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1; }
.metric-label { color:#959dad;font-size:8px;font-weight:700; }
.metric-icon { width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--metric-glow);color:var(--metric-color); }
.metric-icon svg{width:14px;height:14px}.metric-value{font-size:22px;font-weight:800;letter-spacing:-.045em;margin-top:14px;position:relative;z-index:1}.metric-foot{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px;margin-top:6px;position:relative;z-index:1}.metric-change{color:var(--green);font-weight:800}.metric-change.down{color:var(--red)}
.hero-card { min-height:248px;border:1px solid var(--border);border-radius:19px;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;background:radial-gradient(circle at 72% 45%,rgba(69,88,255,.19),transparent 32%),linear-gradient(140deg,#111520,#0d0e14);position:relative; }
.hero-card:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,black)}
.hero-content{padding:32px;z-index:1}.hero-kicker{font-size:8px;letter-spacing:.13em;font-weight:800;color:#8d96ff;display:flex;align-items:center;gap:7px}.hero-kicker i{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 9px var(--green)}.hero-title{font-size:clamp(28px,3.1vw,50px);line-height:1.04;letter-spacing:-.055em;max-width:790px;margin:17px 0 13px}.hero-title em{font-style:normal;background:linear-gradient(90deg,#829dff,#7b62ff 55%,#ff5837);-webkit-background-clip:text;color:transparent}.hero-copy{color:#9da4b4;line-height:1.65;max-width:720px;font-size:11px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.hero-visual{display:grid;place-items:center;z-index:1}.orbit-map{position:relative;width:230px;height:230px;border-radius:50%;border:1px solid rgba(128,139,255,.18);box-shadow:0 0 80px rgba(55,75,255,.12) inset}.orbit-map:before,.orbit-map:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(128,139,255,.14)}.orbit-map:before{inset:31px}.orbit-map:after{inset:67px}.orbit-core{position:absolute;inset:86px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#325eff,#7a55ff);box-shadow:0 0 38px rgba(83,82,255,.4);z-index:2}.orbit-core svg{width:26px;height:26px}.orbit-dot{position:absolute;width:36px;height:36px;border:1px solid var(--border-strong);border-radius:12px;background:#151824;display:grid;place-items:center;z-index:3}.orbit-dot svg{width:16px;height:16px}.orbit-dot.one{left:10px;top:95px;color:#5edca8}.orbit-dot.two{right:20px;top:28px;color:#ff9b70}.orbit-dot.three{right:4px;bottom:64px;color:#64c9f0}.orbit-dot.four{left:48px;bottom:12px;color:#c99cff}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{padding:10px 12px;text-align:left;color:#6d7487;font-size:7px;letter-spacing:.08em;border-bottom:1px solid var(--border);font-weight:800}.data-table td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.055);font-size:9px;color:#c7ccd7}.data-table tr:hover td{background:rgba(255,255,255,.02)}.data-table td strong{display:block;color:#f1f3f8;font-size:9px}.data-table td small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.table-actions{display:flex;gap:5px}.mini-btn{width:27px;height:27px;border:1px solid var(--border);border-radius:8px;background:#11141d;display:grid;place-items:center;cursor:pointer}.mini-btn:hover{background:#1b1f2a}.mini-btn svg{width:13px;height:13px}
.filter-bar{padding:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-box{height:36px;border:1px solid var(--border);border-radius:10px;background:#0b0e14;display:flex;align-items:center;gap:7px;padding:0 10px;min-width:230px;flex:1}.search-box svg{width:14px;color:#697184}.search-box input{background:transparent;border:0;outline:0;color:#e6e9f0;flex:1;font-size:9px}.segmented{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:10px;background:#090b10;overflow:auto}.segmented button{height:28px;border:0;border-radius:7px;background:transparent;color:#777f90;padding:0 9px;white-space:nowrap;font-size:8px;cursor:pointer}.segmented button.active{background:#1b1e29;color:#fff}.field{display:flex;flex-direction:column;gap:6px}.field > span{font-size:8px;color:#8e96a8;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid var(--border);background:#0b0d13;color:#e6e9ef;border-radius:10px;padding:10px;outline:0;font-size:9px}.field textarea{min-height:90px;resize:vertical;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(108,99,255,.58);box-shadow:0 0 0 3px rgba(108,99,255,.08)}.field-help{font-size:8px;color:var(--muted);line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--border);border-radius:12px;padding:11px}.switch-copy strong,.switch-copy span{display:block}.switch-copy strong{font-size:9px}.switch-copy span{color:var(--muted);font-size:8px;margin-top:4px;line-height:1.45}.switch{width:36px;height:20px;border-radius:999px;border:0;background:#2a2e3b;position:relative;cursor:pointer}.switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#8b92a1;left:3px;top:3px;transition:.16s}.switch.on{background:#514cf1}.switch.on:after{left:19px;background:#fff}.callout{border:1px solid rgba(108,99,255,.2);background:rgba(108,99,255,.06);border-radius:12px;padding:12px;color:#b4b8c8;font-size:9px;line-height:1.6}.callout.warn{border-color:rgba(255,186,100,.2);background:rgba(255,186,100,.06)}.callout.bad{border-color:rgba(255,99,119,.2);background:rgba(255,99,119,.06)}.callout strong{color:#f3f5f9}.code-block{position:relative;background:#090b10;border:1px solid var(--border);border-radius:11px;padding:13px;overflow:auto;font:8px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b7c2d8;white-space:pre-wrap}.copy-code{position:absolute;right:7px;top:7px}
.chart-card{min-height:300px}.chart-wrap{height:225px;padding:15px 8px 4px}.chart-svg{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:rgba(255,255,255,.07);stroke-width:1}.chart-label{fill:#70788b;font-size:8px}.chart-area{fill:url(#areaGradient)}.chart-line{fill:none;stroke:#7182ff;stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(85,92,255,.42))}.chart-point{fill:#0e1118;stroke:#8996ff;stroke-width:2}.bar-chart{height:220px;display:flex;align-items:flex-end;gap:12px;padding:18px 12px 5px}.bar-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%;justify-content:flex-end}.bar-value{font-size:8px;color:#bdc2ce}.bar{width:min(32px,65%);min-height:4px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#6378ff,#3843bf);box-shadow:0 0 18px rgba(86,86,255,.15)}.bar-label{font-size:7px;color:#71798b;text-align:center}.donut-grid{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:18px}.donut{width:170px;height:170px;border-radius:50%;position:relative;margin:auto;background:conic-gradient(#6e70ff 0 36%,#3bd49a 36% 59%,#50c8f4 59% 75%,#ffba64 75% 88%,#e68bd6 88% 100%)}.donut:after{content:"";position:absolute;inset:29px;background:#11141c;border-radius:50%;border:1px solid var(--border)}.donut-center{position:absolute;inset:0;display:grid;place-content:center;z-index:2;text-align:center}.donut-center strong{font-size:23px}.donut-center span{font-size:8px;color:var(--muted)}.legend{display:flex;flex-direction:column;gap:9px}.legend-row{display:flex;align-items:center;gap:8px;font-size:9px}.legend-dot{width:7px;height:7px;border-radius:2px}.legend-row span:nth-child(2){flex:1;color:#aeb4c1}.legend-row strong{font-size:9px}
.status-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.status-row:last-child{border-bottom:0}.status-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#171b25;color:#9ba4b8}.status-icon svg{width:14px;height:14px}.status-copy{flex:1}.status-copy strong,.status-copy span{display:block}.status-copy strong{font-size:9px}.status-copy span{color:var(--muted);font-size:8px;margin-top:4px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(59,212,154,.55)}.status-dot.warn{background:var(--amber);box-shadow:0 0 8px rgba(255,186,100,.5)}.status-dot.bad{background:var(--red);box-shadow:0 0 8px rgba(255,99,119,.5)}
.integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.integration-card{border:1px solid var(--border);border-radius:15px;background:linear-gradient(180deg,#12151e,#0d1017);padding:13px;min-height:190px;display:flex;flex-direction:column;transition:.16s}.integration-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 17px 40px rgba(0,0,0,.18)}.integration-top{display:flex;align-items:center;gap:9px}.integration-logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--app-bg,#171b25);color:var(--app-color,#fff)}.integration-logo svg{width:18px;height:18px}.integration-name{flex:1}.integration-name strong,.integration-name span{display:block}.integration-name strong{font-size:10px}.integration-name span{color:var(--muted);font-size:7px;margin-top:4px}.integration-card p{color:#9097a8;font-size:8px;line-height:1.55;min-height:40px}.capability-list{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.integration-footer{display:flex;align-items:center;gap:8px;margin-top:auto}.health-line{height:4px;background:#232733;border-radius:99px;overflow:hidden;flex:1}.health-line span{height:100%;display:block;background:linear-gradient(90deg,#42d49b,#5bcaf1)}.integration-action{border:0;background:transparent;color:#8b95ff;font-size:8px;font-weight:800;cursor:pointer}.integration-action.connected{color:#64dba9}
.modal-backdrop{position:fixed;inset:0;background:rgba(2,3,6,.76);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;z-index:100}.modal{width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--border-strong);border-radius:20px;background:#11141c;box-shadow:0 40px 120px rgba(0,0,0,.58)}.modal.wide{width:min(1050px,100%)}.modal-head{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:13px}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:8px}.modal-head .icon-btn{margin-left:auto}.modal-body{padding:16px}.modal-footer{border-top:1px solid var(--border);padding:12px 16px;display:flex;justify-content:flex-end;gap:8px}.modal-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--border)}.modal-tabs button{border:0;background:transparent;color:var(--muted);font-size:8px;padding:10px 9px;border-bottom:2px solid transparent;cursor:pointer}.modal-tabs button.active{color:#fff;border-color:#6671ff}
.dropdown{position:fixed;z-index:90;width:250px;background:#12151d;border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow);padding:7px}.dropdown button,.dropdown a{width:100%;border:0;background:transparent;border-radius:9px;color:#aeb4c1;padding:9px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;font-size:9px}.dropdown button:hover,.dropdown a:hover{background:#1a1e28;color:#fff}.dropdown hr{border:0;border-top:1px solid var(--border);margin:6px 0}.dropdown svg{width:14px;height:14px}.notifications-panel{position:fixed;right:16px;top:66px;width:min(390px,calc(100vw - 30px));z-index:85;background:#11141c;border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.notification-item{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;gap:10px}.notification-item:last-child{border-bottom:0}.notification-item strong,.notification-item span{display:block}.notification-item strong{font-size:9px}.notification-item span{color:var(--muted);font-size:8px;line-height:1.5;margin-top:4px}.notification-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(108,99,255,.09);color:#9f9aff}.notification-icon svg{width:14px;height:14px}
.command-overlay{position:fixed;inset:0;background:rgba(4,5,8,.76);backdrop-filter:blur(8px);z-index:120;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh}.command-panel{width:min(670px,calc(100vw - 28px));background:#11141c;border:1px solid var(--border-strong);border-radius:18px;box-shadow:0 42px 120px rgba(0,0,0,.6);overflow:hidden}.command-input{height:55px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid var(--border)}.command-input svg{width:18px;color:#7f8799}.command-input input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:12px}.command-results{max-height:420px;overflow:auto;padding:7px}.command-result{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:10px;padding:10px;color:#aab1bf;cursor:pointer;text-align:left}.command-result:hover,.command-result.active{background:#1a1e29;color:#fff}.command-result svg{width:16px}.command-result span{flex:1;font-size:9px}.command-result small{color:#646c7d;font-size:7px}

/* Flow Builder */
.builder-card{height:calc(100vh - 111px);min-height:650px;display:grid;grid-template-rows:58px 1fr;overflow:hidden}.builder-toolbar{display:flex;align-items:center;gap:7px;padding:0 11px;border-bottom:1px solid var(--border);background:#0f1219;overflow:auto}.builder-toolbar .workflow-title{min-width:210px;padding-right:12px;border-right:1px solid var(--border)}.workflow-title strong,.workflow-title span{display:block}.workflow-title strong{font-size:10px}.workflow-title span{font-size:7px;color:var(--muted);margin-top:3px}.builder-body{display:grid;grid-template-columns:205px minmax(0,1fr) 278px;min-height:0}.node-palette{border-right:1px solid var(--border);background:#0d1017;display:flex;flex-direction:column;min-height:0}.palette-head{padding:12px;border-bottom:1px solid var(--border)}.palette-head strong{display:block;font-size:9px}.palette-head span{display:block;color:var(--muted);font-size:7px;margin-top:4px}.palette-list{padding:9px;overflow:auto}.palette-group{margin:6px 0 13px}.palette-label{font-size:7px;color:#5e6678;font-weight:800;letter-spacing:.1em;padding:3px 5px 6px}.palette-item{width:100%;border:1px solid var(--border);background:#12151e;border-radius:10px;padding:8px;display:flex;align-items:center;gap:8px;margin:5px 0;cursor:grab;text-align:left}.palette-item:hover{border-color:rgba(108,99,255,.35);background:#181b25}.palette-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:var(--node-bg,rgba(108,99,255,.1));color:var(--node-color,#aaa5ff)}.palette-icon svg{width:14px;height:14px}.palette-item strong,.palette-item span{display:block}.palette-item strong{font-size:8px}.palette-item span{font-size:7px;color:var(--muted);margin-top:3px}.flow-stage{position:relative;overflow:hidden;background:#090b11;min-width:0;min-height:0;cursor:grab}.flow-stage.panning{cursor:grabbing}.flow-grid{position:absolute;inset:-1000px;background-image:radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1px);background-size:22px 22px;transform-origin:0 0;pointer-events:none}.flow-world{position:absolute;inset:0;transform-origin:0 0}.edge-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.edge-path{fill:none;stroke:#50596f;stroke-width:2;pointer-events:stroke;cursor:pointer}.edge-path.selected{stroke:#8c86ff;filter:drop-shadow(0 0 5px rgba(108,99,255,.6));stroke-width:2.6}.edge-label{fill:#798194;font-size:8px}.flow-node{position:absolute;width:210px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#151822;box-shadow:0 15px 42px rgba(0,0,0,.34);user-select:none;cursor:move}.flow-node:hover{border-color:rgba(255,255,255,.18)}.flow-node.selected{border-color:#756cff;box-shadow:0 0 0 2px rgba(108,99,255,.14),0 18px 48px rgba(0,0,0,.42)}.flow-node.running{border-color:#50c8f4}.flow-node.success{border-color:#3bd49a}.flow-node.failed{border-color:#ff6377}.node-strip{height:3px;background:var(--node-color,#6d66ff);border-radius:13px 13px 0 0}.node-head{padding:10px;display:flex;align-items:center;gap:8px}.node-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--node-bg,rgba(108,99,255,.1));color:var(--node-color,#a9a5ff)}.node-icon svg{width:15px;height:15px}.node-copy{flex:1;min-width:0}.node-copy strong,.node-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-copy strong{font-size:9px}.node-copy span{color:var(--muted);font-size:7px;margin-top:3px}.node-status{font-size:6px;color:#858d9e;border:1px solid var(--border);border-radius:999px;padding:3px 5px}.node-body{padding:0 10px 10px;color:#838b9d;font-size:7px;line-height:1.5}.node-handle{position:absolute;width:12px;height:12px;border:2px solid #11141c;border-radius:50%;background:var(--node-color,#6d66ff);box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 10px rgba(108,99,255,.34);cursor:crosshair;z-index:5}.node-handle.input{left:-7px;top:50%;transform:translateY(-50%)}.node-handle.output{right:-7px;top:50%;transform:translateY(-50%)}.node-handle.output.yes{top:37%;background:#3bd49a}.node-handle.output.no{top:68%;background:#ff6377}.handle-label{position:absolute;right:8px;font-size:6px;color:#777f91}.handle-label.yes{top:32%;color:#63dba9}.handle-label.no{top:63%;color:#ff8594}.canvas-tools{position:absolute;left:12px;bottom:12px;display:flex;border:1px solid var(--border);background:#11141c;border-radius:10px;overflow:hidden;z-index:10}.canvas-tools button{width:31px;height:31px;border:0;border-right:1px solid var(--border);background:transparent;display:grid;place-items:center;cursor:pointer}.canvas-tools button:last-child{border-right:0}.canvas-tools button:hover{background:#1a1e29}.canvas-tools svg{width:14px}.minimap{position:absolute;right:12px;bottom:12px;width:145px;height:92px;background:rgba(15,18,25,.92);border:1px solid var(--border);border-radius:10px;z-index:9;overflow:hidden}.minimap-node{position:absolute;background:#59647d;border-radius:2px;opacity:.8}.minimap-viewport{position:absolute;border:1px solid #7d78ff;background:rgba(108,99,255,.07)}.flow-hint{position:absolute;top:11px;left:50%;transform:translateX(-50%);border:1px solid var(--border);background:rgba(15,18,25,.88);backdrop-filter:blur(10px);border-radius:10px;padding:8px 10px;color:#778092;font-size:7px;z-index:9;pointer-events:none}.inspector{border-left:1px solid var(--border);background:#0d1017;display:flex;flex-direction:column;min-height:0}.inspector-head{padding:12px;border-bottom:1px solid var(--border)}.inspector-head strong{display:block;font-size:9px}.inspector-head span{display:block;color:var(--muted);font-size:7px;margin-top:4px}.inspector-scroll{padding:11px;overflow:auto;flex:1}.inspector-empty{height:100%;display:grid;place-content:center;text-align:center;color:#6d7587;padding:25px}.inspector-empty svg{width:27px;margin:0 auto 9px}.inspector-empty strong{color:#a8aebc;font-size:9px}.inspector-empty p{font-size:8px;line-height:1.55}.inspector-section{border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:12px}.inspector-section h4{font-size:8px;margin:0 0 9px;color:#bfc4d0}.trace-drawer{position:absolute;left:0;right:0;bottom:0;height:160px;background:rgba(12,15,21,.97);border-top:1px solid var(--border);z-index:12;display:flex;flex-direction:column}.trace-head{height:38px;display:flex;align-items:center;padding:0 11px;border-bottom:1px solid var(--border);gap:8px}.trace-head strong{font-size:8px}.trace-list{display:flex;gap:8px;padding:10px;overflow:auto}.trace-step{min-width:150px;border:1px solid var(--border);border-radius:10px;padding:9px;background:#12151d}.trace-step strong,.trace-step span{display:block}.trace-step strong{font-size:8px}.trace-step span{color:var(--muted);font-size:7px;margin-top:5px}.trace-step.ok{border-color:rgba(59,212,154,.22)}.trace-step.fail{border-color:rgba(255,99,119,.25)}

/* Setup, admin, credentials, docs */
.setup-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px}.setup-nav{padding:9px}.setup-nav button{width:100%;border:0;background:transparent;color:#8f96a7;border-radius:10px;padding:10px;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left;margin:2px 0}.setup-nav button.active{background:rgba(108,99,255,.10);color:#fff}.setup-nav button svg{width:15px}.setup-nav button span{flex:1;font-size:8px}.setup-step-state{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);font-size:7px}.setup-step-state.done{color:#60dca9;border-color:rgba(59,212,154,.25);background:rgba(59,212,154,.07)}.setup-section{padding:18px}.setup-section h2{margin:0 0 7px;font-size:19px;letter-spacing:-.035em}.setup-section > p{color:var(--muted);font-size:9px;line-height:1.7;margin:0 0 18px}.step-list{counter-reset:steps;display:flex;flex-direction:column;gap:10px}.step-item{display:grid;grid-template-columns:31px 1fr;gap:10px;border:1px solid var(--border);border-radius:12px;padding:11px;background:#10131a}.step-number{width:28px;height:28px;border-radius:9px;background:rgba(108,99,255,.1);color:#aaa5ff;display:grid;place-items:center;font-weight:800;font-size:9px}.step-copy strong{display:block;font-size:9px}.step-copy p{color:var(--muted);font-size:8px;line-height:1.55;margin:5px 0}.step-copy code{font:7px ui-monospace,SFMono-Regular,Menlo,monospace;color:#a8b6d1;background:#090b10;border:1px solid var(--border);border-radius:6px;padding:3px 5px}.binding-card{border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px}.binding-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#171b25;color:#9ba5bb}.binding-icon svg{width:16px}.binding-copy{flex:1}.binding-copy strong,.binding-copy span{display:block}.binding-copy strong{font-size:9px}.binding-copy span{color:var(--muted);font-size:7px;margin-top:4px}.credential-card{border:1px solid var(--border);border-radius:13px;background:#10131a;padding:12px;display:flex;align-items:center;gap:11px}.credential-icon{width:36px;height:36px;border-radius:10px;background:rgba(108,99,255,.1);color:#aaa5ff;display:grid;place-items:center}.credential-icon svg{width:16px}.credential-copy{flex:1}.credential-copy strong,.credential-copy span{display:block}.credential-copy strong{font-size:9px}.credential-copy span{color:var(--muted);font-size:7px;margin-top:4px}.credential-value{font:8px ui-monospace,monospace;color:#8a92a4}.role-card{border:1px solid var(--border);border-radius:12px;padding:12px;background:#10131a}.role-card h4{margin:0 0 7px;font-size:10px}.role-card p{color:var(--muted);font-size:8px;line-height:1.55}.permission-list{display:flex;gap:5px;flex-wrap:wrap}.docs-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:14px}.docs-nav{position:sticky;top:89px;max-height:calc(100vh - 112px);overflow:auto;padding:9px}.docs-nav button{width:100%;border:0;background:transparent;border-radius:9px;color:#858d9f;text-align:left;padding:9px;cursor:pointer;font-size:8px}.docs-nav button:hover{background:#181b25;color:#fff}.docs-nav button.active{background:rgba(108,99,255,.10);color:#fff}.docs-article{padding:24px;max-width:1020px}.docs-article h1{font-size:28px;letter-spacing:-.045em;margin:0 0 10px}.docs-article h2{font-size:17px;letter-spacing:-.025em;margin:28px 0 10px}.docs-article h3{font-size:12px;margin:20px 0 8px}.docs-article p,.docs-article li{color:#a7aeba;font-size:10px;line-height:1.8}.docs-article ol,.docs-article ul{padding-left:20px}.docs-article code{font:8px ui-monospace,SFMono-Regular,Menlo,monospace;background:#090b10;border:1px solid var(--border);padding:2px 5px;border-radius:5px;color:#b5c4df}.docs-article pre{background:#090b10;border:1px solid var(--border);border-radius:12px;padding:14px;overflow:auto;color:#b5c4df;font:8px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.docs-article table{width:100%;border-collapse:collapse;margin:12px 0}.docs-article th,.docs-article td{border:1px solid var(--border);padding:9px;text-align:left;font-size:8px}.docs-article th{background:#141720}.docs-note{border-left:3px solid #6975ff;background:rgba(108,99,255,.07);padding:11px 13px;border-radius:0 10px 10px 0;margin:13px 0;color:#b6bdca;font-size:9px;line-height:1.65}.docs-note.warn{border-color:#ffba64;background:rgba(255,186,100,.06)}
.guide-launcher{position:fixed;right:20px;bottom:20px;width:48px;height:48px;border:1px solid rgba(125,119,255,.45);border-radius:16px;background:linear-gradient(135deg,#395fff,#7655ef);box-shadow:0 18px 48px rgba(45,49,255,.35);display:grid;place-items:center;z-index:70;cursor:pointer}.guide-launcher svg{width:21px}.guide-panel{position:fixed;right:20px;bottom:78px;width:min(390px,calc(100vw - 28px));height:min(570px,calc(100vh - 105px));border:1px solid var(--border-strong);border-radius:17px;background:#11141c;box-shadow:0 34px 100px rgba(0,0,0,.55);z-index:70;display:flex;flex-direction:column;overflow:hidden}.guide-head{height:59px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px;padding:0 11px}.guide-head-copy{flex:1}.guide-head-copy strong,.guide-head-copy span{display:block}.guide-head-copy strong{font-size:10px}.guide-head-copy span{color:var(--muted);font-size:7px;margin-top:3px}.guide-messages{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.guide-message{max-width:88%;align-self:flex-start;background:#181b25;border:1px solid var(--border);border-radius:12px 12px 12px 3px;padding:9px 10px;color:#bdc3cf;font-size:8px;line-height:1.55}.guide-message.user{align-self:flex-end;background:rgba(108,99,255,.13);border-color:rgba(108,99,255,.22);border-radius:12px 12px 3px 12px;color:#e4e5ff}.guide-quick{display:flex;gap:5px;overflow:auto;padding:8px 10px;border-top:1px solid var(--border)}.guide-quick button{border:1px solid var(--border);background:#131720;border-radius:999px;padding:6px 8px;color:#9299aa;white-space:nowrap;font-size:7px;cursor:pointer}.guide-input{display:flex;gap:7px;padding:10px;border-top:1px solid var(--border)}.guide-input input{flex:1;border:1px solid var(--border);background:#0b0d13;border-radius:10px;color:#fff;padding:9px;outline:0;font-size:8px}.guide-input button{width:34px;border:0;border-radius:10px;background:#5756ef;display:grid;place-items:center;cursor:pointer}.guide-input svg{width:14px}
.toast-stack{position:fixed;right:18px;top:82px;z-index:200;display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 30px));pointer-events:none}.toast{pointer-events:auto;border:1px solid var(--border-strong);border-radius:13px;background:#141720;box-shadow:0 22px 60px rgba(0,0,0,.4);padding:11px;display:flex;gap:9px;animation:toastIn .22s ease}.toast svg{width:17px;color:var(--green);flex:0 0 auto}.toast.error svg{color:var(--red)}.toast.warn svg{color:var(--amber)}.toast strong,.toast span{display:block}.toast strong{font-size:9px}.toast span{font-size:8px;color:var(--muted);margin-top:4px;line-height:1.45}@keyframes toastIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.empty-state{padding:45px 20px;text-align:center;color:var(--muted)}.empty-state svg{width:36px;margin:0 auto 12px;color:#687087}.empty-state strong{display:block;color:#c6cad4;font-size:11px}.empty-state p{font-size:8px;line-height:1.6;max-width:430px;margin:7px auto 14px}.progress{height:5px;background:#242834;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#5969ff,#45c5f0);border-radius:99px}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:15px}.timeline-item:after{content:"";position:absolute;left:8px;top:18px;bottom:0;width:1px;background:var(--border)}.timeline-item:last-child:after{display:none}.timeline-dot{width:17px;height:17px;border:1px solid var(--border);border-radius:50%;background:#141720;display:grid;place-items:center;z-index:1}.timeline-dot i{width:5px;height:5px;border-radius:50%;background:#6b72ff}.timeline-copy strong{display:block;font-size:8px}.timeline-copy span{display:block;color:var(--muted);font-size:7px;line-height:1.5;margin-top:4px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:11px;overflow:auto;padding-bottom:4px}.kanban-col{background:#0d1017;border:1px solid var(--border);border-radius:14px;min-height:540px}.kanban-head{padding:11px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.kanban-head strong{font-size:9px}.kanban-list{padding:8px}.lead-card{border:1px solid var(--border);border-radius:11px;background:#141720;padding:10px;margin-bottom:7px;cursor:pointer}.lead-card:hover{border-color:var(--border-strong)}.lead-card strong{font-size:9px}.lead-card p{font-size:7px;color:var(--muted);line-height:1.5}.lead-meta{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:7px;color:#81899a}.avatar-stack{display:flex}.avatar-stack i{width:23px;height:23px;border-radius:50%;border:2px solid #11141c;background:#303747;margin-left:-6px;display:grid;place-items:center;font-style:normal;font-size:7px}.avatar-stack i:first-child{margin-left:0}

@media (max-width: 1250px){.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-body{grid-template-columns:190px minmax(0,1fr) 250px}.auth-shell{grid-template-columns:1fr 1fr}}
@media (max-width: 1000px){:root{--sidebar:230px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-body{grid-template-columns:170px minmax(0,1fr)}.inspector{position:absolute;right:0;top:0;bottom:0;width:280px;z-index:14;box-shadow:-15px 0 45px rgba(0,0,0,.36)}.inspector.closed{display:none}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.setup-layout,.docs-layout{grid-template-columns:1fr}.setup-nav,.docs-nav{position:static;display:flex;overflow:auto;max-height:none}.setup-nav button,.docs-nav button{min-width:max-content}.donut-grid{grid-template-columns:1fr}}
@media (max-width: 760px){:root{--sidebar:260px}.sidebar{transform:translateX(-102%);transition:.2s}.sidebar.open{transform:none}.main-shell{margin-left:0;width:100%}.mobile-menu{display:grid}.breadcrumb{display:none}.topbar{padding:0 10px}.command-search{max-width:none}.command-search kbd,.env-pill,.user-menu-btn span{display:none}.content{padding:12px}.page-header{align-items:flex-start;flex-direction:column}.page-actions{justify-content:flex-start}.grid-5,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.hero-card{grid-template-columns:1fr}.hero-content{padding:24px}.hero-visual{display:none}.integration-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.builder-card{height:calc(100vh - 94px)}.builder-body{grid-template-columns:minmax(0,1fr)}.node-palette{position:absolute;left:0;top:0;bottom:0;width:220px;z-index:15;box-shadow:15px 0 45px rgba(0,0,0,.35)}.node-palette.closed{display:none}.minimap{display:none}.auth-panel{padding:15px}.auth-card{padding:22px}.toast-stack{top:70px;right:10px}.kanban{grid-template-columns:repeat(4,270px)}.guide-panel,.guide-launcher{right:12px}.guide-launcher{bottom:12px}.guide-panel{bottom:68px}}

/* Pingbix Nexus V6 readability, auth and production UX */
:root{--sidebar:272px;--topbar:74px;font-family:"Plus Jakarta Sans",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-size:14px;letter-spacing:-.012em}
h1,h2,h3,h4,.page-title,.auth-copy h1,.auth-card h2{font-family:Sora,"Plus Jakarta Sans",sans-serif}
.boot-spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.09);border-top-color:#6377ff;border-radius:50%;animation:spin .8s linear infinite}
.brand{height:78px}.brand img{width:192px;max-height:54px;object-fit:contain;object-position:left center}
.workspace-mini{margin:10px 12px 4px;padding:10px 11px;border:1px solid var(--border);border-radius:12px;background:#10131b;display:flex;align-items:center;gap:10px}
.workspace-mini .workspace-avatar{width:34px;height:34px}.workspace-mini strong{font-size:12px}.workspace-mini span{font-size:10px}
.nav-label{font-size:9px}.nav-item{padding:10px 11px}.nav-item span{font-size:12px}.nav-badge{font-size:9px}
.breadcrumb span{font-size:9px}.breadcrumb strong{font-size:13px}.command-search input{font-size:12px}.command-search kbd,.env-pill{font-size:9px}
.page-eyebrow{font-size:10px}.page-header h1,.page-title{font-size:30px}.page-header p{font-size:13px;line-height:1.65}.btn{font-size:11px;min-height:38px}.btn svg{width:15px}
.metric-label,.card-head span,.field-help,.tiny{font-size:10px}.metric-value{font-size:24px}.metric-trend{font-size:10px}.card-head strong{font-size:13px}
.data-table th{font-size:9px}.data-table td{font-size:11px}.tag{font-size:9px}.mini-btn{width:32px;height:32px}
.integration-card h3,.credential-copy strong,.binding-copy strong,.timeline-copy strong{font-size:12px}.integration-card p,.credential-copy span,.binding-copy span,.timeline-copy span{font-size:10px;line-height:1.55}
.docs-nav button{font-size:11px;padding:11px}.docs-article{padding:30px}.docs-article h1{font-size:32px}.docs-article h2{font-size:20px}.docs-article h3{font-size:15px}.docs-article p,.docs-article li{font-size:13px;line-height:1.8}.docs-article code,.docs-article pre,.docs-article th,.docs-article td{font-size:11px}.docs-note{font-size:12px}
.field span{font-size:11px}.field input,.field select,.field textarea{font-size:12px;min-height:42px}.modal-card{max-width:720px}.modal-head h3{font-size:16px}.modal-body{font-size:12px}
.auth-shell{grid-template-columns:minmax(480px,1.05fr) minmax(500px,.95fr)}.auth-logo{width:285px}.auth-card{width:min(520px,100%)}.auth-card h2{font-size:30px}.auth-card>p{font-size:13px}.auth-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:6px;padding:5px;background:#0a0c12;border:1px solid var(--border);border-radius:12px;margin-bottom:18px}.auth-tab{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:9px;cursor:pointer;font-size:11px;font-weight:700}.auth-tab.active{background:#181c28;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.24)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form .field input{height:46px}.auth-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.auth-help{font-size:10px;color:var(--muted);line-height:1.6}.auth-error{border:1px solid rgba(255,99,119,.28);background:rgba(255,99,119,.08);color:#ff9aaa;border-radius:10px;padding:10px;font-size:11px}.setup-warning{border:1px solid rgba(255,186,100,.25);background:rgba(255,186,100,.07);border-radius:12px;padding:12px;color:#e7c99e;font-size:11px;line-height:1.6}.password-meter{height:6px;background:#222633;border-radius:999px;overflow:hidden}.password-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff6377,#ffba64,#3bd49a);transition:.2s}
.onboarding-shell{min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(47,125,255,.12),transparent 32%),#07080d;padding:28px}.onboarding-wrap{max-width:980px;margin:0 auto}.onboarding-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.onboarding-head img{width:210px}.onboarding-card{border:1px solid var(--border-strong);background:#0e1118;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.stepper button{border:1px solid var(--border);background:#10131b;color:var(--muted);border-radius:12px;padding:12px;text-align:left;cursor:pointer}.stepper button.active{border-color:rgba(108,99,255,.55);background:rgba(108,99,255,.10);color:#fff}.stepper b,.stepper span{display:block}.stepper b{font-size:11px}.stepper span{font-size:9px;margin-top:4px}
.status-list{display:flex;flex-direction:column;gap:8px}.status-row{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:11px;background:#0f1219}.status-row>svg{width:18px}.status-row .grow strong,.status-row .grow span{display:block}.status-row .grow strong{font-size:12px}.status-row .grow span{font-size:10px;color:var(--muted);margin-top:3px}.status-ok{color:var(--green)}.status-warn{color:var(--amber)}.status-bad{color:var(--red)}
.empty-cta{display:flex;gap:8px;justify-content:center}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.section-title h3{margin:0;font-size:15px}.section-title p{margin:3px 0 0;color:var(--muted);font-size:11px}
.form-section{border:1px solid var(--border);border-radius:14px;background:#0f1219;padding:16px}.form-section h3{margin:0 0 4px;font-size:14px}.form-section>p{color:var(--muted);font-size:11px;line-height:1.6;margin:0 0 14px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.user-cell{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#3a65ff,#ff4d25);display:grid;place-items:center;font-weight:800;font-size:10px}.user-cell strong,.user-cell span{display:block}.user-cell span{color:var(--muted);font-size:10px;margin-top:2px}
.setup-progress{height:8px;border-radius:999px;background:#202431;overflow:hidden}.setup-progress i{display:block;height:100%;background:linear-gradient(90deg,#3a65ff,#6c63ff,#ff4d25)}
.action-menu{position:absolute;right:0;top:38px;min-width:190px;border:1px solid var(--border-strong);border-radius:12px;background:#131720;padding:6px;box-shadow:var(--shadow);z-index:10}.action-menu button{width:100%;border:0;background:transparent;color:#c5cad5;padding:9px 10px;border-radius:8px;text-align:left;cursor:pointer;font-size:11px}.action-menu button:hover{background:#1c2130;color:#fff}.action-wrap{position:relative;display:inline-block}
.flow-node .node-title{font-size:11px}.flow-node .node-subtitle{font-size:9px}.node-palette strong,.inspector strong{font-size:11px}.node-palette button{font-size:10px}
.guide-message{font-size:11px}.guide-quick button{font-size:9px}.guide-input input{font-size:11px}.toast strong{font-size:11px}.toast span{font-size:10px}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.onboarding-shell{padding:14px}.stepper{grid-template-columns:1fr 1fr}.docs-article{padding:20px}.page-header h1{font-size:25px}}
.link-btn{border:0;background:transparent;color:#8fa2ff;cursor:pointer;padding:0;font-size:10px}.link-btn:hover{color:#fff}
.input-action{display:flex;gap:7px}.input-action input{flex:1;min-width:0}.input-action .btn{flex:0 0 auto}
.table-search{height:36px;border:1px solid var(--border);background:#0b0e14;color:#fff;border-radius:10px;padding:0 10px;outline:0;font-size:11px}
.setup-content{padding:24px;min-width:0}.setup-content h2{font-family:Sora,sans-serif;font-size:25px;margin:6px 0 8px}.setup-content>p{color:var(--muted);font-size:12px;line-height:1.7}.setup-content table{width:100%;border-collapse:collapse;margin:16px 0}.setup-content th,.setup-content td{border:1px solid var(--border);padding:10px;text-align:left;font-size:11px}.setup-content th{background:#141720}.setup-content pre{background:#080a10;border:1px solid var(--border);padding:14px;border-radius:12px;overflow:auto;color:#bdc7dc;font:11px/1.65 ui-monospace,monospace}
.setup-nav button span:first-child{width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:#181c28;display:grid;place-items:center;font-weight:800;font-size:10px}.setup-nav button div{min-width:0}.setup-nav button strong,.setup-nav button small{display:block}.setup-nav button strong{font-size:11px}.setup-nav button small{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.4}

/* V6 visual integrity fixes: explicit SVG sizing and readable stacked labels */
.binding-card{background:#11141c;color:var(--text);cursor:pointer;text-align:left;min-height:72px;transition:.14s}
.binding-card:hover{background:#171b25;border-color:var(--border-strong);transform:translateY(-1px)}
.binding-card>svg{width:16px;height:16px;flex:0 0 16px;color:#697386}
.user-menu-btn>svg{width:15px;height:15px;flex:0 0 15px;color:#737b8e}
.user-menu-btn>span:nth-child(2){min-width:0;text-align:left}
.user-menu-btn>span:nth-child(2) strong,.user-menu-btn>span:nth-child(2) small{display:block;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-menu-btn>span:nth-child(2) strong{font-size:10px;line-height:1.15}
.user-menu-btn>span:nth-child(2) small{font-size:8px;color:var(--muted);margin-top:2px}
.metric-value{display:block}
.metric-trend{display:block;color:var(--muted);font-size:10px;margin-top:7px;line-height:1.35;position:relative;z-index:1}
.card-head>div>strong,.card-head>div>span{display:block}
.card-head>div>span{color:var(--muted);font-size:10px;margin-top:4px;line-height:1.35}
.workspace-mini .workspace-copy strong,.workspace-mini .workspace-copy span{display:block}
.workspace-mini .workspace-copy strong{font-size:11px}
.workspace-mini .workspace-copy span{font-size:9px;margin-top:3px}

/* V6 Revenue Work OS */
.chief-card{background:radial-gradient(circle at 95% 5%,rgba(101,82,255,.17),transparent 35%),linear-gradient(180deg,#121520,#0e1118)}
.insight-stack{display:flex;flex-direction:column;gap:9px}.insight-row{display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:13px;padding:12px;background:#0d1017}.insight-row.critical,.insight-row.high{border-color:rgba(255,99,119,.24);background:rgba(255,99,119,.045)}.insight-row.medium{border-color:rgba(255,186,100,.2)}.insight-row>div:nth-child(2){flex:1}.insight-row strong{font-size:12px}.insight-row p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.insight-icon{width:34px;height:34px;border-radius:10px;background:#181c28;display:grid;place-items:center;color:#9ea8ff}.insight-icon svg{width:16px}.success-state{display:flex;align-items:center;gap:9px;color:#8fdfbe;padding:16px;border:1px solid rgba(59,212,154,.18);border-radius:12px;background:rgba(59,212,154,.045)}.success-state svg{width:18px}
.assistant-compose{display:flex;gap:8px;margin-top:14px}.assistant-compose input{flex:1;border:1px solid var(--border);background:#090b11;color:#fff;border-radius:11px;padding:0 12px;min-height:42px;outline:0}.assistant-answer{margin-top:12px;border-left:3px solid #6878ff;background:#111522;border-radius:0 12px 12px 0;padding:14px;color:#d4d9e5;font-size:11px;line-height:1.7;white-space:pre-wrap}.compact-list{display:flex;flex-direction:column;gap:8px}.compact-item{display:grid;grid-template-columns:82px 1fr;gap:2px 10px;padding:10px;border:1px solid var(--border);border-radius:11px;background:#0d1017}.compact-item .compact-time{grid-row:1/3;color:#8790a3;font-size:9px}.compact-item strong{font-size:11px}.compact-item small{color:var(--muted);font-size:9px}.task-rows{display:flex;flex-direction:column}.task-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.task-row:last-child{border-bottom:0}.task-row strong,.task-row span{display:block}.task-row strong{font-size:11px}.task-row .grow span{font-size:9px;color:var(--muted);margin-top:3px}.task-check{width:30px;height:30px;border-radius:9px;border:1px solid var(--border);background:#11151e;color:#788196;display:grid;place-items:center;cursor:pointer}.task-check:hover{border-color:#3bd49a;color:#3bd49a}.task-check svg{width:14px}
.work-tabs{display:flex;gap:6px;margin-bottom:12px}.work-tabs button{border:1px solid var(--border);background:#0f1219;color:var(--muted);border-radius:10px;padding:9px 13px;cursor:pointer;font-size:10px}.work-tabs button.active{background:rgba(108,99,255,.12);border-color:rgba(108,99,255,.35);color:#fff}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:visible}.kanban-col{border:1px solid var(--border);border-radius:15px;background:#0b0e14;padding:10px;min-height:260px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 10px}.kanban-head strong{font-size:12px}.kanban-head span{font-size:9px;background:#1b1f2b;border-radius:999px;padding:4px 7px}.task-card{border:1px solid var(--border);border-radius:12px;background:#121620;padding:12px;margin-bottom:9px}.task-card h3{font-size:12px;margin:10px 0 5px}.task-card p{color:var(--muted);font-size:9px;line-height:1.55;min-height:28px}.task-meta{display:flex;justify-content:space-between;gap:8px;margin:10px 0}.task-meta span{display:flex;align-items:center;gap:4px;color:#858ea1;font-size:8px}.task-meta svg{width:12px}.done-note{display:flex;align-items:center;gap:6px;color:#75d8ad;font-size:9px;padding-top:7px}.done-note svg{width:13px}.kanban-empty{color:#697184;text-align:center;padding:40px 10px;font-size:10px}.check-field{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--border);border-radius:11px;padding:11px;background:#0d1017;font-size:10px;color:#aeb5c3}.check-field input{margin-top:2px}
.connection-card{display:flex;align-items:center;justify-content:space-between;gap:15px}.connection-brand{display:flex;align-items:center;gap:11px}.connection-brand strong,.connection-brand span{display:block}.connection-brand strong{font-size:12px}.connection-brand span{font-size:9px;color:var(--muted);margin-top:3px}.provider-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:17px}.provider-logo.google{background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);color:#fff}.provider-logo.microsoft{background:linear-gradient(135deg,#0078d4,#5c2d91);color:#fff}.meeting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.meeting-card{border:1px solid var(--border);background:linear-gradient(180deg,#121620,#0e1118);border-radius:14px;padding:14px}.meeting-card h3{font-size:13px;margin:12px 0 6px}.meeting-card p{color:var(--muted);font-size:10px}.meeting-card>.row{justify-content:space-between}.meeting-card>.row:last-child{justify-content:flex-start;margin-top:12px}.doc-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.doc-viewer{max-height:62vh;overflow:auto}.doc-viewer pre{white-space:pre-wrap;background:#080a10;border:1px solid var(--border);border-radius:12px;padding:16px;color:#c8d0df;font:11px/1.72 ui-monospace,SFMono-Regular,Menlo,monospace}.doc-viewer h3{font-size:17px}.doc-viewer h4{margin:18px 0 6px;font-size:13px}.doc-viewer li{font-size:11px;line-height:1.6;color:#c2c8d4}.report-summary-cell{max-width:420px;white-space:normal;line-height:1.5}
.tag.bad,.metric-card.danger .metric-icon{color:#ff8191}.span-2{grid-column:span 2}.row{display:flex;align-items:center;gap:8px}.grow{flex:1}.wide{width:100%;justify-content:center}
@media(max-width:1100px){.meeting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban{grid-template-columns:repeat(3,280px);overflow:auto}.connection-card{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.meeting-grid{grid-template-columns:1fr}.assistant-compose{flex-direction:column}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.connection-card{flex-direction:column}.kanban{grid-template-columns:repeat(3,260px)}}

/* V6 production support and provider setup */
.screenshot-drop{min-height:150px;border:1px dashed #3d455b;border-radius:16px;background:linear-gradient(135deg,rgba(94,111,255,.07),rgba(255,77,77,.03));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-align:center;padding:22px}.screenshot-drop:hover{border-color:#6d7cff;background:rgba(94,111,255,.09)}.screenshot-drop input{position:absolute;opacity:0;pointer-events:none}.screenshot-drop strong{font-size:13px}.screenshot-drop span:last-child{font-size:10px;color:var(--muted)}.screenshot-icon{width:42px;height:42px;border-radius:13px;background:#1a1f2d;display:grid;place-items:center;color:#8fa0ff}.screenshot-icon svg{width:19px}.support-preview{width:100%;max-height:360px;object-fit:contain;border:1px solid var(--border);border-radius:14px;background:#07090e}.provider-requirements{border:1px solid var(--border);border-radius:13px;background:#0c0f16;padding:14px}.provider-requirements>strong{font-size:12px}.provider-requirements ol{padding-left:18px;color:#bdc5d3;font-size:10px;line-height:1.7}.provider-requirements li strong{color:#7e8dff}.integration-card .row{flex-wrap:wrap}.integration-card .btn{min-width:72px}.guide-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.guide-quick button{min-width:0}.docs-article h3{margin-top:26px}.docs-article code{white-space:normal}.status-row .status-ok{color:#3bd49a}.status-row .status-warn{color:#ffb763}@media(max-width:760px){.guide-quick{grid-template-columns:1fr}.integration-card .row{display:grid;grid-template-columns:1fr 1fr}.integration-card .row .grow{grid-column:span 2}}