:root{--background:#f4f7f6;--surface:#fff;--ink:#15241e;--muted:#64736d;--line:#dbe5e1;--brand:#117a5b;--brand-dark:#0a513d;--accent:#dff7ec}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{color:#e9fff6;background:#0c2d23;padding:28px 20px}.brand{letter-spacing:-.8px;margin-bottom:34px;font-size:25px;font-weight:800}.brand span{color:#5fe0ad}.brand.dark{color:var(--ink);margin-bottom:28px}.workspace-name{color:#7eaa99;letter-spacing:.8px;text-transform:uppercase;margin:-22px 12px 25px;font-size:12px;font-weight:700}.nav{gap:7px;display:grid}.nav a{color:#c3ded3;border-radius:9px;padding:11px 12px}.nav a.active,.nav a:hover{color:#fff;background:#174b3b}.content{padding:34px}.account-menu{color:#9dbfb2;overflow-wrap:anywhere;border-top:1px solid #285044;margin-top:34px;padding:18px 12px 0;font-size:12px}.account-menu button{color:#d8eee6;cursor:pointer;background:0 0;border:0;padding:10px 0 0}.eyebrow{color:var(--brand);letter-spacing:1.3px;text-transform:uppercase;font-size:12px;font-weight:800}h1{letter-spacing:-1px;margin:8px 0;font-size:32px}.subtitle{color:var(--muted);margin:0 0 26px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}.metric{margin:8px 0 0;font-size:30px;font-weight:800}.label{color:var(--muted);font-size:13px}.status{color:var(--brand-dark);background:var(--accent);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:13px;font-weight:700;display:inline-flex}.dot{background:#13a36f;border-radius:50%;width:8px;height:8px}.section{margin-top:24px}.steps{gap:12px;margin-top:16px;display:grid}.step{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding-top:14px;display:grid}.step:first-child{border-top:0;padding-top:0}.number{background:#e8eeeb;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.step strong{margin-bottom:3px;display:block}.step small{color:var(--muted)}.pill{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:12px}.legal{max-width:820px;margin:0 auto;padding:54px 22px 90px;line-height:1.65}.legal h1{font-size:38px}.legal h2{margin-top:30px}.legal p,.legal li{color:#405048}.auth-page{background:linear-gradient(135deg,#e9f7f1,#f8faf9 55%,#dff0e9);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:min(440px,100%);padding:34px;box-shadow:0 20px 60px #0a32261a}.auth-card h1{font-size:29px}.auth-card>p{color:var(--muted);line-height:1.55}.auth-form{gap:9px;margin-top:24px;display:grid}.auth-form label{margin-top:7px;font-size:13px;font-weight:700}.auth-form input{border:1px solid #cbd9d3;border-radius:9px;outline:none;width:100%;padding:11px 12px}.auth-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #117a5b1f}.primary-button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:9px;margin-top:12px;padding:12px 16px;font-weight:700}.primary-button:disabled{cursor:wait;opacity:.65}.form-error{background:#fff0ef;border:1px solid #f4c7c3;border-radius:8px;margin:8px 0 0;padding:9px 10px;font-size:13px;color:#9b2c27!important}.form-success{background:#ecf8f2;border:1px solid #b9ddcd;border-radius:8px;margin:8px 0 0;padding:9px 10px;font-size:13px;color:#176b50!important}.auth-link{color:var(--brand);justify-self:center;margin-top:8px;font-size:13px;font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.slug-field{border:1px solid #cbd9d3;border-radius:9px;align-items:center;display:flex;overflow:hidden}.slug-field span{color:var(--muted);white-space:nowrap;background:#f0f4f2;padding:12px;font-size:13px}.slug-field input{border:0;border-radius:0}.empty-state{text-align:center;margin-top:24px;padding:44px}.empty-state p,.muted{color:var(--muted)}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.capitalize{text-transform:capitalize}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.secondary-button{background:var(--surface);border:1px solid var(--line);color:var(--brand-dark);cursor:pointer;border-radius:9px;padding:10px 14px;font-weight:700}.secondary-button:disabled{cursor:wait;opacity:.65}.step.check{grid-template-columns:1fr auto}.step.check small{display:block}.pill.done{background:var(--accent);color:var(--brand-dark);border-color:#0000;font-weight:700}.template-form{max-width:560px}.template-form textarea,.template-form select{background:#fff;border:1px solid #cbd9d3;border-radius:9px;width:100%;padding:11px 12px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-row>div{gap:9px;display:grid}.inbox{grid-template-columns:280px 1fr;height:calc(100vh - 170px);min-height:420px;margin-top:24px;padding:0;display:grid;overflow:hidden}.conversation-list{border-right:1px solid var(--line);overflow-y:auto}.conversation{border-bottom:1px solid var(--line);gap:3px;padding:14px 16px;display:grid}.conversation.active,.conversation:hover{background:var(--accent)}.conversation small,.thread-header small,.bubble small{color:var(--muted);font-size:12px}.thread{grid-template-rows:auto 1fr auto;min-height:0;display:grid}.thread-header{border-bottom:1px solid var(--line);gap:2px;padding:14px 18px;display:grid}.thread-messages{background:#f0f4f2;flex-direction:column;gap:8px;padding:18px;display:flex;overflow-y:auto}.bubble{background:#fff;border-radius:12px;align-self:flex-start;max-width:70%;padding:9px 12px}.bubble.outbound{background:#d9f5e6;align-self:flex-end}.bubble.failed{background:#fff0ef}.bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0 0 4px}.reply-form{border-top:1px solid var(--line);padding:12px 18px}.reply-row{grid-template-columns:1fr auto;gap:10px;display:grid}.reply-row textarea{resize:none;border:1px solid #cbd9d3;border-radius:9px;padding:10px 12px}.reply-row .primary-button{margin-top:0}@media (max-width:800px){.shell{grid-template-columns:1fr}.sidebar{padding:18px}.brand{margin-bottom:15px}.nav{grid-template-columns:repeat(3,1fr)}.content{padding:22px}.grid,.settings-grid{grid-template-columns:1fr}.inbox{grid-template-columns:1fr;height:auto}.conversation-list{border-right:0;max-height:220px}}