:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f8;color:#17202a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.login-screen,.loading-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef2f6}.loading-screen{color:#475569;font-weight:700}.login-panel{width:min(420px,100%);background:#fff;border:1px solid #dde5ee;border-radius:8px;padding:18px}.login-brand{color:#17202a;padding:4px 0 18px;border-bottom-color:#edf1f5}.login-brand span{color:#64748b}.login-form{display:grid;gap:14px;padding-top:18px}.login-form label{display:grid;gap:6px;color:#475569;font-size:13px;font-weight:700}.login-form input{width:100%;height:40px;border:1px solid #d7dee7;border-radius:8px;padding:0 12px;color:#17202a}.login-form .primary-button{width:100%}.error-banner{border:1px solid #fecaca;background:#fff1f2;color:#9f1239;border-radius:8px;padding:10px 12px;margin-bottom:14px;font-size:13px;font-weight:700}.sidebar{background:#111827;color:#f9fafb;padding:18px 14px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#17a2a4;color:#fff;font-weight:800}.brand strong,.brand span{display:block}.brand span{margin-top:2px;color:#aeb7c2;font-size:12px}.nav-list{display:grid;gap:14px}.nav-group{display:grid;gap:4px}.nav-group p{margin:0 0 4px;padding:0 10px;color:#7f8c9a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}.nav-item{width:100%;height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#cbd5e1;text-align:left}.nav-item:hover,.nav-item.active{background:#263241;color:#fff}.workspace{min-width:0;padding:22px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-title p,.topbar-title h1{margin:0}.topbar-title p{color:#64748b;font-size:13px}.topbar-title h1{font-size:26px;line-height:1.2}.topbar-actions{display:flex;align-items:center;gap:10px;min-width:min(680px,100%);justify-content:flex-end}.icon-button,.secondary-button,.primary-button{border:1px solid #d7dee7;border-radius:8px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#17202a;padding:0 12px;white-space:nowrap}.icon-button{width:38px;padding:0}.primary-button{background:#146c70;color:#fff;border-color:#146c70}.primary-button:disabled{opacity:.72;cursor:wait}.user-chip{height:38px;display:grid;align-content:center;gap:1px;min-width:118px;border:1px solid #d7dee7;border-radius:8px;background:#fff;padding:0 12px}.user-chip span,.user-chip strong{display:block;line-height:1.05}.user-chip span{color:#64748b;font-size:11px}.user-chip strong{font-size:13px}.search-box{height:38px;flex:1;max-width:360px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d7dee7;border-radius:8px;padding:0 12px}.search-box input{border:0;outline:0;min-width:0;width:100%}.content-stack{display:grid;gap:18px}.module-hero{min-height:118px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;border:1px solid #dde5ee;border-radius:8px;background:#fff}.module-hero p,.module-hero h2{margin:0}.module-hero p{color:#64748b;font-size:13px;font-weight:800;text-transform:uppercase}.module-hero h2{margin-top:6px;max-width:720px;font-size:24px;line-height:1.25}.module-hero span{border:1px solid #d7dee7;border-radius:8px;background:#f8fafc;padding:8px 10px;color:#334155;font-size:13px;font-weight:800;white-space:nowrap}.setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.setup-card{min-height:132px;display:flex;gap:12px;padding:14px;border:1px solid #dde5ee;border-radius:8px;background:#fff}.setup-card svg{flex:0 0 auto;color:#146c70}.setup-card p{margin:5px 0 0;color:#64748b;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.panel,.deal-card,.feature-card,.automation-card{background:#fff;border:1px solid #dde5ee;border-radius:8px}.metric-card{padding:16px;display:grid;gap:6px}.metric-card svg{color:#146c70}.metric-card span,.metric-card p,.deal-card p,.feature-card p,.automation-card p{margin:0;color:#64748b;font-size:13px}.metric-card strong{font-size:25px}.two-column{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.two-column.wide-left{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}.split-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px}.panel{padding:16px;min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-header h2{margin:0;font-size:16px}.panel-header button,.deal-actions button{border:1px solid #d7dee7;border-radius:8px;background:#fff;padding:7px 10px;color:#334155}.task-row,.message-row,.check-row{min-height:46px;display:flex;align-items:center;gap:10px;border-top:1px solid #edf1f5}.feature-list{display:grid}.check-row svg{color:#146c70}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:20px}.empty-state strong{color:#17202a}.empty-state p{max-width:420px;margin:0;font-size:13px}.task-row:first-of-type,.message-row:first-of-type,.check-row:first-of-type{border-top:0}.task-row svg:last-child{margin-left:auto;color:#94a3b8}.status-dot{width:9px;height:9px;border-radius:50%;background:#e6a23c}.assist-box{display:flex;gap:12px;padding:14px;border-radius:8px;background:#eef8f7;border:1px solid #cfeae6;margin-bottom:12px}.assist-box.muted{background:#f7f3ea;border-color:#eadfca}.assist-box p{margin:4px 0 0;color:#64748b;font-size:13px}.table{display:grid;overflow-x:auto}.compact-form{display:grid;gap:10px}.compact-form input{width:100%;height:40px;border:1px solid #d7dee7;border-radius:8px;padding:0 10px;outline:0}.segmented{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.segmented button{min-height:32px;border:1px solid #d7dee7;border-radius:8px;background:#fff;color:#475569;padding:0 10px;font-size:13px}.segmented button.active{background:#146c70;border-color:#146c70;color:#fff}.pipeline-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.pipeline-toolbar .segmented{margin-bottom:0}.pipeline-toolbar span{color:#64748b;font-size:13px;font-weight:800}.table-row{min-width:840px;display:grid;grid-template-columns:2fr 1fr .8fr .8fr .8fr;gap:14px;align-items:center;min-height:58px;border-top:1px solid #edf1f5}.table-row:first-child{border-top:0}.table-head{min-height:36px;color:#64748b;font-size:12px;text-transform:uppercase}.table-row strong,.table-row small{display:block}.table-row small{color:#64748b;margin-top:3px}.pill{width:fit-content;border-radius:8px;padding:4px 8px;text-transform:capitalize;font-size:12px;font-weight:700}.pill.hot{background:#ffe8df;color:#9f3412}.pill.warm{background:#fff4d6;color:#8a5b00}.pill.cold{background:#e9f5ff;color:#075985}.pipeline-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px}.stage-column{min-height:520px;background:#eef2f6;border:1px solid #dbe3ec;border-radius:8px;padding:12px}.empty-card{min-height:88px;display:grid;place-items:center;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:13px}.stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stage-header span{min-width:28px;height:24px;border-radius:8px;display:grid;place-items:center;background:#fff;font-weight:700}.deal-card{padding:14px;margin-bottom:10px;display:grid;gap:8px}.deal-meta{display:grid;gap:4px;color:#64748b;font-size:13px}.deal-meta span:first-child{color:#17202a;font-weight:800}.deal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.message-row .avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#146c70;color:#fff;font-weight:800}.message-row p{margin:3px 0 0;color:#64748b;font-size:13px}.message-row>span{margin-left:auto;color:#64748b;font-size:13px}.automation-grid,.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-canvas{min-height:360px;display:grid;justify-items:center;align-content:center;gap:8px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px}.workflow-node{width:min(320px,100%);min-height:46px;display:grid;place-items:center;border:1px solid #d7dee7;border-radius:8px;background:#fff;color:#17202a;font-weight:800;text-align:center}.workflow-node.trigger{border-color:#17a2a4;background:#eef8f7}.workflow-line{width:2px;height:22px;background:#cbd5e1}.automation-card{min-height:86px;padding:14px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.toggle{border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#475569;width:62px;height:32px}.toggle.on{background:#146c70;color:#fff;border-color:#146c70}.feature-card{min-height:132px;padding:14px;display:grid;gap:8px;align-content:start}.feature-card svg{color:#925f0a}.report-bars{display:grid;gap:14px}.bar-row{display:grid;grid-template-columns:110px 1fr 90px;align-items:center;gap:12px}.bar-row div{height:12px;background:#edf1f5;border-radius:8px;overflow:hidden}.bar-row i{display:block;height:100%;background:#17a2a4}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar,.topbar-actions,.two-column,.two-column.wide-left,.split-layout{display:grid;grid-template-columns:1fr}.topbar-actions{min-width:0}.search-box{max-width:none}.metric-grid,.automation-grid,.feature-grid,.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.workspace{padding:14px}.nav-list,.metric-grid,.automation-grid,.feature-grid,.setup-grid{grid-template-columns:1fr}.module-hero,.pipeline-toolbar{display:grid;justify-items:start}.topbar-actions{gap:8px}.secondary-button,.primary-button{width:100%}.pipeline-board{grid-template-columns:repeat(4,260px)}.bar-row{grid-template-columns:1fr;gap:6px}}
