:root{--crm-bg:#f3f0eb;--crm-ink:#211e1b;--crm-muted:#78716b;--crm-line:#ded8d0;--crm-orange:#ed5b2a;--crm-dark:#1f211f}*{box-sizing:border-box}.login-page{min-height:100vh;font-family:var(--font-body),sans-serif;background:#f4f0ea;grid-template-columns:1.1fr .9fr;display:grid}.login-story{color:#f8f1e7;background:#20221f;flex-direction:column;justify-content:space-between;padding:48px 6vw;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:55vw;height:55vw;position:absolute;top:0;right:-30%}.crm-brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.crm-brand>span{background:var(--crm-orange);color:#fff;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.crm-brand svg{width:19px}.login-story>div{z-index:1;position:relative}.login-story p,.kicker,.crm-main header p,.panel-head p{letter-spacing:.18em;color:var(--crm-orange);font-size:.66rem;font-weight:800}.login-story h1{font-family:var(--font-display),serif;letter-spacing:-.04em;font-size:clamp(3rem,5.5vw,6.5rem);font-weight:400;line-height:.98}.login-story h1 em{color:#f17b53}.login-story>div>span{color:#aaa39b}.login-form{place-items:center;padding:40px;display:grid}.login-form>div{width:min(420px,100%)}.lock{border:1px solid var(--crm-line);border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.login-form h2{font-family:var(--font-display),serif;margin:12px 0;font-size:3rem;font-weight:400}.login-form>div>p:not(.kicker){color:var(--crm-muted)}.login-form form{flex-direction:column;gap:18px;margin-top:36px;display:flex}.login-form label{flex-direction:column;gap:8px;font-size:.72rem;font-weight:700;display:flex}.login-form input{border:1px solid var(--crm-line);background:#fbf8f3;border-radius:5px;height:50px;padding:0 14px}.login-form form button{background:var(--crm-dark);color:#fff;border:0;border-radius:5px;justify-content:space-between;align-items:center;height:52px;padding:0 18px;font-weight:800;display:flex}.login-form small{color:#99918a;margin-top:22px;line-height:1.6;display:block}.form-error{color:#a33114;background:#fbe3dc;border-radius:4px;padding:11px;font-size:.78rem}.crm-shell{background:var(--crm-bg);min-height:100vh;color:var(--crm-ink);font-family:var(--font-body),sans-serif}.crm-side{background:var(--crm-dark);color:#ede8e1;z-index:20;flex-direction:column;width:225px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.crm-side .crm-brand{border-bottom:1px solid #3b3e39;padding:0 9px 32px}.crm-side nav{flex-direction:column;gap:5px;margin-top:27px;display:flex}.crm-side nav a{color:#a9aaa5;border-radius:5px;align-items:center;gap:12px;height:44px;padding:0 12px;font-size:.78rem;font-weight:700;display:flex}.crm-side nav a svg{width:17px}.crm-side nav a:hover,.crm-side nav a.active{color:#fff;background:#343732}.crm-side nav a.active{box-shadow:inset 2px 0 var(--crm-orange)}.crm-side nav a>b{background:var(--crm-orange);color:#fff;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:.6rem}.crm-user{border-top:1px solid #3b3e39;grid-template-columns:34px 1fr 28px;align-items:center;gap:9px;margin-top:auto;padding:22px 5px 0;display:grid}.crm-user>span{background:#555b52;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.7rem;display:grid}.crm-user div{flex-direction:column;font-size:.68rem;display:flex}.crm-user small{color:#898e86;text-transform:uppercase;font-size:.55rem}.crm-user button{color:#989c95;background:0 0;border:0}.crm-main{min-width:0;margin-left:225px;padding:32px clamp(24px,4vw,64px) 70px}.crm-main>header{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.crm-main header h1{font-family:var(--font-display),serif;margin:5px 0 0;font-size:2.7rem;font-weight:400}.crm-main header label{border:1px solid var(--crm-line);background:#fff;border-radius:6px;align-items:center;width:min(340px,35vw);height:42px;padding:0 13px;display:flex}.crm-main header label svg{color:#8b837d;width:16px}.crm-main header input{border:0;outline:0;width:100%;padding-left:8px;font-size:.75rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.crm-stat{border:1px solid var(--crm-line);background:#fff;min-height:150px;padding:20px;position:relative}.crm-stat>span{width:34px;height:34px;color:var(--crm-orange);background:#fff0e9;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:18px}.crm-stat svg{width:16px}.crm-stat p{color:var(--crm-muted);font-size:.7rem}.crm-stat strong{font-family:var(--font-display),serif;font-size:2.6rem;font-weight:400;display:block}.crm-stat small{color:#96908a;font-size:.65rem}.crm-grid{grid-template-columns:1.7fr .8fr;gap:15px;margin-top:15px;display:grid}.crm-panel{border:1px solid var(--crm-line);background:#fff;padding:23px}.crm-panel.full{margin-top:0}.panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-head h2{font-family:var(--font-display),serif;margin:4px 0;font-size:1.8rem;font-weight:400}.panel-head a{align-items:center;font-size:.7rem;font-weight:800;display:flex}.panel-head a svg{width:14px}.crm-table{overflow:auto}.tr{text-align:left;background:0 0;border:0;border-bottom:1px solid #ede9e4;grid-template-columns:1.2fr .8fr 1.1fr 1fr .65fr 1fr;align-items:center;gap:12px;width:100%;min-width:760px;padding:13px 8px;font-size:.68rem;display:grid}.tr:not(.head):hover{background:#f8f5f0}.tr.head{letter-spacing:.08em;text-transform:uppercase;color:#9b948e;font-size:.58rem}.tr>span:first-child{flex-direction:column;display:flex}.tr small{color:#98918a}.tr>span:last-child{justify-content:space-between;align-items:center;display:flex}.tr svg{width:13px}.status{letter-spacing:.05em;background:#ece9e5;border-radius:3px;width:max-content;padding:5px 8px;font-size:.55rem;font-weight:800;display:inline-flex}.status.needs_human,.status.escalated{color:#b13f20;background:#fee2d9}.status.qualified,.status.confirmed,.status.resolved{color:#426a33;background:#e0eddb}.status.open,.status.enquiry,.status.pending_confirmation{color:#806518;background:#f7edcd}.priority{font-size:.58rem;font-weight:800}.priority.urgent,.priority.high{color:#c34220}.escalation-mini{border-bottom:1px solid #ece7e0;padding:14px 0}.escalation-mini>span,.escalation-grid header>span:first-child{color:#c54220;font-size:.52rem;font-weight:900}.escalation-mini b{margin:6px 0;font-size:.77rem;display:block}.escalation-mini p{color:#6f6863;margin:0 0 5px;font-size:.66rem}.escalation-mini small{color:#aaa39d;font-size:.58rem}.inbox{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.conversation-card{border:1px solid var(--crm-line);background:#fff;padding:22px}.conversation-card>header{justify-content:space-between;display:flex}.conversation-card header div{flex-direction:column;display:flex}.conversation-card header small{color:#948d87;font-size:.6rem}.conversation-card>p{font-family:var(--font-display),serif;font-size:1.1rem}.transcript{border-top:1px solid var(--crm-line);max-height:290px;padding-top:12px;overflow:auto}.transcript>div{background:#f5f2ed;border-radius:5px;flex-direction:column;margin:7px 0;padding:9px;font-size:.65rem;display:flex}.transcript>div.ai{background:#fff0e9}.transcript b{color:var(--crm-orange);font-size:.5rem}.call-list article{border-bottom:1px solid var(--crm-line);grid-template-columns:40px 1fr auto;gap:15px;padding:17px 0;display:grid}.call-list article>span{background:#f1ece5;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.call-list article div{flex-direction:column;display:flex}.call-list small{color:#968e87;font-size:.6rem}.call-list p{margin:8px 0 0;font-size:.7rem}.call-list a{font-size:.65rem;font-weight:800}.escalation-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.escalation-grid>article{border:1px solid var(--crm-line);background:#fff;padding:24px}.escalation-grid header{justify-content:space-between;display:flex}.escalation-grid h2{font-family:var(--font-display),serif;font-size:2rem;font-weight:400}.escalation-grid>article>p{color:#6e6660}.escalation-grid>article>div{background:#f6f2ec;flex-direction:column;padding:13px;font-size:.68rem;display:flex}.escalation-grid footer{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.escalation-grid footer small{font-size:.58rem}.escalation-grid footer button{border:1px solid var(--crm-line);background:#fff;padding:8px;font-size:.58rem}.reservation-grid article{border-bottom:1px solid var(--crm-line);grid-template-columns:55px 1fr auto;align-items:center;gap:15px;padding:15px 0;display:grid}.date-block{color:#fff;aspect-ratio:1;background:#252722;flex-direction:column;justify-content:center;align-items:center;display:flex}.date-block b{font-size:1.2rem}.date-block span{text-transform:uppercase;font-size:.52rem}.reservation-grid h3{margin:0;font-size:.8rem}.reservation-grid p,.reservation-grid small{color:#7c746e;margin:4px 0;font-size:.65rem}.lead-drawer{z-index:50;background:#fbf8f3;width:min(480px,100vw);padding:40px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 60px #24201830}.drawer-close{background:#eee9e2;border:0;border-radius:50%;width:36px;height:36px;position:absolute;top:22px;right:22px}.lead-drawer h2{font-family:var(--font-display),serif;margin:8px 0;font-size:2.8rem;font-weight:400}.lead-drawer>span{color:#807871;font-size:.7rem}.drawer-tags{gap:8px;margin:18px 0 34px;display:flex}.lead-drawer section{border-top:1px solid var(--crm-line);padding:22px 0}.lead-drawer section>p{letter-spacing:.15em;color:var(--crm-orange);font-size:.55rem;font-weight:800}.lead-drawer h3{font-family:var(--font-display),serif;font-size:1.35rem;font-weight:400}.lead-drawer blockquote{font-family:var(--font-display),serif;margin:0;font-size:1.05rem;line-height:1.5}.timeline{grid-template-columns:12px 1fr auto;gap:12px;font-size:.65rem;display:grid}.timeline i{background:var(--crm-orange);border-radius:50%;width:7px;height:7px}.timeline small{color:#98918a}.empty,.crm-state{text-align:center;color:#847d77;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.crm-state{background:var(--crm-bg);min-height:100vh}.empty svg,.crm-state svg{width:34px}.loader{border:2px solid #ddd;border-top-color:var(--crm-orange);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-story{min-height:45vh}.login-story h1{font-size:3.5rem}.crm-side{width:70px;padding:20px 10px}.crm-side .crm-brand b,.crm-side nav span,.crm-user div,.crm-user button{display:none}.crm-side nav a{justify-content:center}.crm-side nav a>b{margin-left:30px;position:absolute}.crm-main{margin-left:70px;padding:24px}.stat-grid{grid-template-columns:repeat(2,1fr)}.crm-grid,.inbox,.escalation-grid{grid-template-columns:1fr}}@media (max-width:600px){.login-form{padding:32px 20px}.crm-side{flex-direction:row;order:3;width:auto;height:62px;padding:0;position:fixed;top:auto;right:0}.crm-side .crm-brand,.crm-user{display:none}.crm-side nav{grid-template-columns:repeat(6,1fr);width:100%;margin:0;display:grid}.crm-side nav a{border-radius:0;height:62px}.crm-side nav a>b{display:none}.crm-main{margin:0;padding:20px 14px 80px}.crm-main>header{flex-direction:column;align-items:flex-start;gap:14px}.crm-main header label{width:100%}.stat-grid{grid-template-columns:1fr 1fr}.crm-stat{min-height:130px;padding:15px}.crm-stat strong{font-size:2rem}.lead-drawer{padding:35px 22px}.login-story{padding:30px 24px}}.demo-credentials{border:1px solid var(--crm-line);background:#fbf8f3;margin-top:24px;padding:6px 16px}.demo-credentials>div{border-bottom:1px solid var(--crm-line);grid-template-columns:72px 1fr auto;align-items:center;gap:12px;min-height:58px;display:grid}.demo-credentials>div:last-child{border-bottom:0}.demo-credentials span{color:var(--crm-muted);font-size:.75rem;font-weight:700}.demo-credentials strong{overflow-wrap:anywhere;font-size:.875rem}.demo-credentials button{color:var(--crm-orange);background:0 0;border:0;align-items:center;gap:5px;padding:10px 0;font-size:.75rem;font-weight:800;display:flex}.demo-credentials button svg{width:14px}.login-form label{font-size:.875rem}.login-form input{font-size:1rem}.login-form small{font-size:.8125rem}.crm-side nav a,.crm-user div,.crm-stat p,.panel-head a,.tr,.conversation-card header small,.transcript>div,.call-list p,.escalation-grid>article>div,.reservation-grid p,.reservation-grid small,.lead-drawer>span,.timeline{font-size:.75rem}.crm-stat small,.escalation-mini p,.call-list small,.call-list a,.escalation-grid footer small,.escalation-grid footer button{font-size:.6875rem}.status,.priority,.tr.head,.transcript b,.date-block span,.lead-drawer section>p{font-size:.625rem}@media (max-width:600px){.demo-credentials>div{grid-template-columns:62px 1fr}.demo-credentials button{grid-column:2;justify-self:start;padding-top:0}.login-story{min-height:38vh}}.transcript img{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:min(240px,100%);max-height:180px;margin:7px 0;display:block}