@charset "UTF-8";
:root{color-scheme:light;--bg:#f5f6f8;--surface:#fff;--ink:#1d2827;--muted:#818b91;--line:#e9ecee;--green:#147d64;--green-soft:#eaf6f0;--sidebar:#142522;--radius:16px;--font:"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.icon{width:20px;height:20px;flex:none;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #46a98a;outline-offset:4px}button,input,a,summary{outline-offset:4px}::selection{background:#c9eadc}
.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:36px 20px 24px;background:var(--sidebar);color:#fff}.brand{display:flex;align-items:center;gap:12px;padding:0 12px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:#bcf0d4;color:#163d2f;border-radius:12px}.brand-mark .icon{width:26px;height:26px}.brand-name{font-size:23px;font-weight:750;letter-spacing:-1px;line-height:1}.brand-caption{display:block;margin-top:7px;font-size:10px;font-weight:500;letter-spacing:1.8px;color:#a4b6af;text-transform:uppercase}.nav-label{margin:52px 14px 15px;font-size:10px;letter-spacing:1.8px;color:#7c948b;text-transform:uppercase;font-weight:650}.side-nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 14px;border:0;border-radius:9px;color:#a9bcb3;font-size:13px;font-weight:550;text-align:left;background:none}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#ffffff0b;color:#fff}.nav-item.active{background:#ffffff10;color:#c5f0d9;box-shadow:inset 3px 0 #9bd7b6}.nav-item .nav-dot{width:6px;height:6px;border-radius:50%;background:#a7e1be;margin-left:auto}.side-note{margin-top:auto;padding:24px 14px;color:#98ada3;font-size:12px}.side-note .note-symbol{display:flex;align-items:center;gap:8px;color:#c4d5cc;margin-bottom:7px;font-weight:550}.account{display:flex;align-items:center;gap:10px;padding:20px 10px 0;border-top:1px solid #ffffff10}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#2a4037;color:#d4e7d9;font-size:13px;font-weight:650}.account-name{font-size:12px;color:#e0e9e4}.account-role{font-size:10px;color:#89a093}.logout-button{display:grid;place-items:center;margin-left:auto;width:34px;height:34px;color:#9bb1a6;border:0;border-radius:8px;background:none}.logout-button:hover{background:#ffffff12;color:white}.logout-form{margin-left:auto}
.workspace{min-width:0;padding:0 44px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:86px;border-bottom:1px solid var(--line);font-size:12px}.breadcrumbs{display:flex;align-items:center;gap:13px;color:#91999f}.breadcrumbs strong{color:#42514b;font-weight:550}.breadcrumbs .slash{color:#cbd0d3}.topbar-right{display:flex;align-items:center;gap:20px}.topbar-date{color:var(--muted)}.connection{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--green);font-weight:550;white-space:nowrap}.connection:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #147d640b}.connection.offline{color:#af6a20}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:34px 0 30px}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--green);font-weight:700;margin-bottom:8px}h1{font-size:30px;font-weight:650;line-height:1.25;letter-spacing:-1.05px}.page-description{margin-top:9px;color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 15px;border-radius:9px;border:1px solid #dce3df;background:white;color:#42554a;font-size:12px;font-weight:600;white-space:nowrap}.button:hover{background:#f4f9f6;border-color:#c3d7ca}.button .icon{width:16px;height:16px}.button.primary{color:white;background:var(--green);border-color:var(--green)}.button.primary:hover{background:#10654f}.button.primary:disabled{background:var(--green)}.refresh-button[disabled] .icon{animation:spin 1.2s linear infinite}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:30px}.stat-card{display:block;padding:21px 22px 19px;background:white;border:1px solid var(--line);border-radius:var(--radius);transition:transform .18s,border-color .18s}.stat-card:hover{transform:translateY(-2px);border-color:#bfd6c8}.stat-card.featured{background:#1b4638;border-color:#1b4638;color:#fff}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.stat-label{font-size:12px;color:#7b858b}.stat-card.featured .stat-label{color:#b4cebf}.stat-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f3f6f5;color:#789084}.stat-icon .icon{width:17px;height:17px}.featured .stat-icon{background:#ffffff0c;color:#b2dbc4}.stat-number{margin-top:8px;font-size:35px;line-height:1.25;letter-spacing:-1.4px;font-weight:600;font-variant-numeric:tabular-nums}.stat-bottom{margin-top:10px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#98a1a4}.stat-bottom .icon{width:14px;height:14px}.featured .stat-bottom{color:#99bbaa}.stat-card.sms .stat-icon{background:#eaf6f0;color:#379b75}.stat-card.call .stat-icon{background:#fff5e7;color:#b38b4a}.stat-card.device .stat-icon{background:#eef1fc;color:#7b88bb}
.journal-panel{border:1px solid var(--line);border-radius:var(--radius);background:white;overflow:hidden}.panel-heading{padding:24px 26px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-title{display:flex;align-items:center;gap:9px}h2{font-size:16px;letter-spacing:-.3px;font-weight:650}.count-label{display:inline-block;padding:2px 7px;border-radius:5px;background:#f2f4f5;color:#7f8b88;font-size:10px;font-weight:550;font-variant-numeric:tabular-nums}.panel-subtitle{margin-top:5px;color:#97a0a4;font-size:11px}.search-field{display:flex;align-items:center;gap:9px;border:1px solid #e7eaec;border-radius:8px;padding:8px 11px;width:280px;background:#fcfdfd}.search-field:focus-within{border-color:#78b39b;box-shadow:0 0 0 3px #147d6408}.search-field>.icon{color:#9ba5a8;width:16px;height:16px}.search-field input{border:0;outline:none;background:transparent;width:100%;min-width:0;color:#435249;font-size:12px}.search-field input::placeholder{color:#a1a9ad}.search-key{border:1px solid #e5e9e7;border-radius:3px;color:#a1aba5;font:10px var(--font);padding:0 4px}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 26px 19px}.filters{display:flex;flex-wrap:wrap;gap:5px;background:#f5f7f6;border:1px solid #eef0ef;border-radius:8px;padding:3px}.filter{padding:6px 13px;border-radius:5px;font-size:11px;color:#8a9390;font-weight:550;white-space:nowrap}.filter:hover{color:#285d45}.filter.active{color:#2b654c;background:#fff;box-shadow:0 1px 4px #10271a10}.list-note{display:flex;align-items:center;gap:6px;font-size:10px;color:#9ba4a2}.list-note .icon{width:13px;height:13px}
.table-wrap{overflow-x:auto}.event-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.event-table th{padding:12px 20px;background:#fafbfb;border-top:1px solid #eef0ef;border-bottom:1px solid #eef0ef;font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:1.1px;color:#9aa3a0}.event-table th:first-child,.event-table td:first-child{padding-left:26px}.event-table th:last-child,.event-table td:last-child{padding-right:26px}.event-table th:nth-child(1){width:143px}.event-table th:nth-child(3){width:126px}.event-table th:nth-child(4){width:150px}.event-table th:nth-child(5){width:108px}.event-table th:nth-child(6){width:59px}.event-table td{padding:20px;border-bottom:1px solid #eff1f0;vertical-align:top}.event-table tbody tr:last-child td{border-bottom:0}.event-row:hover{background:#fcfdfc}.event-row.is-new{animation:arrive 1.8s ease-out}.type-cell{display:flex;gap:10px;align-items:center}.type-icon{display:grid;place-items:center;width:33px;height:33px;flex:none;border:1px solid #e5eae7;background:#f5f7f6;color:#7b8e83;border-radius:10px}.type-icon .icon{width:15px;height:15px}.type-icon.sms{color:#3e9d75;background:#edf8f1;border-color:#e0f0e6}.type-icon.call{color:#bb9957;background:#fdf7ec;border-color:#f6ecd8}.type-icon.device{color:#8793c3;background:#f3f4fb;border-color:#e8ebf8}.type-name{font-size:11px;font-weight:600}.event-id{font-size:9px;color:#b0b7b4;margin-top:2px;font-variant-numeric:tabular-nums}.message-block summary{list-style:none;cursor:pointer;outline-offset:5px}.message-block summary::-webkit-details-marker{display:none}.sender-line{display:flex;gap:10px;align-items:center;justify-content:space-between}.sender{display:block;font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.expand-mark{font-size:12px;color:#aeb8b2;flex:none}.message-block[open] .expand-mark{transform:rotate(45deg)}.event-message{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere;font-size:11px;color:#8b9690;margin-top:5px;line-height:1.65}.message-block[open] .event-message{display:block;color:#687b70}.event-details{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;margin:12px 0 0;padding-top:10px;border-top:1px dashed #e4eae6;font-size:10px;color:#8a9890}.event-details dt{color:#9ba69e}.event-details dd{margin:0;overflow-wrap:anywhere}.code-button{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border:1px solid #dfede4;background:#f4faf6;border-radius:6px;color:#38734f;font-family:Consolas,"SFMono-Regular",monospace;font-size:12px;font-weight:600;letter-spacing:.8px}.code-button .icon{width:12px;height:12px;color:#9bb8a4}.code-button:hover{background:#e7f5ec;border-color:#aacaaf}.dash{color:#d1d8d4}.device-label{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.8;color:#86928b;overflow-wrap:anywhere}.device-label>.icon{width:13px;height:13px;color:#abb6ae}.event-time{font-size:10px;color:#6d7d72;white-space:nowrap;line-height:1.8}.time-date{display:block;font-size:9px;color:#aeb7b0;margin-top:2px}.delete-button{display:grid;place-items:center;border:0;background:none;color:#bdc7c0;padding:5px;border-radius:6px;width:28px;height:28px}.delete-button .icon{width:15px;height:15px}.delete-button:hover{background:#fff0ef;color:#c45c55}.panel-footer{padding:15px 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;color:#a2aba6;font-size:10px}.panel-footer strong{font-weight:550;color:#7e8e83}.empty-state{padding:65px 24px;text-align:center;color:#8b9990}.empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 17px;border-radius:18px;background:#f1f6f3;color:#9eb5a6}.empty-icon .icon{width:26px;height:26px}.empty-state h3{font-size:15px;font-weight:600;color:#5b7163}.empty-state p{font-size:12px;margin:7px auto 0;max-width:320px}.page-footer{display:flex;justify-content:space-between;margin-top:24px;font-size:10px;color:#a7b0ab}.footer-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#c2cdc5;margin:0 8px;vertical-align:middle}.toast{position:fixed;bottom:26px;left:calc(50% + 116px);transform:translateX(-50%);max-width:calc(100vw - 32px);padding:11px 19px;border-radius:10px;background:#1c382a;color:#e3f1e7;font-size:12px;box-shadow:0 6px 30px #142e2420;z-index:20}
.api-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.api-card{padding:26px;background:white;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.api-card.wide{grid-column:1/-1}.api-card p{color:#86958a;font-size:12px;line-height:1.8;margin-top:12px}.api-card h2{display:flex;align-items:center;gap:9px}.method{font:600 10px Consolas,monospace;padding:4px 7px;border-radius:5px;background:#e9f5ee;color:#347f54;letter-spacing:.5px}.method.get{background:#eef2fa;color:#697fa8}.endpoint{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e8eee9;border-radius:8px;padding:12px 14px;margin-top:18px;background:#fafcfb}.endpoint code{font-size:12px;word-break:break-all}.icon-button{border:0;background:none;color:#8ba295;padding:5px;border-radius:5px;display:inline-flex}.icon-button:hover{background:#e8f2ec;color:var(--green)}.api-card pre{overflow:auto;padding:20px;background:#172d23;color:#bde1c8;border-radius:10px;font:12px/1.9 Consolas,monospace;margin:18px 0 0}.api-card code{font-family:Consolas,monospace}.api-list{padding:0;list-style:none;margin:20px 0 0}.api-list li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px;color:#88978b}.api-list li:last-child{border:0}.api-list code{color:#426951}.notice{display:flex;align-items:flex-start;gap:13px;background:#eef6f0;border:1px solid #e0ece2;border-radius:10px;padding:16px 18px;color:#6a8e73;font-size:12px;margin-top:20px}.notice .icon{width:18px;height:18px;margin-top:1px}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(400px,45%) 1fr}.login-visual{background:var(--sidebar);color:white;padding:48px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-visual .brand{padding:0}.login-story{margin:auto 0;max-width:430px;padding:65px 0 40px}.login-story h1{font-size:49px;line-height:1.16;letter-spacing:-2px;font-weight:550}.login-story h1 span{color:#a7d5b8}.login-story p{font-size:14px;line-height:1.9;color:#90aa9b;max-width:330px;margin-top:22px}.signal-art{margin-top:48px;position:relative;display:flex;align-items:center;gap:16px;max-width:340px}.signal-node{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;border:1px solid #6f9b7e40;background:#ffffff05;color:#b5dac2;flex:none}.signal-node.primary{background:#bfebcd;color:#285d3b;border-color:#bfebcd}.signal-line{height:1px;background:#6f9b7e50;flex:1;position:relative}.signal-line:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#86b995;top:-2px;left:50%}.login-visual-footer{display:flex;align-items:center;gap:8px;font-size:11px;color:#7b9786}.login-visual-footer .icon{width:15px;height:15px}.login-main{display:grid;place-items:center;padding:44px 26px}.login-card{width:100%;max-width:340px}.login-card h2{font-size:29px;letter-spacing:-1px;font-weight:650;margin-top:10px}.login-card>p{color:#91a096;font-size:13px;margin:9px 0 34px}.login-field{display:block;margin-bottom:20px}.login-label{display:block;font-size:11px;font-weight:600;margin-bottom:8px;color:#5a7061}.login-input-wrap{position:relative}.login-input{width:100%;height:46px;border:1px solid #dde5df;border-radius:9px;background:#fff;padding:11px 14px;color:#35523d;font-size:13px;outline:none}.login-input:focus{border-color:#78ad87;box-shadow:0 0 0 3px #147d6409}.login-input::placeholder{color:#b0bab3}.password-toggle{position:absolute;right:8px;top:7px;width:32px;height:32px;display:grid;place-items:center;border:0;background:none;border-radius:6px;color:#9ead9f}.password-toggle:hover{background:#f2f7f3}.password-toggle .icon{width:17px;height:17px}.login-input.password{padding-right:48px}.login-submit{width:100%;margin-top:8px;min-height:46px;justify-content:space-between;padding:10px 17px}.login-bottom{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#a1afa4;margin-top:25px}.login-bottom .icon{width:13px;height:13px}.login-error{font-size:12px;background:#fff1ed;border:1px solid #f2d6cc;color:#ae5d45;padding:12px 14px;border-radius:9px;margin-bottom:22px}.mobile-brand{display:none}
@keyframes arrive{from{background:#eaf7ef}to{background:transparent}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.workspace{padding-left:60px;padding-right:60px}.event-table td{padding-top:22px;padding-bottom:22px}.event-table th:nth-child(1){width:165px}.event-table th:nth-child(4){width:175px}}
@media(max-width:1250px){.workspace{padding-left:26px;padding-right:26px}.app-shell{grid-template-columns:204px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.stat-card{padding:18px}.event-table th:nth-child(1){width:125px}.event-table th:nth-child(3){width:112px}.event-table th:nth-child(4){width:115px}.event-table th:nth-child(5){width:95px}.event-table td{padding:18px 12px}.event-table th{padding:12px}.toast{left:calc(50% + 102px)}.login-visual{padding:40px}.login-story h1{font-size:42px}}
@media(max-width:1000px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:28px 12px 20px;align-items:center}.brand{padding:0}.sidebar .brand-text,.nav-label,.nav-text,.nav-dot,.side-note,.account-details,.sidebar .avatar{display:none}.side-nav{width:100%;margin-top:44px;gap:12px}.nav-item{justify-content:center;padding:13px}.nav-item.active{box-shadow:none;background:#ffffff14}.account{margin-top:auto;padding-top:16px;width:100%;justify-content:center}.logout-form{margin:0}.workspace{padding:0 24px 24px}.stats-grid{gap:12px}.stat-card{padding:16px}.stat-number{font-size:30px}.stat-bottom{font-size:9px}.stat-label{font-size:11px}.stat-icon{width:28px;height:28px}.event-table th:nth-child(4){width:105px}.event-table th:nth-child(5){width:92px}.event-table th:nth-child(1){width:112px}.event-table th:nth-child(6){width:43px}.event-table td:last-child,.event-table th:last-child{padding-right:14px}.event-table td:first-child,.event-table th:first-child{padding-left:20px}.type-cell{gap:7px}.type-icon{width:28px;height:28px;border-radius:8px}.toast{left:calc(50% + 38px)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;height:auto;flex-direction:row;justify-content:space-between;padding:16px 20px;gap:12px}.sidebar .brand-text{display:block}.brand-mark{width:32px;height:32px;border-radius:9px}.brand-mark .icon{width:22px;height:22px}.brand-name{font-size:20px}.brand-caption{display:none}.side-nav{display:flex;width:auto;margin:0;gap:4px}.nav-item{min-height:36px;padding:9px}.nav-item .icon{width:17px;height:17px}.account{margin:0;padding:0;border:0;width:auto}.logout-button{width:30px;height:34px}.workspace{padding:0 18px 22px}.topbar{height:58px;font-size:10px}.topbar-date{display:none}.connection{font-size:10px}.page-heading{padding:24px 0;align-items:flex-end}.eyebrow{font-size:9px;margin-bottom:7px}h1{font-size:26px}.page-description{font-size:11px;max-width:220px;line-height:1.7}.refresh-button{width:38px;min-height:38px;padding:8px}.refresh-button>span{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.stat-card{padding:16px 17px;border-radius:12px}.stat-number{font-size:30px}.stat-bottom{margin-top:6px}.panel-heading{padding:20px 18px 16px;flex-direction:column;align-items:stretch;gap:17px}.panel-title h2{font-size:15px}.search-field{width:100%;padding:9px 11px}.filter-bar{padding:0 18px 17px}.filters{gap:1px;width:100%;justify-content:space-between}.filter{padding:6px 10px;flex:1;text-align:center}.list-note{display:none}.event-table{display:block}.event-table thead{display:none}.event-table tbody{display:block}.event-row{display:grid;grid-template-columns:1fr auto;gap:14px 12px;padding:19px 18px;border-bottom:1px solid var(--line);position:relative}.event-table td{display:block;padding:0!important;border:0}.event-table td:nth-child(1){grid-column:1;grid-row:1}.event-table td:nth-child(2){grid-column:1/-1;grid-row:2}.event-table td:nth-child(3){grid-column:1;grid-row:3;padding-top:2px!important;min-height:30px}.event-table td:nth-child(4){grid-column:2;grid-row:3;align-self:center}.event-table td:nth-child(5){position:absolute;right:53px;top:18px;text-align:right}.event-table td:nth-child(6){position:absolute;top:18px;right:14px}.type-icon{width:31px;height:31px}.type-cell{gap:9px}.sender{font-size:13px}.event-message{font-size:12px;line-height:1.75}.expand-mark{font-size:15px;padding-right:4px}.event-time{font-size:10px}.device-label{font-size:11px}.panel-footer{padding:14px 18px;font-size:9px;flex-wrap:wrap}.page-footer{font-size:9px;gap:10px}.page-footer>span:last-child{display:none}.toast{left:50%;bottom:20px}.api-grid{grid-template-columns:1fr}.api-card{padding:21px}.api-card.wide{grid-column:auto}.api-card pre{font-size:11px;padding:16px}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-main{min-height:100vh;align-content:center;padding:35px 26px}.mobile-brand{display:flex;margin-bottom:44px}.mobile-brand .brand-name{color:#274e34}.mobile-brand .brand-mark{background:#dfefe4}.login-card h2{font-size:28px}}
.viewer-header{background:var(--sidebar);color:white}.viewer-header-inner{max-width:1120px;margin:auto;padding:23px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.viewer-header .brand{padding:0}.viewer-admin-link{display:flex;align-items:center;gap:9px;color:#b3cdbd;font-size:12px;padding:9px 13px;border:1px solid #ffffff1b;border-radius:9px}.viewer-admin-link:hover{background:#ffffff0a;color:#e2f2e8}.viewer-admin-link .icon{width:15px;height:15px}.viewer-shell{max-width:1120px;padding:0 32px 30px;margin:auto}.viewer-shell .page-heading{padding:34px 0 27px}.viewer-toolbar{border:1px solid var(--line);background:white;border-radius:16px;margin-bottom:18px}.viewer-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.viewer-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0;transition:border-color .15s}.viewer-card:hover{border-color:#ccdfd2}.viewer-card.is-new{animation:arrive 1.8s ease-out}.viewer-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.viewer-card .type-icon{width:30px;height:30px;border-radius:9px}.viewer-card .event-time{font-size:10px;color:#9daaa1;white-space:normal;text-align:right}.viewer-message{margin:20px 0}.viewer-message .sender{font-size:14px;color:#344d3c}.viewer-message .event-message{font-size:13px;line-height:1.85;color:#8a998e;margin-top:9px;-webkit-line-clamp:3}.viewer-message[open] .event-message{color:#637d6c}.viewer-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #f0f3f1}.viewer-card-meta{font-size:10px;color:#a4b1a8;text-align:right;overflow-wrap:anywhere}.viewer-card-footer .device-label{font-size:10px;min-width:0}.viewer-bottom{display:flex;justify-content:space-between;gap:15px;padding:19px 2px;font-size:10px;color:#a2aea5}.viewer-bottom strong{font-weight:550;color:#7e9184}.viewer-empty{background:white;border:1px solid var(--line);border-radius:14px}.viewer-shell .page-footer{padding-top:17px;margin-top:0;border-top:1px solid var(--line)}.viewer-shell .page-footer a:hover{color:var(--green)}
@media(max-width:760px){.viewer-header-inner{padding:19px 20px}.viewer-header .brand-caption{display:none}.viewer-shell{padding:0 18px 24px}.viewer-header .brand-name{font-size:22px}.viewer-admin-link{font-size:10px;padding:8px 10px;gap:7px}.viewer-admin-link>.icon:last-child{display:none}.viewer-shell .page-heading{padding:26px 0 22px}.viewer-shell .page-description{max-width:260px}.viewer-shell .stats-grid{margin-bottom:20px}.viewer-toolbar .filter-bar{flex-wrap:wrap;gap:15px}.viewer-toolbar .connection{font-size:10px}.viewer-feed{grid-template-columns:1fr;gap:12px}.viewer-card{padding:19px}.viewer-message{margin:18px 0}.viewer-message .event-message{font-size:12px}.viewer-message .sender{font-size:13px}.viewer-card .event-time{max-width:120px}.viewer-bottom{font-size:9px;flex-wrap:wrap}.viewer-card-footer{gap:8px}.viewer-card-meta{font-size:9px}.viewer-card-meta .footer-dot{margin:0 5px}}
/* Midnight theme, shared by login, dashboard and compact viewer. */
:root{color-scheme:dark;--bg:#090e18;--surface:#111a29;--ink:#e7eef8;--muted:#8b9bb2;--line:#223047;--green:#6ee7bd;--green-soft:#122d2b;--sidebar:#0b1220}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:radial-gradient(ellipse at 90% 0,#14333955,transparent 40%),radial-gradient(ellipse at 10% 80%,#202d5140,transparent 45%),var(--bg);color:var(--ink)}::selection{background:#245746;color:#e0fff3}*{scrollbar-width:thin;scrollbar-color:#35465f #0c1320}.sidebar{background:linear-gradient(175deg,#101e2a,#0a111e 65%);border-right:1px solid #24324780}.brand-mark{background:linear-gradient(140deg,#a1f2d2,#53d6b1);box-shadow:0 0 24px #58ddae14;color:#10372c}.nav-label{color:#7086a1}.nav-item{color:#98adc3;transition:background .2s,color .2s,transform .2s}.nav-item:hover{background:#6ee7bd09;transform:translateX(2px)}.nav-item.active{color:#a1f2d2;background:linear-gradient(90deg,#24443d90,#17303030);box-shadow:inset 3px 0 #6ee7bd}.account{border-color:var(--line)}.avatar{background:#18362f;color:#8ce7c0}.account-name{color:#d9e8f4}.account-role,.side-note{color:#7f96ab}.side-note .note-symbol{color:#adc5d3}.logout-button{color:#8ca2b9}.topbar{border-color:#22304780}.breadcrumbs{color:#7387a0}.breadcrumbs strong{color:#b6c7da}.breadcrumbs .slash{color:#42536a}.page-description,.topbar-date{color:#8b9db5}.eyebrow{color:#65dcba}.button{background:#142034;border-color:#2a3b53;color:#b5c9de;box-shadow:0 2px 0 #00000012;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.button:hover{background:#1b2d43;border-color:#47745e;box-shadow:0 4px 18px #00000020;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.primary{background:linear-gradient(110deg,#64ddb3,#8ce9c6);border-color:#7ce4bd;color:#0b2c21;box-shadow:0 8px 25px #56dca320}.button.primary:hover{background:#a0f1d1;border-color:#a0f1d1}.button.primary:disabled{background:#64ddb3}.connection{color:#6ee7bd}.connection:before{box-shadow:0 0 0 4px #6ee7bd09;animation:statusGlow 3s ease-in-out infinite}.connection.offline{color:#e6b16f}.connection.offline:before{animation:none}
.stat-card,.journal-panel,.api-card,.viewer-toolbar,.viewer-card,.viewer-empty{background:linear-gradient(135deg,#152034,#101927);border-color:#26344a;box-shadow:0 8px 28px #0000000c}.stat-card{transition:transform .25s,border-color .25s,box-shadow .25s}.stat-card:hover,.viewer-card:hover{border-color:#477666;box-shadow:0 10px 30px #00000024}.stat-card.featured{background:radial-gradient(ellipse at 100% 0,#65e9b622,transparent 70%),linear-gradient(130deg,#163e36,#132b2b);border-color:#326552;position:relative;overflow:hidden}.stat-card.featured:after{content:"";position:absolute;inset:-50% -40%;background:linear-gradient(100deg,transparent 40%,#b7ffe20a,transparent 60%);transform:translateX(-100%);animation:cardSheen 9s ease-in-out infinite;pointer-events:none}.stat-label{color:#99abc1}.stat-number{color:#edf5fc}.stat-bottom{color:#7f95ac}.featured .stat-label{color:#add9c7}.featured .stat-bottom{color:#8eb9aa}.stat-icon{background:#1c2c42;color:#9bb8ce}.stat-card.sms .stat-icon{background:#193b32;color:#7bddb4}.stat-card.call .stat-icon{background:#3c3226;color:#e1b578}.stat-card.device .stat-icon{background:#292d4a;color:#aba9ef}.featured .stat-icon{background:#56d3a914;color:#a1f2d2}.count-label{background:#243246;color:#9aafc6}.panel-subtitle{color:#7c91aa}.search-field{background:#0c1523;border-color:#26364c}.search-field input{color:#d5e4f3}.search-field input::placeholder{color:#6f859d}.search-field>.icon{color:#7b92a9}.search-key{color:#6f859d;border-color:#304058}.search-field:focus-within{border-color:#509f86;box-shadow:0 0 0 3px #6ee7bd0a}.filters{background:#0c1522;border-color:#223048}.filter{color:#7d95b0;transition:background .2s,color .2s}.filter.active{background:#213b35;color:#a4eccc;box-shadow:0 1px 5px #00000030}.filter:hover{color:#a4eccc}.list-note{color:#6f86a1}
.event-table th{background:#0d1725;border-color:#233147;color:#7c92ad}.event-table td{border-color:#24324780}.event-row:hover{background:#6ee7bd03}.event-id{color:#6b829e}.type-icon{background:#203048;border-color:#2a3f58;color:#a7bed3}.type-icon.sms{background:#15392d;border-color:#29513e;color:#7cdbaf}.type-icon.call{background:#382f22;border-color:#55432e;color:#d7af74}.type-icon.device{background:#272a44;border-color:#3c4164;color:#aaa7ec}.type-name{color:#b9cbdf}.sender,.viewer-message .sender{color:#d7e6f4}.event-message,.viewer-message .event-message{color:#90a5bc}.message-block[open] .event-message,.viewer-message[open] .event-message{color:#bed0df}.expand-mark{color:#65829c;transition:transform .25s,color .25s}.message-block summary:hover .expand-mark{color:#83e6bd}.event-details{border-color:#304057;color:#a3bad0}.event-details dt{color:#728ba7}.message-block[open] .event-details{animation:panelIn .25s ease both}.code-button{background:#16382c;border-color:#28543e;color:#91e7b8;transition:background .2s,transform .2s,box-shadow .2s}.code-button .icon{color:#659f7f}.code-button:hover{background:#204a36;border-color:#4e8a65;box-shadow:0 0 20px #70eab40a;transform:translateY(-1px)}.dash{color:#42536a}.device-label,.viewer-card-footer .device-label{color:#8ca2b8}.device-label>.icon{color:#57728e}.event-time{color:#a3b6c9}.time-date{color:#66809b}.delete-button{color:#59738e;transition:color .2s,background .2s}.delete-button:hover{background:#e0706415;color:#f39f92}.panel-footer{border-color:#233249;color:#6e87a1}.panel-footer strong,.viewer-bottom strong{color:#a0b6ca}.empty-icon{background:#1b2d3c;color:#78a993}.empty-state{color:#8da4b8}.empty-state h3{color:#c4dbd2}.page-footer{color:#627d96}.footer-dot{background:#40586d}.toast{background:#173d31;color:#c4f7de;border:1px solid #356954;box-shadow:0 15px 45px #00000055;animation:toastIn .2s ease both}
.api-card p{color:#92a8bd}.api-card code{color:#9ce6c9}.method{background:#204838;color:#93edbc}.method.get{background:#223856;color:#9ebdf1}.endpoint{background:#0a1422;border-color:#2a3e56}.endpoint code{color:#b8ddf0}.icon-button{color:#83b29c}.icon-button:hover{background:#6ee7bd0c;color:#a4f1d2}.api-card pre{background:#080f1c;border:1px solid #23334c;color:#b2cfdf}.api-card pre code{color:inherit}.api-list li{border-color:#23334c;color:#93a8bf}.api-list code{color:#8fe0be}.notice{background:#123027;border-color:#28513d;color:#99cbb2}.notice code{color:#c4f4d8}.viewer-header{background:linear-gradient(110deg,#101f2c,#0b1322);border-bottom:1px solid #24364d}.viewer-admin-link{color:#b1c8db;border-color:#2a4256;background:#102035}.viewer-admin-link:hover{background:#1b3445;color:#d8eeef}.viewer-card .event-time{color:#839bb6}.viewer-card-footer{border-color:#27384a}.viewer-card-meta{color:#708ba4}.viewer-bottom{color:#748fa8}.viewer-shell .page-footer{border-color:#25354a}.login-visual{background:radial-gradient(ellipse at 10% 35%,#194c4240,transparent 60%),linear-gradient(150deg,#101d2a,#09111e);border-right:1px solid #23334a}.login-story h1{color:#e5eef8}.login-story h1 span{color:#86e5c1}.login-story p{color:#86a0b8}.signal-node{background:#132a30;border-color:#365d53;color:#a0d9c2}.signal-node.primary{background:#7ee4bc;border-color:#7ee4bc;color:#173f2d;box-shadow:0 0 45px #5bdea42b}.signal-line{background:#3a6958}.signal-line:after{background:#83e8bb;animation:signalTravel 3s ease-in-out infinite}.login-card>p{color:#819bb1}.login-label{color:#9ab6c7}.login-input{background:#101c2e;border-color:#2a3d54;color:#e2eef7;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:#5dbb98;box-shadow:0 0 0 4px #6ee7bd0c}.login-input::placeholder{color:#607e99}.password-toggle{color:#7c9ab0}.password-toggle:hover{background:#1d3547;color:#a2e4c8}.login-bottom{color:#647e96}.login-error{background:#3b2026;border-color:#72424c;color:#f1b1af}.mobile-brand .brand-name{color:#cce4ed}.mobile-brand .brand-mark{background:#83e4bd}
.api-intro{position:relative;overflow:hidden;border:1px solid #2b4554;background:radial-gradient(ellipse at 100% 0,#6ee7bd12,transparent 65%),linear-gradient(120deg,#142b30,#111c30);border-radius:18px;padding:30px 32px;margin-bottom:22px}.api-kicker{font-size:10px;letter-spacing:2.5px;color:#69d6b1;font-weight:650}.api-intro h2{font-size:27px;letter-spacing:-.9px;margin:10px 0;color:#e1f2ef}.api-intro p{font-size:13px;color:#8faab7;max-width:600px}.docs-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.docs-nav a{padding:6px 12px;border:1px solid #2d4754;border-radius:7px;font-size:11px;color:#9cb9c7;background:#09182450;transition:background .2s,border-color .2s}.docs-nav a:hover{background:#23514155;border-color:#487d66;color:#b6ecd4}.section-number{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#698ba3;margin-bottom:13px}.docs-grid h2{font-size:18px}.token-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.token-box{min-width:0;padding:22px;border:1px solid #2a3d50;border-radius:12px;background:#0b1725}.token-title{display:flex;align-items:center;gap:9px}.token-title h3{font-size:13px;color:#b9d2df;font-weight:600}.token-box>code{display:block;overflow-wrap:anywhere;word-break:break-all;margin:18px 0;color:#c1ebd6;font-size:13px;line-height:1.9;user-select:all}.token-box p{font-size:11px;margin-top:12px}.small-button{font-size:11px;min-height:33px;padding:6px 10px}.small-button .icon{width:13px;height:13px}.snippet-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:23px;margin-bottom:14px}.snippet-tab{padding:8px 15px;border:1px solid #2b3c51;background:#0d1827;border-radius:7px;color:#809bb5;font-size:11px;transition:all .2s}.snippet-tab.active{background:#1f4537;border-color:#3d775a;color:#a2efc7}.snippet-tab:hover{color:#d1eee0;border-color:#4c7562}.snippet-panel{animation:panelIn .25s ease both}.snippet-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 15px;background:#17253a;border:1px solid #293c53;border-bottom:0;border-radius:9px 9px 0 0;color:#7e9ab3;font-size:10px;margin-top:20px}.snippet-copy{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:none;border:1px solid #354f65;border-radius:5px;color:#a2bdcd;font-size:10px;transition:background .2s,color .2s}.snippet-copy .icon{width:12px;height:12px}.snippet-copy:hover{background:#254838;color:#c0eed6}.snippet-heading+pre,.snippet-panel pre{margin-top:0;border-radius:0 0 9px 9px;max-height:560px}.snippet-hint{font-size:11px!important}.response-label{margin-top:23px;color:#71b599;font:10px Consolas,monospace;letter-spacing:.6px}.response-label+pre{margin-top:9px}.docs-table-wrap{max-width:100%;overflow:auto;border:1px solid #263b50;border-radius:9px;margin-top:20px}.docs-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.8}.docs-table th{padding:13px 16px;background:#142238;color:#809fb9;font-size:10px;letter-spacing:.6px;font-weight:600}.docs-table td{padding:13px 16px;border-top:1px solid #25364b;color:#9aafc3;vertical-align:top;min-width:130px}.docs-table td:first-child{min-width:110px;white-space:nowrap}.docs-table tr:hover td{background:#6ee7bd03}.docs-details{border-top:1px solid #293d50;margin-top:24px;padding-top:18px}.docs-details summary{font-size:13px;font-weight:600;color:#b8dacb;cursor:pointer;list-style-position:inside}.docs-details[open]>summary{margin-bottom:14px}.docs-steps{color:#94adc1;font-size:12px;line-height:1.9;padding-left:23px}.docs-steps li{padding:5px 0 5px 5px}.docs-steps li::marker{color:#69c39f;font-weight:600}.api-card[id]{scroll-margin-top:24px}
.page-heading{animation:panelIn .45s ease both}.stats-grid>.stat-card{animation:panelIn .5s ease backwards}.stats-grid>.stat-card:nth-child(2){animation-delay:60ms}.stats-grid>.stat-card:nth-child(3){animation-delay:120ms}.stats-grid>.stat-card:nth-child(4){animation-delay:180ms}.journal-panel,.viewer-toolbar,.login-card{animation:panelIn .55s ease both}.api-intro{animation:panelIn .4s ease both}.docs-grid{animation:panelIn .55s ease both}.message-block .expand-mark{display:inline-block}.toast[hidden]{animation:none}
@keyframes panelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes statusGlow{0%,100%{box-shadow:0 0 0 4px #6ee7bd09}50%{box-shadow:0 0 0 6px #6ee7bd12}}@keyframes signalTravel{0%,100%{translate:-10px 0;opacity:.4}50%{translate:10px 0;opacity:1}}@keyframes cardSheen{0%,65%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes arrive{from{background:#22443a}to{background:transparent}}
@media(max-width:760px){.api-intro{padding:24px 21px}.api-intro h2{font-size:23px}.api-intro p{font-size:12px}.token-grid{grid-template-columns:1fr}.token-box{padding:19px}.token-box>code{font-size:12px}.docs-nav{gap:6px}.docs-nav a{font-size:10px;padding:6px 10px}.endpoint{align-items:flex-start;flex-direction:column}.snippet-tabs{gap:5px}.snippet-tab{padding:7px 10px;font-size:10px}.snippet-heading{padding:10px 12px;font-size:9px;gap:8px}.snippet-copy{font-size:9px;white-space:nowrap}.docs-table td,.docs-table th{padding:11px 12px;font-size:11px}.docs-grid h2{font-size:16px}.nav-item.active{box-shadow:none}.snippet-heading+pre,.snippet-panel pre{max-height:450px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}