:root{color:#20242a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.login-page{color:#20242a;background:linear-gradient(#0f766e17,#0000 300px),#f6f7f9;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.login-shell{background:#fff;border:1px solid #dde3ea;border-radius:8px;gap:24px;width:min(430px,100%);padding:32px;display:grid;box-shadow:0 16px 40px #1a243014}.login-copy{gap:8px;display:grid}.login-copy p:last-child{color:#667085;font-size:15px}.login-form{gap:10px;display:grid}.login-form label{color:#344054;font-size:14px;font-weight:700}.login-form input+label{margin-top:6px}.login-message{margin:4px 0 0}.login-button{color:#fff;background:#0f766e;width:100%;margin-top:6px}.whatsapp-page{color:#20242a;background:linear-gradient(#15803d14,#0000 320px),#f6f7f9;min-height:100svh;padding:32px 20px}.tool-shell{background:#fff;border:1px solid #dde3ea;border-radius:8px;width:min(1180px,100%);margin:0 auto;overflow:hidden;box-shadow:0 16px 40px #1a243014}.tool-header,.section-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.tool-header{border-bottom:1px solid #e4e9ee;padding:28px 32px}.tool-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.eyebrow{color:#667085;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:700}h1,h2,p{margin:0}h1{color:#101828;letter-spacing:0;font-size:32px;line-height:1.15}h2{color:#101828;letter-spacing:0;font-size:20px;line-height:1.2}.deactivate-form{gap:10px;padding:28px 32px 18px;display:grid}.deactivate-form label{color:#344054;font-size:14px;font-weight:700}.status-mode{border:0;flex-wrap:wrap;gap:8px;margin:0 0 4px;padding:0;display:flex}.status-mode legend{color:#344054;flex-basis:100%;margin-bottom:2px;padding:0;font-size:14px;font-weight:700}.status-mode label{color:#344054;cursor:pointer;border:1px solid #cfd6df;border-radius:6px;align-items:center;min-height:40px;padding:0 12px;font-weight:700;display:inline-flex}.status-mode label.is-selected{color:#0f766e;background:#eef8f6;border-color:#0f766e}.status-mode input{opacity:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.status-mode:disabled label{cursor:not-allowed;opacity:.65}.form-row{grid-template-columns:minmax(0,1fr) auto auto;gap:12px;display:grid}input,button{font:inherit;border-radius:6px}input{color:#1d2939;border:1px solid #cfd6df;min-width:0;padding:12px 14px}input:focus{border-color:#0f766e;outline:3px solid #0f766e24}button{cursor:pointer;border:1px solid #0000;min-height:44px;padding:0 18px;font-weight:700}.submit-button{color:#fff;min-width:118px}.show-button{color:#fff;background:#1849a9;min-width:86px}.submit-button.active{background:#0f766e}.submit-button.inactive{background:#b42318}.secondary-button{color:#344054;background:#fff;border-color:#cfd6df}button:disabled{cursor:not-allowed;opacity:.65}.message{border-radius:6px;margin:0 32px 18px;padding:13px 14px;font-weight:600}.message.error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.message.success{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.record-summary{border-top:1px solid #e4e9ee;padding:20px 32px}.summary-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.summary-heading p{color:#667085;margin-top:4px;font-size:14px}.record-summary dl{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0;display:grid}.record-summary div{min-width:0}dt{color:#667085;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700}dd{color:#101828;overflow-wrap:anywhere;margin:0;font-weight:700}.records-section{border-top:1px solid #e4e9ee;padding:24px 32px 32px}.section-heading{margin-bottom:18px}.section-heading p{color:#667085;margin-top:4px;font-size:14px}.section-heading span{color:#0f766e;white-space:nowrap;background:#eef8f6;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.table-wrap{border:1px solid #dde3ea;border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:3600px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf1f5;padding:12px 14px;font-size:14px}th{color:#475467;text-transform:uppercase;background:#f8fafc;font-size:12px}tbody tr:last-child td{border-bottom:0}.status{border-radius:999px;padding:6px 8px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.status.active{color:#067647;background:#ecfdf3}.status.inactive{color:#b42318;background:#fef3f2}.status.neutral{color:#475467;background:#f2f4f7}@media (width<=720px){.login-page{align-items:stretch;padding:16px}.login-shell{align-self:center;padding:24px 18px}.whatsapp-page{padding:16px}.tool-header,.section-heading,.summary-heading{flex-direction:column;align-items:stretch}.tool-actions{justify-content:stretch}.tool-actions button{flex:1}.tool-header,.deactivate-form,.records-section,.record-summary{padding-left:18px;padding-right:18px}.form-row,.record-summary dl{grid-template-columns:1fr}h1{font-size:26px}}