:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#253d3c;background:#f5f7f6;font-synthesis:none;font-size:14px;--green:#0e7565;--muted:#71827f;--border:#e2e9e6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button{transition:background .15s}a{color:inherit;text-decoration:none}.hidden{display:none!important}.loading{padding:15vh 10vw;color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:#102f2d;color:#d2e0dc;padding:32px 20px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.wordmark{font-size:36px;line-height:1;font-weight:800;letter-spacing:-2px;color:#f1fcf7;display:block}.wordmark span{font-size:11px;letter-spacing:2px;font-weight:500;color:#93b0a7;margin-left:10px}.workspace{display:flex;gap:12px;align-items:center;margin:37px 0 32px;padding:14px 0;border-top:1px solid #2b4541;border-bottom:1px solid #2b4541}.workspace-icon{background:#264b43;color:#91dbc3;padding:10px 12px;border-radius:9px}.workspace strong,.channel strong,.user strong{font-size:12px;display:block;font-weight:600}.workspace small,.channel small,.user small{font-size:11px;display:block;color:#88a59b;margin-top:5px}.nav-label{font-size:10px;letter-spacing:1.7px;color:#7d9e94;margin:0 14px 13px}nav{display:grid;gap:6px}nav button{background:none;border:0;color:#a9c1b8;display:flex;align-items:center;gap:14px;text-align:left;padding:13px 15px;border-radius:7px;font-size:13px}nav button span{font-size:19px;width:20px}nav button:hover{background:#1b4039}nav button.active{background:#245345;color:#d7ffe5;box-shadow:inset 3px 0 #8bdbab}.sidebar-bottom{margin-top:auto}.channel{display:flex;align-items:center;gap:10px;padding:16px 12px;border:1px solid #2a4941;border-radius:8px;margin-bottom:22px}.dot{display:inline-block;background:#67bb8b;width:7px;height:7px;border-radius:50%;flex-shrink:0}.user{border-top:1px solid #2b4541;padding:18px 0 0;display:flex;gap:10px;align-items:center}.avatar{background:#e7f2ed;color:#276d58;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:600}.user button{margin-left:auto;background:none;border:0;color:#a9c1b8;font-size:22px}.main{margin-left:248px;flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--border);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 38px;font-size:12px;color:var(--muted)}.topbar strong{color:#344c45;font-weight:500}.slash{margin:0 15px;color:#c5d0ca}.topbar>div{display:flex;align-items:center;gap:24px}.live{display:flex;align-items:center;gap:8px}.content{max-width:1600px;margin:auto;padding:35px 38px 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:650;color:#69847b;margin:0 0 10px}h1{font-size:29px;letter-spacing:-1px;font-weight:650;margin:0 0 9px}h2{font-size:16px;margin:0;font-weight:600;letter-spacing:-.3px}.page-heading p:last-child{font-size:13px;color:var(--muted);margin:0}.primary,.secondary{border-radius:6px;padding:10px 14px;font-weight:500;font-size:12px;white-space:nowrap}.primary{background:var(--green);color:white;border:1px solid var(--green)}.primary:hover{background:#095d50}.secondary{background:white;border:1px solid #dce5e0;color:#3e5a50}.secondary:hover{background:#edf4ef}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{background:white;border:1px solid var(--border);border-radius:10px;padding:20px}.stat-head{display:flex;align-items:center;justify-content:space-between;color:#6d8178;font-size:12px}.stat-icon{background:#eff5f1;color:#588570;display:grid;place-items:center;width:31px;height:31px;border-radius:7px;font-size:17px}.stat-value{font-size:32px;letter-spacing:-1px;margin:12px 0 9px;line-height:1.1;font-weight:600}.stat small{font-size:11px;color:#8a9a92}.stat.failure .stat-icon{background:#fff2e9;color:#c28151}.panel{background:white;border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-heading{padding:23px 24px;display:flex;justify-content:space-between;align-items:center}.panel-heading p{font-size:12px;color:var(--muted);margin:7px 0 0}.pill{background:#f1f6f3;border:1px solid #e0eae3;padding:6px 9px;border-radius:5px;font-size:9px;letter-spacing:1px;color:#718777}.filters{padding:17px 24px;background:#fcfdfc;display:flex;gap:11px;align-items:end;border-block:1px solid var(--border);flex-wrap:wrap}.filters label{font-size:10px;color:#75877d;display:grid;gap:6px}.filters input,.filters select{height:36px;background:white;border:1px solid #dfe6e0;border-radius:5px;padding:0 10px;font-size:11px;color:#52685d;min-width:105px}.filters .search-label{flex:1;min-width:150px}.filters input[type=search]{width:100%}.filters input[type=date]{width:128px}.filters button{height:36px}.text-button{background:none;border:0;color:#657f70;font-size:11px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.8px;color:#89968d;font-weight:600;padding:14px 20px;background:#fcfdfc;border-bottom:1px solid var(--border)}td{padding:18px 20px;border-bottom:1px solid #edf1ed;font-size:12px;color:#617267}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf9}td strong{display:block;font-weight:550;color:#314e3c;margin-bottom:4px}td small{font-size:10px;color:#93a094}.contact-cell{display:flex;gap:11px;align-items:center}.contact-cell .avatar{background:#eff3ef;font-size:10px}.message-preview{max-width:280px;overflow:hidden;text-overflow:ellipsis}.direction{font-size:11px;color:#7e8e83}.status{display:inline-block;font-size:10px;border-radius:5px;padding:5px 8px;background:#eff3f5;color:#647d8d}.status.read,.status.delivered{color:#377b53;background:#edf7ee}.status.failed{color:#b16e3e;background:#fff1e6}.status.queued{color:#a08334;background:#faf5e5}.status.simulated{color:#7a65a4;background:#f2edf8}.status.accepted,.status.sent{background:#edf4fb;color:#547da2}.detail-link{border:0;background:none;color:#6f8b7a;padding:5px 8px;font-size:18px}.table-footer{padding:17px 24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7c9082}.table-footer>div{display:flex;gap:8px}.table-footer .secondary{font-size:11px;padding:7px 10px}.empty{text-align:center;padding:65px 24px;color:#87988c;white-space:normal}.empty strong{font-size:15px;margin-bottom:8px}.footnote{display:flex;justify-content:space-between;margin-top:25px;color:#97a399;font-size:10px}.notice,.error-banner{padding:13px 16px;border-radius:7px;font-size:12px;margin-bottom:20px}.notice{background:#fff7e5;border:1px solid #efdfb8;color:#9a7c37}.error-banner,.error{color:#a74343}.error-banner{background:#fff0ee;border:1px solid #f0cfca}.settings{padding:0 24px 24px;display:grid;grid-template-columns:220px 1fr;font-size:13px;gap:0;margin:0}.settings dt,.settings dd{border-top:1px solid var(--border);padding:17px 0;margin:0}.settings dt{color:#829187}dialog{border:1px solid #dde5df;border-radius:12px;padding:0;width:min(760px,94vw);max-height:90vh;color:#294636;box-shadow:0 24px 100px #102f2d33}dialog::backdrop{background:#0b252b66;backdrop-filter:blur(2px)}.detail-heading{display:flex;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:white}.detail-heading .eyebrow{margin-bottom:5px}#detail-content{padding:24px}pre{font-family:Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:#f4f7f4;padding:16px;line-height:1.65;border-radius:7px}.bubble{padding:15px 17px;background:#f1f5f2;border-radius:9px;margin:12px 50px 12px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65}.bubble.outbound{margin:12px 0 12px 50px;background:#e9f3ed}.bubble small{display:block;color:#87988b;font-size:10px;margin-bottom:7px}.detail-meta{font-size:12px;color:#7f9185;overflow-wrap:anywhere;line-height:1.8}.detail-subtitle{font-size:14px;margin:24px 0 12px}.timeline-row{padding:12px 0;border-bottom:1px solid var(--border);display:flex;gap:14px;align-items:center;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-brand{background:#102f2d;color:#e4f4eb;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-brand h1{font-size:clamp(38px,4.5vw,64px);line-height:1.15;letter-spacing:-2px;font-weight:500}.login-brand .eyebrow{color:#82c3a4}.login-brand p:not(.eyebrow){color:#a3bfb0;max-width:310px;line-height:1.8}.login-brand small{font-size:11px;color:#7d9e8b}.login-form{display:grid;place-items:center;padding:35px}.login-form form{width:min(360px,100%)}.brand-icon{background:#e1eee5;color:#317955;font-size:28px;padding:10px 16px;border-radius:10px;display:inline-block;margin-bottom:30px}.login-form h2{font-size:27px;letter-spacing:-1px}.login-form p{color:#8a988f;font-size:13px;margin-bottom:25px}.login-form label{display:grid;gap:8px;font-size:12px;margin-top:20px;color:#5d7465}.login-form input{height:43px;padding:0 12px;border:1px solid #d9e2da;border-radius:6px;background:white}.login-form button{width:100%;display:flex;justify-content:space-between;padding:13px 16px}.login-form small{font-size:10px;color:#93a095;display:block;text-align:center;margin-top:23px}.login-form p.error{color:#a74343;margin:14px 0;min-height:16px}@media(min-width:1600px){.content{padding-top:50px}}@media(max-width:1200px){.sidebar{width:215px}.main{margin-left:215px}.content{padding:28px 24px}.topbar{padding:0 24px}.stats{gap:10px}.stat{padding:16px}.filters{padding:16px}.filters label{flex:1}.filters input[type=date]{width:100%}td,th{padding-left:14px;padding-right:14px}.message-preview{max-width:190px}}@media(max-width:800px){.sidebar{width:72px;padding:25px 10px}.wordmark{font-size:26px}.sidebar .wordmark span,.workspace,.nav-label,.sidebar-bottom{display:none}nav{margin-top:35px}nav button{font-size:0;padding:12px;justify-content:center}nav button span{font-size:22px}.main{margin-left:72px}.topbar{height:60px;padding:0 18px}.topbar .live{display:none}.content{padding:24px 18px}.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:24px}.page-heading{gap:12px}.page-heading p:last-child{font-size:12px}.filters input,.filters select{width:100%}.filters label{min-width:130px}.panel-heading{padding:20px 16px}.pill{display:none}.footnote{gap:15px;line-height:1.6}.settings{grid-template-columns:1fr}.settings dt{padding-bottom:0}.settings dd{border:0;padding-top:8px}.login{grid-template-columns:1fr}.login-brand{display:none}.login-form{min-height:100vh}.table-footer{padding:15px;gap:10px}.table-footer>div{gap:5px}.page-heading .secondary{font-size:16px}.page-heading .secondary span{display:none}}

@media(max-width:800px){.sidebar .sidebar-bottom{display:block}.sidebar .channel,.sidebar .user>div,.sidebar .user>.avatar{display:none}.sidebar .user{justify-content:center}.sidebar .user button{margin:0;padding:8px}}