:root{color:#172126;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#172126;--muted:#66747c;--soft:#eef2f3;--line:#dfe6e8;--panel:#fff;--panel-subtle:#f8fafb;--brand:#11645d;--brand-ink:#0b3f3b;--brand-soft:#e4f3ed;--warn:#9a6314;--warn-soft:#fff4dc;--danger:#9a3328;--danger-soft:#ffe5df;--shadow:0 10px 26px #1929300f;--radius:8px;background:#f4f6f7;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f4f6f7;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);letter-spacing:0;margin-bottom:0;font-size:28px;line-height:1.2}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#ecf5f3;background:#13282d;flex-direction:column;gap:22px;min-height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{border-radius:var(--radius);background:#fff;align-items:center;min-height:66px;padding:8px;display:flex}.stat-icon,.template-icon,.agent-avatar,.guide-index,.guide-icon,.timeline-step span,.flow-step span{justify-content:center;align-items:center;display:inline-flex}.brand img{border-radius:6px;width:100%;height:auto;display:block}.nav{gap:5px;display:grid}.nav-item{border-radius:var(--radius);color:#b7c9cb;text-align:left;background:0 0;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;display:grid}.nav-item.active{color:#fff;background:#ffffff1f}.nav-item:hover{color:#fff;background:#ffffff14}.sidebar-panel{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff1f;gap:10px;margin-top:auto;padding:14px;display:grid}.metric-line{color:#b8c9cb;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.metric-line strong{color:#fff;text-align:right;font-size:14px}.mini-progress,.onboarding-progress{border-radius:var(--radius);background:#ffffff24;height:8px;overflow:hidden}.mini-progress span,.onboarding-progress span{border-radius:inherit;background:var(--brand);height:100%;display:block}.workspace{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.eyebrow{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 7px;font-size:12px;font-weight:800;display:flex}.view-subtitle{max-width:720px;color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.55}.api-pill,.chip,.data-row b,.log-row b,.member-row b,.onboarding-badge{border-radius:var(--radius);align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.api-pill.online,.chip,.data-row b,.log-row b,.member-row b,.status-button.ready,.onboarding-badge{color:var(--brand-ink);background:var(--brand-soft)}.api-pill.offline{color:var(--danger);background:var(--danger-soft)}.api-pill.connecting,.status-button.pending,.data-row b.pending{color:var(--warn);background:var(--warn-soft)}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-button,.secondary-button,.primary-button,.send-button,.auth-controls button,.sop-input-row button,.inline-form button,.lead-form button,.member-form button,.status-button,.lead-footer button,.connector-actions button,.confirm-actions button,.panel-header button,.guide-step button{border-radius:var(--radius);justify-content:center;align-items:center;gap:7px;min-height:36px;font-weight:800;display:inline-flex}.icon-button,.secondary-button{color:#263940;border:1px solid var(--line);background:#fff}.icon-button{width:38px}.secondary-button{padding:0 12px}.primary-button,.send-button,.auth-controls button,.sop-input-row button,.inline-form button,.lead-form button,.member-form button,.status-button,.lead-footer button,.connector-actions button:last-child,.confirm-actions button:last-child,.guide-step:not(.done) button{color:#fff;background:var(--brand)}.panel,.stat,.setup-section,.auth-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.panel{min-width:0;padding:16px}.auth-panel{background:#fff9f7;grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:grid}.auth-panel strong{color:#273b42;margin-bottom:4px;display:block}.auth-panel p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.5}.auth-controls,.composer{grid-template-columns:minmax(0,1fr) 44px;gap:8px;display:grid}.auth-controls{grid-template-columns:minmax(0,1fr) 78px}input,select,.field{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:38px;color:var(--ink);background:#fff;outline:none;padding:0 11px}input:focus,select:focus,.field:focus{border-color:#6eb99d;box-shadow:0 0 0 3px #11645d1f}.focus-layout{grid-template-columns:318px minmax(0,1fr);gap:14px;margin-bottom:14px;display:grid}.practice-board{grid-template-columns:minmax(250px,.8fr) minmax(0,1.35fr) minmax(260px,.75fr);gap:14px;margin-bottom:14px;display:grid}.practice-picker,.practice-detail,.practice-proof{align-content:start}.practice-list,.practice-detail,.practice-proof,.practice-steps,.proof-row,.proof-row div{gap:10px;display:grid}.practice-card{border:1px solid var(--line);border-radius:var(--radius);min-height:68px;color:var(--ink);text-align:left;background:#fff;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.practice-card.active{box-shadow:inset 3px 0 0 var(--brand);background:#f2fbf7;border-color:#89cdb3}.practice-card strong,.practice-steps strong{overflow-wrap:anywhere;font-size:14px;display:block}.practice-card small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35;display:block}.practice-card b{color:var(--brand-ink);white-space:nowrap;font-size:12px}.practice-icon{border-radius:var(--radius);width:34px;height:34px;color:var(--brand-ink);background:var(--brand-soft);justify-content:center;align-items:center;display:inline-flex}.practice-icon.large{width:42px;height:42px}.practice-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.practice-title{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;display:grid}.practice-title h2{color:var(--ink);margin-bottom:4px;font-size:20px;line-height:1.25}.practice-title p,.practice-outcome p,.proof-row p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.55}.practice-outcome{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.practice-outcome>div,.proof-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-subtle);padding:12px}.practice-outcome span,.proof-row span{color:#405159;margin-bottom:6px;font-size:12px;font-weight:900;display:block}.practice-steps{grid-template-columns:repeat(6,minmax(0,1fr))}.practice-steps div{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:82px;padding:10px}.practice-steps span{border-radius:var(--radius);width:24px;height:24px;color:var(--brand-ink);background:var(--brand-soft);justify-content:center;align-items:center;margin-bottom:10px;font-size:12px;font-weight:900;display:inline-flex}.proof-row b{border-radius:var(--radius);color:#31444b;background:#eef2f3;width:fit-content;padding:5px 8px;font-size:12px}.full-button{justify-content:center;width:100%}.guide-card,.primary-builder,.setup-area,.lead-list,.member-list,.flow-list,.chip-grid{gap:10px;display:grid}.onboarding-intro{align-content:start;gap:11px;display:grid}.onboarding-intro h2{color:var(--ink);margin-bottom:0;font-size:19px;line-height:1.3}.onboarding-intro p,.primary-heading p,.agent-hero p,.launch p,.confirm-card p,.empty-confirm p,.lead-card p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.55}.onboarding-intro small{color:var(--muted);font-size:12px;font-weight:800}.onboarding-progress{background:var(--soft)}.guide-timeline{gap:7px;display:grid}.timeline-step{border-radius:var(--radius);color:#41545b;background:var(--panel-subtle);text-align:left;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:9px;min-height:38px;padding:6px 8px;display:grid}.timeline-step span{border-radius:var(--radius);color:#fff;background:#87969b;width:23px;height:23px;font-size:12px;font-weight:900}.timeline-step.done{color:var(--brand-ink);background:var(--brand-soft)}.timeline-step.done span{background:var(--brand)}.timeline-step strong{overflow-wrap:anywhere;font-size:13px}.primary-heading{gap:4px;display:grid}.primary-heading .panel-header{margin-bottom:0}.builder-main{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:12px;display:grid}.chat-panel{flex-direction:column;min-height:350px;display:flex}.chat-window{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-subtle);flex-direction:column;flex:1;gap:9px;min-height:254px;padding:12px;display:flex;overflow:auto}.bubble{border-radius:var(--radius);color:#263940;max-width:88%;padding:10px 12px;font-size:14px;line-height:1.55}.bubble.system{background:#fff;border:1px solid #e6ecee;align-self:flex-start}.bubble.user{color:#fff;background:var(--brand);align-self:flex-end}.composer{margin-top:10px}.sop-research{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-subtle);gap:10px;padding:12px;display:grid}.sop-input-row,.inline-form,.member-form{grid-template-columns:minmax(0,1fr) 104px 68px;gap:8px;display:grid}.sop-input-row{grid-template-columns:minmax(0,1fr) 88px}.sop-result{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:9px;padding:12px;display:grid}.sop-result strong{color:var(--ink);font-size:14px}.sop-tags,.chip-grid{flex-wrap:wrap;gap:6px;display:flex}.sop-tags span{border-radius:var(--radius);color:var(--brand-ink);background:var(--brand-soft);padding:5px 8px;font-size:12px;font-weight:800}.sop-stage-list{gap:6px;display:grid}.sop-stage-list div{grid-template-columns:84px minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.sop-stage-list b,.flow-step p,.log-row p,.data-row strong,.lead-card strong,.member-row strong{color:#253940;font-size:13px}.sop-stage-list small,.data-row small,.lead-card small,.member-row small,.lead-footer span,.connector-message{color:var(--muted);font-size:12px;line-height:1.45}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.stat{grid-template-columns:34px minmax(0,1fr);gap:1px 9px;min-height:82px;padding:12px;display:grid}.stat-icon{border-radius:var(--radius);width:34px;height:34px;color:var(--brand-ink);background:var(--brand-soft);grid-row:span 3}.stat span{color:var(--muted);font-size:12px}.stat strong{color:var(--ink);font-size:21px}.stat small{color:#7a878e;font-size:12px}.daily-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr) minmax(320px,.9fr);gap:14px;margin-bottom:14px;display:grid}.panel-header{justify-content:space-between;align-items:center;gap:12px;min-height:30px;margin-bottom:14px;display:flex}.panel-header h2{color:var(--ink);align-items:center;gap:8px;margin-bottom:0;font-size:15px;display:flex}.panel-header button,.guide-step button,.connector-actions button:first-child,.confirm-actions button:first-child{min-height:30px;color:var(--brand-ink);background:var(--brand-soft);padding:0 10px;font-size:12px}.lead-form{grid-template-columns:minmax(90px,.7fr) minmax(110px,.7fr) minmax(160px,1.2fr) 68px;gap:8px;margin-bottom:12px;display:grid}.lead-card,.confirm-card,.empty-confirm{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-subtle);gap:8px;padding:12px;display:grid}.lead-footer{grid-template-columns:minmax(0,1fr) 60px;align-items:center;gap:8px;display:grid}.launch{flex-direction:column;gap:10px;min-height:220px;display:flex}.launch h3{margin-bottom:0;font-size:18px}.confirm-actions,.connector-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.confirm-actions button:disabled,.send-button:disabled,.sop-input-row button:disabled{cursor:not-allowed;opacity:.6}.log-row,.data-row,.member-row{border-top:1px solid #edf1f2;align-items:center;gap:10px;min-height:54px;display:grid}.log-row:first-of-type,.data-row:first-of-type,.member-row:first-child{border-top:0}.log-row{grid-template-columns:46px minmax(0,1fr) auto}.log-row span{color:#748189;font-size:12px;font-weight:800}.log-row p,.lead-card p{margin-bottom:0}.data-row{grid-template-columns:22px minmax(0,1fr) auto}.data-row strong,.data-row small,.member-row strong,.member-row small,.template strong,.template small{display:block}.data-row small,.member-row small,.template small{margin-top:3px}.status-button{min-width:58px;padding:0 8px;font-size:12px}.setup-area{gap:10px;display:grid}.setup-section{background:#fff}.setup-section summary{min-height:56px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:0 16px;list-style:none;display:flex}.setup-section summary::-webkit-details-marker{display:none}.setup-section summary span{align-items:center;gap:9px;font-weight:900;display:inline-flex}.setup-section summary small{color:var(--muted);font-size:12px;font-weight:700}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px 12px;display:grid}.setup-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-hero{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:11px;margin-bottom:14px;display:grid}.agent-avatar,.template-icon{border-radius:var(--radius);color:#fff;background:var(--brand);width:42px;height:42px}.agent-avatar{width:50px;height:50px}.agent-hero h2{margin-bottom:4px;font-size:17px}.field-label{color:var(--muted);margin-bottom:7px;font-size:12px;font-weight:900;display:block}.field{margin-bottom:14px}.field.compact{min-height:38px;margin-bottom:8px;font-size:13px}.policy-row{border-radius:var(--radius);background:var(--panel-subtle);justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.policy-row span{color:#273b42;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.toggle{background:#c7d1d5;border-radius:999px;width:42px;height:23px;position:relative}.toggle span{background:#fff;border-radius:999px;width:15px;height:15px;transition:transform .16s;position:absolute;top:4px;left:4px}.toggle.on{background:var(--brand)}.toggle.on span{transform:translate(19px)}.template-list{gap:8px;display:grid}.template{border:1px solid var(--line);border-radius:var(--radius);color:#223841;text-align:left;background:#fff;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:70px;padding:10px;display:grid}.template.active{background:#f2fbf7;border-color:#89cdb3}.chip.muted{color:#69777f;background:#f0f3f4}.flow-step{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;display:grid}.flow-step span{border-radius:var(--radius);width:28px;height:28px;color:var(--brand-ink);background:var(--brand-soft);font-size:12px;font-weight:900}.view-dashboard .focus-layout,.view-dashboard .setup-area,.view-builder .guide-card,.view-builder .metric-strip,.view-builder .daily-grid,.view-builder .practice-board,.view-leads .focus-layout,.view-leads .practice-board,.view-leads .setup-area,.view-knowledge .focus-layout,.view-knowledge .practice-board,.view-knowledge .metric-strip,.view-knowledge .daily-grid,.view-workflows .focus-layout,.view-workflows .practice-board,.view-workflows .metric-strip,.view-workflows .daily-grid,.view-audit .focus-layout,.view-audit .practice-board,.view-audit .setup-area,.view-leads .runlog,.view-audit .lead-panel,.view-builder .setup-section:not(.setup-agents),.view-knowledge .setup-section:not(.setup-knowledge),.view-workflows .setup-section:not(.setup-workflows){display:none}.view-builder .focus-layout{grid-template-columns:minmax(0,1fr)}.view-leads .daily-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr)}.view-audit .daily-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1fr)}@media (width<=1240px){.practice-board,.focus-layout,.builder-main,.daily-grid,.setup-grid,.setup-grid.three,.view-leads .daily-grid,.view-audit .daily-grid{grid-template-columns:1fr}.practice-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=940px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:18px;position:static}.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{padding:18px}.topbar{flex-direction:column}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-panel{grid-template-columns:1fr}}@media (width<=640px){h1{font-size:23px}.sidebar{gap:14px}.brand{max-width:210px;min-height:56px}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip,.lead-form,.inline-form,.member-form,.sop-input-row,.practice-outcome,.setup-grid,.setup-grid.three{grid-template-columns:1fr}.practice-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-heading{flex-direction:column}.top-actions,.secondary-button,.primary-button{width:100%}.icon-button{display:none}.bubble{max-width:100%}.panel-header,.setup-section summary{flex-direction:column;align-items:flex-start}.log-row,.data-row{grid-template-columns:1fr}}
