:root{--bg:#080011;--panel:rgba(29,15,42,0.72);--panel-strong:rgba(45,20,63,0.86);--panel-soft:rgba(123,71,151,0.18);--ink:#fff8ff;--muted:#b9adc4;--line:rgba(255,255,255,0.15);--line-strong:rgba(232,174,255,0.34);--accent:#cf69f4;--accent-strong:#f2d2ff;--gold:#f0bf66;--rose:#ff7aa8;--blue:#8c7dff;--green:#31d58b;--shadow:0 28px 80px rgba(0,0,0,0.38);--glow:0 0 34px rgba(206,93,244,0.24)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:linear-gradient(180deg,rgba(112,65,148,.28) 0,rgba(8,0,17,0) 34%),linear-gradient(120deg,rgba(48,18,71,.48),rgba(8,0,17,0) 42%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.22) 1px,transparent 0),linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-position:top;background-size:46px 46px,88px 88px,88px 88px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent 72%);pointer-events:none;position:fixed;z-index:-1}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-frame{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:28px;overflow-y:auto;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(82,39,108,.34),rgba(11,2,18,.76)),rgba(12,3,22,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:24px}.brand{display:grid;grid-template-columns:42px 1fr;align-items:center;grid-gap:12px;gap:12px}.agent-icon,.brand-mark,.module-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:999px;background:linear-gradient(145deg,rgba(243,190,255,.24),rgba(178,72,226,.24)),rgba(255,255,255,.06);color:white;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),var(--glow)}.brand-mark{height:42px;width:42px}.agent-panel strong,.brand small,.brand strong{display:block}.brand small{color:var(--muted);margin-top:2px}.nav-list{display:grid;grid-gap:8px;gap:8px}.nav-item{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:999px;color:var(--muted);min-height:40px;padding:0 13px}.nav-item:hover{background:rgba(255,255,255,.08);border-color:var(--line);color:var(--ink)}.agent-panel{display:grid;grid-template-columns:36px 1fr;grid-gap:12px;gap:12px;margin-top:auto;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(93,44,119,.48),rgba(21,9,31,.76)),var(--panel);box-shadow:var(--shadow);padding:14px}.agent-icon,.module-icon{height:36px;width:36px}.agent-panel p{color:var(--muted);font-size:.86rem;line-height:1.45;margin:6px 0 0}.main-shell{min-width:0;padding:32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{color:var(--accent-strong);width:-moz-fit-content;width:fit-content;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px;display:block;font-size:.78rem;font-weight:750;letter-spacing:0;margin-bottom:8px;padding:5px 11px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,3vw,3.15rem);font-weight:600;line-height:1;margin-bottom:0}h1,h2{letter-spacing:0}h2{font-size:clamp(1.4rem,2vw,2.25rem);font-weight:560;margin-bottom:14px}h3{font-size:.98rem;letter-spacing:0}.chip,.status-pill,.topbar-stat{align-items:center;border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:8px}.topbar-stat{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(95,45,119,.28)),var(--panel);box-shadow:var(--shadow),var(--glow);color:var(--ink);flex:0 0 auto;font-weight:700;padding:10px 14px}.module-page{display:grid;grid-gap:24px;gap:24px}.section-header{align-items:flex-end;display:flex;gap:18px;justify-content:space-between}.section-header p{color:var(--muted);line-height:1.5;margin-bottom:0;max-width:760px}.section-header.compact{align-items:center;margin-bottom:16px}.section-header.compact h2{margin-bottom:0}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{align-items:center;background:linear-gradient(135deg,#e574ee,#8e73ff);border:1px solid rgba(255,255,255,.28);border-radius:999px;color:white;cursor:pointer;display:inline-flex;font-weight:750;gap:8px;min-height:40px;padding:0 14px;box-shadow:0 14px 34px rgba(158,82,245,.32),inset 0 1px 0 rgba(255,255,255,.28)}.button.secondary{background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(120,71,151,.12));border:1px solid var(--line);color:var(--ink);box-shadow:none}.metrics-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.merchant-card,.metric-card,.panel,.stage-column{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.automation-card:before,.connector-card:before,.lead-card:before,.merchant-card:before,.metric-card:before,.onboarding-row:before,.panel:before,.record-row:before,.requirement-card:before,.stage-column:before,.workflow-card:before{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 38%),linear-gradient(90deg,rgba(225,110,244,.12),transparent 58%);content:"";inset:0;pointer-events:none;position:absolute}.metric-card{min-height:132px;padding:18px}.metric-card span{color:var(--muted);display:block;font-size:.86rem;margin-bottom:12px}.metric-card strong{display:block;font-size:2rem;letter-spacing:0}.metric-card small{color:var(--green);display:block;font-weight:700;margin-top:10px}.dashboard-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.split-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.panel{padding:18px}.activity-list,.merchant-list,.queue-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0}.activity-item,.merchant-card,.queue-item{list-style:none}.queue-item{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid rgba(255,255,255,.09);padding:12px 0}.queue-item:last-child{border-bottom:0}.merchant-card strong,.queue-item strong{display:block}.activity-item span,.merchant-card span,.queue-item span{color:var(--muted);display:block;font-size:.86rem;margin-top:4px}.status-pill{font-size:.78rem;font-weight:750;padding:6px 9px}.status-pill.good{background:rgba(49,213,139,.14);border-color:rgba(49,213,139,.28);color:#64f4ad}.status-pill.warn{background:rgba(240,191,102,.13);border-color:rgba(240,191,102,.25);color:var(--gold)}.status-pill.risk{background:rgba(255,122,168,.13);border-color:rgba(255,122,168,.25);color:var(--rose)}.activity-item{border-left:3px solid var(--line);padding:4px 0 6px 12px}.activity-item.sales{border-color:var(--accent)}.activity-item.onboarding{border-color:var(--blue)}.activity-item.activation{border-color:var(--gold)}.crm-toolbar{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(220px,1fr) 180px 180px auto}.input,.select{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:999px;color:var(--ink);min-height:40px;padding:0 12px;width:100%}.input::placeholder{color:rgba(255,248,255,.45)}.pipeline-board{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(210px,1fr));overflow-x:auto;padding-bottom:4px}.stage-column{min-height:360px;min-width:210px;padding:12px}.stage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stage-header h2{font-size:.96rem;margin:0}.chip{background:rgba(255,255,255,.08);border-color:var(--line);color:var(--muted);font-size:.76rem;font-weight:750;padding:4px 8px}.merchant-card{box-shadow:none;padding:12px}.merchant-card+.merchant-card{margin-top:10px}.merchant-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.merchant-meta .chip{border-radius:999px}.module-strip{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.module-card{align-items:start;background:linear-gradient(145deg,rgba(86,38,110,.46),rgba(18,6,28,.82)),var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:grid;grid-gap:12px;gap:12px;grid-template-columns:36px 1fr;padding:18px}.module-card p{color:var(--muted);line-height:1.5;margin-bottom:0}.lead-list,.onboarding-list,.transcript-list{display:grid;grid-gap:12px;gap:12px}.lead-card,.onboarding-row,.requirement-card,.workflow-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden}.lead-card{padding:14px}.lead-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.lead-card-header strong,.onboarding-row strong,.workflow-card strong{display:block}.lead-card-header span,.onboarding-row span{color:var(--muted);display:block;font-size:.86rem;margin-top:4px}.lead-card p,.transcript-message p,.workflow-card p{color:var(--muted);line-height:1.5;margin-bottom:0}.transcript-message{border-radius:16px;padding:12px}.transcript-message.agent{background:rgba(207,105,244,.18);border:1px solid rgba(232,174,255,.26)}.transcript-message.merchant{background:rgba(255,255,255,.07);border:1px solid var(--line)}.transcript-message strong{display:block;margin-bottom:6px}.full-width{justify-content:center;margin-top:14px;width:100%}.requirement-grid,.workflow-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.requirement-card,.workflow-card{padding:16px}.requirement-card h3{margin-bottom:12px}.requirement-card ul{color:var(--muted);display:grid;grid-gap:8px;gap:8px;line-height:1.4;margin:0;padding-left:18px}.onboarding-row{grid-gap:14px;gap:14px;grid-template-columns:minmax(210px,1fr) 160px minmax(240px,1.2fr) auto;padding:14px}.onboarding-row,.progress-cell{align-items:center;display:grid}.progress-cell{grid-gap:8px;gap:8px;grid-template-columns:1fr auto}.progress-cell small{color:var(--muted);font-weight:750}.progress-track{background:rgba(255,255,255,.09);border-radius:999px;height:8px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,#db67ef,#8b7dff);border-radius:inherit;display:block;height:100%}.missing-docs{display:flex;flex-wrap:wrap;gap:8px}.upload-zone{align-items:center;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(126,62,151,.16));border:1px dashed var(--line-strong);border-radius:20px;color:var(--accent-strong);cursor:pointer;display:grid;grid-gap:8px;gap:8px;justify-items:center;min-height:220px;padding:24px;text-align:center}.upload-zone span{color:var(--muted);font-size:.9rem}.upload-zone input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.document-type-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.record-list,.timeline-list,.workflow-list{display:grid;grid-gap:12px;gap:12px}.record-row{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(220px,1fr) minmax(210px,.8fr) minmax(180px,.7fr);padding:14px}.integration-event strong,.record-row strong,.timeline-item strong,.webhook-row strong{display:block}.integration-event span,.record-row span{color:var(--muted);display:block;font-size:.86rem;margin-top:4px}.record-row small{color:var(--muted);display:block;line-height:1.35;margin-top:8px}.timeline-item,.webhook-row{border-left:3px solid var(--accent);padding:4px 0 6px 12px}.connector-card p,.integration-event p,.timeline-item p,.webhook-row p{color:var(--muted);line-height:1.5;margin-bottom:0}.connector-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.automation-card,.connector-card{background:linear-gradient(145deg,rgba(86,38,110,.46),rgba(18,6,28,.82)),var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:grid;grid-gap:12px;gap:12px;padding:18px}.automation-card header,.connector-card header{align-items:center;display:flex;justify-content:space-between}.automation-card h3,.connector-card h3{margin-bottom:0}.integration-event{align-items:start;background:var(--panel);border:1px solid var(--line);border-radius:18px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:130px 1fr auto;padding:14px}.status-dot{border-radius:999px;display:block;height:10px;margin-top:5px;width:10px}.status-dot.good{background:var(--accent)}.status-dot.warn{background:var(--gold)}.status-dot.risk{background:var(--rose)}.webhook-row{border-color:var(--blue)}.automation-board{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.automation-trigger{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:16px;padding:12px}.automation-trigger strong{display:block}@media (max-width:1100px){.app-frame{grid-template-columns:1fr}.sidebar{position:static;height:auto}.automation-board,.connector-grid,.crm-toolbar,.dashboard-grid,.metrics-grid,.module-strip,.requirement-grid,.split-grid,.workflow-grid{grid-template-columns:1fr 1fr}.onboarding-row{align-items:start}.integration-event,.onboarding-row,.record-row{grid-template-columns:1fr}}@media (max-width:720px){.main-shell,.sidebar{padding:18px}.section-header,.topbar{align-items:stretch;flex-direction:column}.topbar-stat{width:-moz-fit-content;width:fit-content}.automation-board,.connector-grid,.crm-toolbar,.dashboard-grid,.metrics-grid,.module-strip,.requirement-grid,.split-grid,.workflow-grid{grid-template-columns:1fr}}