:root{--bg: #f4f5f8;--surface: #ffffff;--surface-2: #f8f9fb;--surface-hover: #f1f3f7;--border: #e4e7ec;--border-strong: #d0d5dd;--text: #101828;--text-2: #344054;--muted: #667085;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--accent-text: #3730a3;--on-accent: #ffffff;--success: #067647;--success-soft: #ecfdf3;--danger: #d92d20;--danger-soft: #fef3f2;--warning: #b54708;--warning-soft: #fffaeb;--info: #175cd3;--info-soft: #eff8ff;--neutral-soft: #f2f4f7;--sidebar-bg: #0f172a;--sidebar-text: #cbd5e1;--sidebar-muted: #64748b;--sidebar-active: rgb(255 255 255 / .08);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgb(16 24 40 / .05);--shadow: 0 1px 3px rgb(16 24 40 / .08), 0 1px 2px rgb(16 24 40 / .04);--shadow-lg: 0 20px 40px -12px rgb(16 24 40 / .25);--ring: 0 0 0 4px rgb(79 70 229 / .16);color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--bg: #0b0e14;--surface: #131720;--surface-2: #171c26;--surface-hover: #1c2230;--border: #232a38;--border-strong: #2f3848;--text: #f2f4f7;--text-2: #d0d5dd;--muted: #8a94a6;--accent: #818cf8;--accent-hover: #a5b4fc;--accent-soft: rgb(129 140 248 / .14);--accent-text: #c7d2fe;--on-accent: #0b0e14;--success: #47cd89;--success-soft: rgb(71 205 137 / .12);--danger: #f97066;--danger-soft: rgb(249 112 102 / .12);--warning: #fdb022;--warning-soft: rgb(253 176 34 / .12);--info: #53b1fd;--info-soft: rgb(83 177 253 / .12);--neutral-soft: #1c2230;--sidebar-bg: #0a0d13;--sidebar-text: #cbd5e1;--sidebar-muted: #5b6577;--sidebar-active: rgb(255 255 255 / .06);--shadow-sm: none;--shadow: 0 1px 2px rgb(0 0 0 / .4);--shadow-lg: 0 24px 48px -12px rgb(0 0 0 / .6);--ring: 0 0 0 4px rgb(129 140 248 / .25);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1,h2,h3{margin:0;color:var(--text);letter-spacing:-.01em}code,pre{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.icon{flex-shrink:0}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.hint{color:var(--muted);font-size:.85rem}.hint.center{text-align:center;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:36px;padding:0 .9rem;font:inherit;font-weight:600;color:var(--text-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;white-space:nowrap}.button:hover:not(:disabled){background:var(--surface-hover)}.button:focus-visible,.icon-button:focus-visible,.nav-item:focus-visible,.segmented button:focus-visible,.id-chip:focus-visible{outline:none;box-shadow:var(--ring)}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.button.danger-solid:hover:not(:disabled){filter:brightness(.92)}.button.success{color:var(--success);border-color:var(--success);background:var(--success-soft)}.button.ghost{border-color:transparent;background:transparent;box-shadow:none;color:var(--accent);padding:0 .5rem}.button.ghost:hover:not(:disabled){background:var(--accent-soft)}.button.block{width:100%;height:40px}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s}.icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-button.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.icon-button:disabled{opacity:.35;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.spin{display:inline-flex;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input:not([type=checkbox]),select,textarea{width:100%;height:38px;padding:0 .75rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}textarea{height:auto;padding:.6rem .75rem;resize:vertical;min-height:96px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}input:disabled{background:var(--surface-2);color:var(--muted)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.label{font-size:.85rem;font-weight:600;color:var(--text-2)}.required{color:var(--danger)}.input-with-action,.input-with-icon{position:relative;display:flex;align-items:center}.input-with-action input{padding-right:2.6rem}.input-with-action .icon-button{position:absolute;right:3px}.input-with-icon>.icon{position:absolute;left:.75rem;color:var(--muted);pointer-events:none}.input-with-icon input{padding-left:2.25rem}.check{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-2);cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--accent)}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem .85rem;background:var(--sidebar-bg);color:var(--sidebar-text)}.brand{display:flex;align-items:center;gap:.7rem;padding:0 .5rem}.brand-text strong{display:block;color:#fff;font-size:.95rem}.brand-text span{display:block;color:var(--sidebar-muted);font-size:.78rem}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px -2px #6366f180}.brand-mark.large{width:48px;height:48px;border-radius:12px}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .7rem;font:inherit;font-weight:500;color:var(--sidebar-text);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background .15s,color .15s}.nav-item .icon{color:var(--sidebar-muted);transition:color .15s}.nav-item:hover,.nav-item.active{background:var(--sidebar-active);color:#fff}.nav-item.active .icon{color:#a5b4fc}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.api-status{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;font-size:.8rem;color:var(--sidebar-muted);border:1px solid rgb(255 255 255 / .07);border-radius:var(--radius-sm)}.api-status .dot{width:8px;height:8px;border-radius:50%;background:var(--sidebar-muted)}.api-status.up .dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.api-status.down .dot{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.api-status.up{color:var(--sidebar-text)}.content{min-width:0;padding:2rem clamp(1rem,3vw,2.5rem) 3rem;max-width:1240px;width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.page-header h1{font-size:1.6rem;font-weight:700}.page-description{margin:.3rem 0 0;color:var(--muted);max-width:640px}.page-actions{display:flex;gap:.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card.padded{padding:1.25rem}.card-title{font-size:1rem;font-weight:600;margin-bottom:1rem}.card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.25rem;align-items:start}.icon-tile{display:inline-grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:9px;color:var(--accent);background:var(--accent-soft)}.icon-tile.large{width:48px;height:48px;border-radius:12px}.icon-tile.neutral{color:var(--muted);background:var(--neutral-soft)}.icon-tile.success{color:var(--success);background:var(--success-soft)}.icon-tile.danger{color:var(--danger);background:var(--danger-soft)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.stat{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.stat strong{display:block;font-size:1.45rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.stat span:not(.icon-tile){font-size:.8rem;color:var(--muted)}.search{position:relative;display:flex;align-items:center;flex:1;max-width:380px}.search .icon{position:absolute;left:.7rem;color:var(--muted);pointer-events:none}.search input{padding-left:2.2rem;height:36px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{padding:.65rem 1rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:left;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border)}.table td{padding:.8rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-2)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--surface-2)}.token-cell{display:flex;align-items:center;gap:.75rem;min-width:220px}.token-name{font-weight:600;color:var(--text)}.token-name.muted{color:var(--muted);font-weight:500;font-style:italic}.id-chip{display:inline-flex;align-items:center;gap:.3rem;margin-top:.15rem;padding:0 .3rem;font-size:.75rem;color:var(--muted);background:transparent;border:none;border-radius:4px;cursor:pointer}.id-chip:hover{color:var(--accent);background:var(--accent-soft)}.id-chip code{font-size:.75rem}.with-icon{display:inline-flex;align-items:center;gap:.35rem}.with-icon .icon{color:var(--muted)}.row-actions{display:flex;justify-content:flex-end;gap:.15rem}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .55rem;font-size:.75rem;font-weight:600;border-radius:999px;white-space:nowrap}.pill.neutral{color:var(--text-2);background:var(--neutral-soft)}.pill.accent{color:var(--accent-text);background:var(--accent-soft)}.pill.success{color:var(--success);background:var(--success-soft)}.pill.danger{color:var(--danger);background:var(--danger-soft)}.pill.warning{color:var(--warning);background:var(--warning-soft)}.pill.info{color:var(--info);background:var(--info-soft)}.empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;text-align:center}.empty.compact{padding:2rem 1rem}.skeleton-list{padding:.5rem 1rem}.skeleton-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0}.skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,var(--neutral-soft),var(--surface-hover),var(--neutral-soft));background-size:200% 100%;animation:shimmer 1.2s infinite}.skeleton.tile{width:34px;height:34px;border-radius:9px}.skeleton.line{height:12px;flex:1;max-width:280px}.skeleton.line.short{max-width:120px}@keyframes shimmer{to{background-position:-200% 0}}.callout{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .85rem;margin-bottom:1rem;font-size:.88rem;border-radius:var(--radius);border:1px solid transparent}.callout .icon{margin-top:2px}.callout.danger{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 20%,transparent)}.callout.warning{color:var(--warning);background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 20%,transparent)}.callout.success{color:var(--success);background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 20%,transparent)}.callout.info{color:var(--info);background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 20%,transparent)}.form-section{padding:1rem;margin-bottom:1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.form-section .field:last-of-type{margin-bottom:.75rem}.form-section .callout{margin-bottom:0}.form-section-title{display:flex;gap:.6rem;margin-bottom:.9rem}.form-section-title .icon{margin-top:2px;color:var(--accent)}.form-section-title strong{display:block;font-size:.9rem}.form-section-title span{display:block;font-size:.8rem;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end}.recipients{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.5rem}.recipient{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.recipient-inputs{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.recipient-inputs input{flex:1;min-width:170px}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--neutral-soft);border-radius:8px;align-self:flex-start}.segmented button{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;font:inherit;font-size:.82rem;font-weight:500;color:var(--muted);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.segmented button:hover{color:var(--text)}.segmented button.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow)}.segmented button.active .icon{color:var(--accent)}.result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.result{display:flex;gap:.75rem;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius)}.result.error{border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.result-body{min-width:0;flex:1}.result-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.result-to{font-size:.82rem;color:var(--muted);word-break:break-all}.result-message{margin-top:.35rem;font-size:.88rem;color:var(--text-2);word-break:break-word}details{margin-top:.5rem}summary{cursor:pointer;font-size:.8rem;font-weight:600;color:var(--accent)}pre{margin:.5rem 0 0;padding:.6rem;font-size:.75rem;white-space:pre-wrap;word-break:break-all;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.window-head{display:flex;align-items:center;gap:.9rem;margin-bottom:1.1rem}.window-phone{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.window-state{font-size:1.15rem}.window.open .window-state{color:var(--success)}.progress-block{margin-bottom:1rem}.progress-label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);margin-bottom:.4rem}.progress-label strong{color:var(--text)}.progress{height:8px;background:var(--neutral-soft);border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:999px;transition:width .4s}.filters{margin-bottom:1.25rem}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 1rem;align-items:end}.filters-grid .span-2{grid-column:span 2}.filters-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:1rem}.filters .hint{display:block;margin-top:-.25rem}.toolbar-title{font-size:.9rem;font-weight:600}.events-table td{font-size:.88rem}.event-time{display:flex;flex-direction:column;line-height:1.3}.event-time strong{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.event-time span{font-size:.78rem}.event-detail{max-width:280px}.event-detail span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.filter-pill{font:inherit;font-size:.75rem;font-weight:600;border:none;cursor:pointer}.filter-pill:hover{filter:brightness(.95);box-shadow:inset 0 0 0 1px currentColor}.link-cell{padding:0;font:inherit;color:var(--text-2);background:none;border:none;cursor:pointer;text-align:left;word-break:break-all}.link-cell:hover{color:var(--accent);text-decoration:underline}.filter-pill:focus-visible,.link-cell:focus-visible{outline:none;box-shadow:var(--ring);border-radius:4px}.wamid{display:inline-flex;align-items:center;gap:.1rem}.wamid .id-chip{margin-top:0}.icon-button.small{width:24px;height:24px}.load-more{display:flex;justify-content:center;padding:.85rem;border-top:1px solid var(--border)}.backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .15s ease-out}.modal{width:100%;max-width:540px;max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop .18s ease-out}.modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem}.modal-header h2{flex:1;font-size:1.1rem}.modal-text{margin:0 0 .75rem;color:var(--text-2)}.modal-text.muted{color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.secret{display:flex;align-items:center;gap:.6rem;padding:.6rem .6rem .6rem .85rem;margin-bottom:1rem;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius)}.secret code{flex:1;font-size:.9rem;word-break:break-all;color:var(--text)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.toasts{position:fixed;right:1.25rem;bottom:1.25rem;z-index:30;display:flex;flex-direction:column;gap:.5rem}.toast{display:flex;align-items:center;gap:.55rem;padding:.65rem .95rem;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:pop .2s ease-out}.toast.success .icon{color:var(--success)}.toast.error .icon{color:var(--danger)}.login{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(60rem 30rem at 15% -10%,rgb(99 102 241 / .16),transparent 60%),radial-gradient(50rem 30rem at 110% 110%,rgb(139 92 246 / .14),transparent 60%),var(--bg)}.login-card{width:100%;max-width:400px;display:flex;flex-direction:column;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg)}.login-card .brand-mark{margin-bottom:1.1rem}.login-card h1{font-size:1.4rem;font-weight:700}.login-card .page-description{margin-bottom:1.5rem}.login-card .button.block{margin-bottom:1rem}@media(max-width:1024px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr)}.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:sticky;z-index:10;height:auto;flex-direction:row;align-items:center;gap:.5rem;padding:.6rem .75rem}.brand-text,.api-status,.nav-item span{display:none}.brand{padding:0}.nav{flex-direction:row;flex:1;justify-content:center}.nav-item{width:auto;padding:.55rem .75rem}.sidebar-footer{margin:0;flex-direction:row}.content{padding-top:1.25rem}.page-header h1{font-size:1.35rem}.card-toolbar .hint{display:none}.search{max-width:none}.table thead{display:none}.table,.table tbody{display:block}.table tbody tr{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1rem;padding:.9rem 1rem;border-bottom:1px solid var(--border)}.table tbody tr:last-child{border-bottom:none}.table td{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:0;border:none}.table td[data-label]:before{content:attr(data-label);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.table td.cell-main{grid-column:1 / -1;padding-right:4.5rem}.table td.cell-actions{position:absolute;top:.75rem;right:.6rem}.token-cell{min-width:0}.event-detail{max-width:none;grid-column:1 / -1}}@media(max-width:480px){.stats{gap:.6rem}.stat{padding:.75rem;gap:.6rem}.stat .icon-tile{width:30px;height:30px}.stat strong{font-size:1.2rem}.segmented span{display:none}.filters-grid{grid-template-columns:minmax(0,1fr)}.filters-grid .span-2{grid-column:auto}}