:root{--ink:#17352e;--green:#267661;--paper:#fbfaf6;--bg:#eef2ec;--line:#dce5dd;--muted:#71827d;--red:#a94e45}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:25px 18px;background:#12362e;color:white;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none}.brand b{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e8f0e9;color:#17473b;font:700 23px Georgia}.brand span,.brand small{display:block}.brand span{font:600 17px Georgia}.brand small{font:9px Inter;letter-spacing:.14em;opacity:.65}.preview{margin:31px 8px 10px;font-size:9px;letter-spacing:.15em;color:#9fc0b5}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;color:#c8d8d2;text-align:left;padding:12px 14px;border-radius:10px;font:600 13px inherit;cursor:pointer}.sidebar nav button.active,.sidebar nav button:hover{background:#ffffff14;color:white}.side-foot{margin-top:auto;display:grid;gap:8px;padding:12px;color:#abc2ba;font-size:11px}.side-foot a{color:white;text-decoration:none}main{margin-left:245px;max-width:1500px;padding:35px 42px 70px}header,.section-head,.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}header small,.section-head small,.card small{font-size:9px;letter-spacing:.15em;color:var(--green);font-weight:800}h1{margin:5px 0 3px;font:500 38px Georgia}h2{margin:4px 0 8px;font:500 23px Georgia}h3{font:600 18px Georgia;margin:0 0 18px}header p,.section-head p{margin:0;color:var(--muted)}.live{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:11px}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#42a778;margin-right:7px}.view{display:none;margin-top:34px}.view.active{display:block}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric,.card{background:var(--paper);border:1px solid var(--line);border-radius:17px}.metric{padding:18px}.metric strong,.metric span{display:block}.metric strong{font:600 29px Georgia}.metric span{color:var(--muted);font-size:11px}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-top:16px}.card{padding:21px}.card-head button,.section-head button,.primary{border:0;background:var(--green);color:white;padding:10px 14px;border-radius:9px;font-weight:700;cursor:pointer}.row{display:grid;grid-template-columns:1.2fr .8fr .7fr .5fr;gap:15px;padding:13px 5px;border-bottom:1px solid var(--line);align-items:center}.row:last-child{border:0}.row small{color:var(--muted)}.badge{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--green)}.badge.emergency_escalated{color:var(--red)}.sample{padding:3px 6px;border-radius:5px;background:#ede8d8;color:#806f41;font-size:8px}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:23px 0}.flow span{padding:10px;border-radius:8px;background:#edf3ee;font-weight:700;font-size:11px}.flow i{color:#8aa49b}.muted{color:var(--muted)}.conversation-layout{display:grid;grid-template-columns:380px 1fr;gap:15px}.list{padding:0;overflow:hidden}.conversation-button{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px 18px;text-align:left;cursor:pointer;color:inherit}.conversation-button:hover,.conversation-button.active{background:white}.conversation-button p{margin:4px 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-button div{display:flex;justify-content:space-between}.detail{min-height:520px}.empty{display:grid;place-items:center;min-height:470px;color:var(--muted)}.transcript{display:grid;gap:9px}.message{max-width:78%;padding:11px 13px;border-radius:12px;background:#edf2ed}.message.caller{margin-left:auto;background:#e1eee8}.lead-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.lead-field{padding:10px;border:1px solid var(--line);border-radius:9px}.lead-field small,.lead-field b{display:block}.lead-field small{color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}label{display:grid;gap:6px;margin:13px 0;color:var(--muted);font-size:11px}.field-note{color:#8a9a94;font-size:11px;line-height:1.45}.field-note:empty{display:none}input,select,textarea{width:100%;border:1px solid #ccd8cf;border-radius:9px;background:white;padding:11px;color:var(--ink);font-size:13px;font-family:inherit}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371827d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 13px center;padding-right:36px;cursor:pointer}select:hover{border-color:var(--green)}.cs{position:relative}.cs>select{position:absolute!important;width:1px;height:1px;padding:0;margin:0;border:0;opacity:0;pointer-events:none;clip:rect(0 0 0 0)}.cs-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #ccd8cf;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}.cs-button:hover{border-color:var(--green)}.cs-button::after{content:"";flex:none;width:11px;height:11px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371827d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") center/contain no-repeat;transition:transform .18s}.cs-button[aria-expanded=true]::after{transform:rotate(180deg)}.cs-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cs-list{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;max-height:288px;overflow:auto;margin:0;padding:6px;list-style:none;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 44px rgba(17,53,45,.16)}.cs-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:8px;font-size:13px;line-height:1.35;color:var(--ink);cursor:pointer}.cs-option:hover,.cs-option.active{background:#edf3ec}.cs-option.selected{color:var(--green);font-weight:600}.cs-option.selected::after{content:"✓";font-size:12px}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--green);outline-offset:2px}.sidebar :focus-visible{outline-color:#9fc0b5}textarea{min-height:82px;resize:vertical}.toast{position:fixed;right:24px;bottom:24px;padding:12px 16px;border-radius:10px;background:#173f35;color:white;display:none}.toast.show{display:block}.locked{padding:9px 12px;border-radius:9px;background:#e5ece7}.safety-grid,.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.safety-grid .card span{color:var(--green);font-weight:700;font-size:11px}.integration-card .top{display:flex;justify-content:space-between}.integration-card .icon{font-size:24px}.toggle{border:1px solid var(--line);background:#edf3ee;border-radius:999px;padding:7px 11px;color:var(--green);cursor:pointer}.events-card{margin-top:16px}.event-list>div{padding:11px 0;border-bottom:1px solid var(--line)}.danger{margin-top:24px;border:1px solid #e2beb9;background:#fff7f5;color:var(--red);padding:10px 14px;border-radius:9px;font-weight:700;cursor:pointer}@media(max-width:900px){.sidebar{position:static;width:auto;height:auto}.sidebar nav{grid-template-columns:repeat(5,1fr);overflow:auto}.side-foot{display:none}main{margin:0;padding:24px 15px}.metrics{grid-template-columns:repeat(2,1fr)}.grid,.conversation-layout,.settings-grid{grid-template-columns:1fr}.safety-grid,.integration-grid{grid-template-columns:1fr}.live{display:none}}@media(max-width:560px){.sidebar nav button{font-size:10px;padding:9px}.brand{margin-bottom:15px}.preview{display:none}.row{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}h1{font-size:30px}}