.crm-body{display:flex;background:#f5f7f3;min-height:100vh}.crm-sidebar{width:245px;flex-shrink:0;background:white;border-right:1px solid var(--line);padding:37px 28px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.crm-sidebar .eyebrow{font-size:8px;margin-top:33px}.crm-sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:20px}.crm-sidebar nav a,.crm-sidebar nav button{font-size:12px;text-align:left;padding:14px;border-radius:6px}.crm-sidebar nav .selected{background:#edf2e7;font-weight:700;color:var(--green)}.sidebar-note{margin-top:auto;font-size:13px;line-height:1.7;color:#637267}.sidebar-note span{display:block;font-size:9px;margin-top:20px}.crm-main{margin-left:245px;width:calc(100% - 245px);padding:0 4% 50px}.crm-top{height:92px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.crm-top span{font-size:9px;letter-spacing:1.4px}.crm-top button{font-size:11px}.crm-heading{display:flex;justify-content:space-between;align-items:end}.crm-main h1{font-family:Manrope,sans-serif;font-size:34px;letter-spacing:-1.4px;line-height:1.3}.crm-demo{background:#f6eaca;border:1px solid #e8d6a0;padding:13px 16px;font-size:11px;border-radius:7px;margin-top:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:27px 0}.stats>div{padding:22px;background:#fff;border:1px solid var(--line);border-radius:9px}.stats span{display:block;font-size:11px;color:var(--muted)}.stats strong{display:block;font-size:31px;margin-top:12px;font-family:Manrope,sans-serif}.crm-toolbar{display:flex;gap:12px;margin:23px 0}.crm-toolbar input,.crm-toolbar select{border:1px solid var(--line);background:white;border-radius:7px;padding:12px;font-size:12px}.crm-toolbar input{flex:1;min-width:0}.crm-table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:9px}table{border-collapse:collapse;width:100%;text-align:left;min-width:720px}th{font-size:9px;color:#6c7b71;font-weight:500;padding:18px;border-bottom:1px solid var(--line);white-space:nowrap}td{font-size:11px;padding:20px 18px;border-bottom:1px solid #edf0ea}td strong{font-size:12px;display:block;max-width:250px}td small{font-size:10px;display:block;margin-top:7px;color:var(--muted)}.stage-tag{padding:6px 9px;border-radius:20px;background:#eef2e8;font-size:9px;white-space:nowrap}.consent-yes{color:#386b4e}.consent-no{color:#957444}td button{font-size:11px;text-decoration:underline}#crm-status{font-size:12px;margin-top:20px}#crm-gate{max-width:650px;padding-top:35px}#crm-gate>p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted);margin:22px 0}#gate-content{max-width:480px;background:white;padding:25px;border:1px solid var(--line);border-radius:10px}.crm-history{font-size:12px;line-height:1.8;color:var(--muted)}.crm-contact-actions{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.capture-section{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;background:#f5f3e9;border-radius:12px;margin-top:60px}.capture-section p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8;margin:20px 0}.capture-section .button{margin:8px 0 15px}.capture-section small{display:block;font-size:10px;color:var(--muted)}.capture-checks{align-self:center}.capture-checks p{padding:18px 0;border-bottom:1px solid #dadfce}.capture-checks span{margin-right:15px;font-size:10px;color:#8c987e}@media(max-width:1000px){.crm-sidebar{width:185px;padding:30px 18px}.crm-sidebar .brand{font-size:23px}.crm-main{margin-left:185px;width:calc(100% - 185px)}.crm-toolbar{flex-wrap:wrap}.stats{grid-template-columns:1fr 1fr}.crm-main h1{font-size:28px}}@media(max-width:650px){.crm-body{display:block}.crm-sidebar{position:static;width:100%;padding:18px 5%;border-bottom:1px solid var(--line)}.crm-sidebar nav{flex-direction:row;overflow:auto;margin-top:12px;gap:4px}.crm-sidebar nav a,.crm-sidebar nav button{white-space:nowrap;padding:8px;font-size:10px}.crm-sidebar>.eyebrow,.sidebar-note{display:none}.crm-main{width:100%;margin:0;padding:0 5% 35px}.crm-top{height:55px;margin-bottom:28px}.crm-heading{align-items:start;gap:12px}.crm-heading .button{font-size:10px;padding:10px}.crm-main h1{font-size:25px}.stats{gap:10px}.stats>div{padding:16px}.crm-toolbar input{flex-basis:100%}.crm-toolbar .button{font-size:11px;padding:12px}#crm-gate{padding-top:15px}.capture-section{grid-template-columns:1fr;margin:15px 5%;padding:30px 6%;gap:10px}}
