:root{--navy:#061d3b;--navy-2:#0b2d57;--ink:#0c1930;--muted:#657089;--line:#e3e8ef;--card:#fff;--bg:#f5f7fb;--green:#14a564;--gold:#e5ad3c;--blue:#315ee8}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.content{background:var(--bg);min-width:0;padding:28px}.sidebar{color:#fff;background:linear-gradient(#061d3b 0%,#08284f 100%);height:100vh;padding:24px 16px;position:sticky;top:0;overflow-y:auto}.adminSidebar{background:linear-gradient(#07172f 0%,#10223f 100%)}.brand{flex-direction:column;margin:0 12px 28px;display:flex}.brand strong{color:#f1c35f;letter-spacing:.03em;font-size:34px;line-height:1}.brand span{letter-spacing:.24em;margin-top:7px;font-size:12px;font-weight:800}.brand small{color:#a9bdd5;margin-top:8px;font-size:10px}.navItem{color:#edf4ff;border-radius:10px;width:100%;margin:4px 0;padding:12px 14px;font-size:14px;font-weight:650;line-height:1.25;transition:background .18s,transform .18s;display:block}.navItem:hover{background:#ffffff14}.navItem.selected{background:#ffffff24;box-shadow:inset 3px 0 #efc462}.sideBottom{color:#eef4ff;margin-top:32px;padding:12px 14px;line-height:2}.sideBottom small{color:#91a7c3;margin-top:14px;font-size:10px;line-height:1.5;display:block}.topbar,.pageHead,.sectionHead{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.topbar{margin-bottom:22px}.topbar h1,.pageHead h1{margin:4px 0 8px;font-size:clamp(28px,3vw,38px);line-height:1.1}.topbar p,.pageHead p,.sectionHead p{color:var(--muted);margin:0}.eyebrow{color:#d09222;letter-spacing:.16em;font-size:12px;font-weight:850;display:inline-block}.stepBadge{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:9px 13px;font-size:12px}.primary,.ghost{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:11px 16px;font-weight:750;display:inline-flex}.primary{background:var(--navy);color:#fff;border:0}.primary:hover{background:#0a2a53}.ghost{color:var(--navy);background:#fff;border:1px solid #d6dde8}.full{width:100%}button:disabled{opacity:.55;cursor:not-allowed}.linkButton{text-decoration:none}.card{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:18px;box-shadow:0 8px 24px #0c19300b}.card h2{margin:0 0 6px;font-size:17px}.muted{color:var(--muted)}.lead{font-size:17px;line-height:1.6}.kpis{grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{flex-direction:column;gap:7px;display:flex}.kpi small{color:var(--muted);font-weight:650}.kpi strong{font-size:24px}.good{color:var(--green);font-size:11px}.gridMain,.adminGrid{grid-template-columns:minmax(0,1fr) 310px;gap:16px;display:grid}.gridMain>div,.rightRail{flex-direction:column;gap:16px;display:flex}.pill{border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:11px;font-weight:750;display:inline-flex}.pill.green{color:#118250;background:#e7f8ef}.pill.blue{color:var(--blue);background:#edf1ff}.agents{grid-template-columns:repeat(6,1fr);gap:10px;margin-top:24px;display:grid}.agent{text-align:center;padding:8px}.bot{background:#f4f7fb;border:3px solid #d8dee7;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 10px;font-size:30px;display:grid}.bot.large{width:62px;height:62px;font-size:32px}.agent.done .bot{border-color:#efc462}.agent.active .bot{border-color:#6d8cff;box-shadow:0 0 0 5px #edf1ff}.agent strong{font-size:12px}.agent p{min-height:45px;color:var(--muted);font-size:11px;line-height:1.4}.agent span{color:var(--muted);font-size:10px}.inlineActions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.inlineActions.centered{justify-content:center}.inlineActions.vertical{flex-direction:column}.chartCard{overflow:hidden}.fakeChart{border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(#fff,#fbfcfe);height:245px;margin-top:22px;position:relative;overflow:hidden}.line{border-radius:20px;height:3px;position:absolute;left:3%;right:3%}.lineA{background:#3f75ff;top:35%}.lineB{background:#4fc295;top:58%}.lineC{background:#9a78ef;top:73%}.axis{color:var(--muted);font-size:11px;position:absolute;bottom:8px;left:20px}.tableRow{grid-template-columns:2fr 1.2fr 1fr 1fr .6fr;align-items:center;gap:14px;padding-top:15px;display:grid}.tableRow div{flex-direction:column;gap:5px;display:flex}.tableRow small{color:var(--muted)}.adminTable{display:grid}.adminTr{border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1fr 1fr .8fr;align-items:center;gap:14px;padding:14px 10px;display:grid}.adminTr.head{color:var(--muted);background:#fafbfc;border-radius:10px;font-size:12px;font-weight:800}.metaLogo{color:#286cff;align-items:center;gap:10px;margin:14px 0;font-size:44px;display:flex}.metaLogo strong{color:var(--ink);font-size:17px}.metaLogo.giant{font-size:58px}.ai p,.assistant p{color:var(--muted);font-size:13px;line-height:1.5}.assistant{background:var(--navy);color:#fff}.assistant p{color:#d3dded}.chatInput{color:#8892a6;background:#fff;border-radius:9px;justify-content:space-between;margin-top:12px;padding:12px;display:flex}.wizardGrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.wizard label,.authCard label{font-weight:700;display:block}.wizard input,.wizard select,.authCard input{background:#fff;border:1px solid #d8dee8;border-radius:10px;width:100%;margin-top:8px;padding:13px;display:block}.notice{color:#47536a;background:#f7f9fc;border:1px solid #e1e7ef;border-radius:12px;margin-top:18px;padding:14px 16px;font-size:13px;line-height:1.5}.centerPage{max-width:940px;margin:0 auto}.centerPage>h1{text-align:center;margin:6px 0;font-size:38px}.centerPage>.eyebrow,.centerPage>.lead{text-align:center;display:block}.agentFlow{margin-top:24px}.flowTop{grid-template-columns:72px 1fr auto;align-items:center;gap:14px;display:grid}.flowTop p{color:var(--muted);margin:4px 0}.flowLine{border-left:2px dashed #d8dee8;height:24px;margin-left:31px}.connectCard{max-width:760px}.stepsList{gap:12px;margin:20px 0;display:grid}.stepsList>div{align-items:center;gap:12px;display:flex}.stepsList b{width:32px;height:32px;color:var(--blue);background:#edf1ff;border-radius:50%;place-items:center;display:grid}.stepsList span{flex-direction:column;display:flex}.stepsList small{color:var(--muted);margin-top:3px}.optionGrid,.recommendGrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.option{flex-direction:column;align-items:flex-start;display:flex}.option h2{font-size:20px}.option p,.rec p{color:var(--muted);line-height:1.55}.optionIcon{margin-bottom:10px;font-size:32px}.dropzone{text-align:center;background:#fbfcfe;border:2px dashed #cfd7e4;border-radius:16px;padding:42px}.dropzone p{color:var(--muted)}.dropIcon{font-size:40px}.sampleImport{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.sampleImport>div{border:1px solid var(--line);background:#fbfcfe;border-radius:12px;flex-direction:column;gap:6px;padding:15px;display:flex}.sampleImport span{color:var(--muted);font-size:12px}.sampleImport strong{font-size:24px}.reviewGrid{grid-template-columns:1.3fr .7fr;gap:14px;display:grid}.reviewRows{gap:10px;display:grid}.reviewRows>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.reviewRows span{color:var(--muted)}.spaced{margin-top:22px!important}.adCopy{color:#37445c;background:#fbfcfe;border-left:4px solid #e2ae3e;margin:12px 0;padding:16px}.adMock{border:1px solid var(--line);border-radius:16px;overflow:hidden}.adImage{color:#fff;text-align:center;letter-spacing:.08em;background:linear-gradient(135deg,#061d3b,#0e4c82);place-items:center;height:260px;font-size:28px;font-weight:850;display:grid}.adBody{padding:14px}.adBody p{color:var(--muted)}.adBody button{background:#f5f7fb;border:1px solid #ccd5e2;border-radius:9px;width:100%;padding:11px;font-weight:750}.metricExplainGrid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.metricExplain{flex-direction:column;gap:7px;display:flex}.metricExplain small{color:var(--muted);font-weight:650}.metricExplain strong{font-size:24px}.metricExplain p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.adminShell .content{background:#f5f7fa}.leadMini{align-items:flex-end;gap:10px;margin:18px 0;display:flex}.leadMini strong{font-size:42px}.leadMini span{max-width:130px;color:var(--muted);font-size:12px}.authPage{background:#f5f7fb;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.authBrand{color:#fff;background:linear-gradient(145deg,#061d3b,#0a3b70);flex-direction:column;justify-content:center;padding:8vw;display:flex}.adminAuth .authBrand{background:linear-gradient(145deg,#081326,#172b48)}.authLogo{color:#f0c35d;letter-spacing:.03em;font-size:62px;font-weight:900}.authBrand>span{color:#eab54c;letter-spacing:.34em;font-weight:800}.authBrand h1{max-width:580px;margin:18px 0 12px;font-size:clamp(34px,4vw,48px);line-height:1.15}.authBrand p{color:#d6e0ed;max-width:540px;font-size:17px;line-height:1.6}.authBrand small{color:#a9bdd5;margin-top:32px;line-height:1.6}.authCard{border:1px solid var(--line);background:#fff;border-radius:20px;place-self:center;width:min(460px,100% - 36px);padding:30px;box-shadow:0 18px 50px #0c193014}.authCard h2{margin:8px 0 22px;font-size:28px}.authCard label{margin:14px 0}.authLinks{color:#315ee8;justify-content:space-between;gap:16px;margin-top:16px;font-size:13px;display:flex}.authDivider{color:#9aa5b6;text-align:center;margin:18px 0}.authMessage{color:#7b5414;background:#fff7e8;border:1px solid #f0d6a0;border-radius:9px;margin:12px 0;padding:11px 13px;font-size:13px}.emptyState{text-align:center;max-width:760px;padding:50px}.emptyState .optionIcon{margin:0 auto 10px}.appFooter{color:#8d98aa;text-align:center;padding:28px 0 8px;font-size:11px}@media (max-width:1180px){.kpis,.agents{grid-template-columns:repeat(3,1fr)}.metricExplainGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.shell{grid-template-columns:200px minmax(0,1fr)}.gridMain,.adminGrid,.reviewGrid,.wizardGrid,.optionGrid,.recommendGrid{grid-template-columns:1fr}.tableRow,.adminTr{grid-template-columns:1fr 1fr}}@media (max-width:760px){.shell{display:block}.sidebar{height:auto;min-height:auto;position:relative}.content{padding:18px}.kpis,.agents{grid-template-columns:repeat(2,1fr)}.authPage{grid-template-columns:1fr}.authBrand{padding:48px 24px}.authCard{margin:24px auto}.sampleImport{grid-template-columns:1fr}.flowTop{grid-template-columns:60px 1fr}.flowTop .pill{grid-column:2}}@media (max-width:520px){.kpis,.metricExplainGrid{grid-template-columns:1fr}.topbar,.pageHead,.sectionHead{flex-direction:column}.tableRow,.adminTr{grid-template-columns:1fr}.agents{grid-template-columns:1fr 1fr}}