select{--caret: var(--text-muted);text-overflow:ellipsis}select:hover:not(:disabled),select:focus-visible{--caret: var(--text-strong)}select:not([multiple],[size]:not([size="1"])){appearance:none;padding-inline-end:36px;background-image:linear-gradient(to top right,transparent calc(50% - 1.2px),var(--caret) calc(50% - .6px),var(--caret) calc(50% + .6px),transparent calc(50% + 1.2px)),linear-gradient(to top left,transparent calc(50% - 1.2px),var(--caret) calc(50% - .6px),var(--caret) calc(50% + .6px),transparent calc(50% + 1.2px));background-size:6px 6px;background-repeat:no-repeat;background-position:right 18px center,right 12px center}select:not([multiple],[size]:not([size="1"])):not(:disabled){cursor:pointer}option,optgroup{background-color:var(--surface-card);color:var(--text-color)}option:checked{background-color:var(--surface-sunken);color:var(--text-strong)}option:disabled{color:var(--hint)}select:is([multiple],[size]:not([size="1"])){padding:4px}select:is([multiple],[size]:not([size="1"])) option{padding:6px 10px;border-radius:var(--radius-sm)}select:is([multiple],[size]:not([size="1"])) option:checked{background:linear-gradient(var(--primary-tint),var(--primary-tint));color:var(--text-strong)}@supports (appearance: base-select){select:not([multiple],[size]:not([size="1"])),::picker(select){appearance:base-select}select:not([multiple],[size]:not([size="1"])){position:relative;display:flex;align-items:center;overflow:hidden;white-space:nowrap;background-image:none}select::picker-icon{content:"";position:absolute;inset:0 0 0 auto;width:36px;margin:0;border-radius:inherit;background-color:inherit;background-image:linear-gradient(to top right,transparent calc(50% - 1.2px),var(--caret) calc(50% - .6px),var(--caret) calc(50% + .6px),transparent calc(50% + 1.2px)),linear-gradient(to top left,transparent calc(50% - 1.2px),var(--caret) calc(50% - .6px),var(--caret) calc(50% + .6px),transparent calc(50% + 1.2px));background-size:6px 6px;background-repeat:no-repeat;background-position:right 18px center,right 12px center;transition:rotate var(--fast) var(--ease)}select:open{border-color:var(--primary);box-shadow:0 0 0 3px var(--input-focus)}select:open::picker-icon{rotate:180deg}::picker(select){margin-block:6px;padding:6px;border:1px solid var(--border-hover);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-color);box-shadow:0 14px 32px -10px color-mix(in srgb,var(--brand-ink) 32%,transparent),0 2px 6px color-mix(in srgb,var(--brand-ink) 10%,transparent);max-height:min(320px,50vh);white-space:normal;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent;opacity:0;scale:.97;transition:opacity var(--fast) var(--ease),scale var(--fast) var(--ease),overlay var(--fast) allow-discrete,display var(--fast) allow-discrete}::picker(select):popover-open{opacity:1;scale:1}@starting-style{::picker(select):popover-open{opacity:0;scale:.97}}select:not([multiple],[size]:not([size="1"])) option{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-sm);background-color:transparent;transition:background-color var(--fast) var(--ease)}select:not([multiple],[size]:not([size="1"])) option:hover,select:not([multiple],[size]:not([size="1"])) option:focus-visible{background-color:var(--surface-sunken);color:var(--text-strong)}select:not([multiple],[size]:not([size="1"])) option:focus-visible{outline:none}select:not([multiple],[size]:not([size="1"])) option:checked{background-color:transparent;font-weight:500}select:not([multiple],[size]:not([size="1"])) option:checked:hover{background-color:var(--surface-sunken)}select:not([multiple],[size]:not([size="1"])) option::checkmark{order:1;margin-inline-start:auto;color:var(--primary-text)}@media(prefers-reduced-motion:reduce){::picker(select),select::picker-icon,select:not([multiple],[size]:not([size="1"])) option{transition:none}}}@media(forced-colors:active){select:not([multiple],[size]:not([size="1"])){appearance:auto;padding-inline-end:14px;background-image:none}}:root{color-scheme:light;--font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", Consolas, monospace;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--transition-fast: .2s cubic-bezier(.16, 1, .3, 1);--transition-normal: .35s cubic-bezier(.16, 1, .3, 1);--brand-ink: #101014;--brand-green: #25d366;--brand-violet: #5f68ab;--brand-green-ink: #0a7d4b;--primary: var(--brand-green);--primary-text: var(--brand-green-ink);--primary-deep: var(--brand-ink);--primary-glow: rgba(37, 211, 102, .2);--primary-tint: #e8faef;--accent: var(--brand-violet);--bg-color: #f7f7f9;--panel-solid: #ffffff;--surface-card: #ffffff;--surface-rail: #ffffff;--surface-sunken: #f1f1f5;--surface-band: #eeeef3;--text-color: #1a1a20;--text-muted: #64646f;--text-strong: #0d0d11;--hint: #6f6f79;--border-color: rgba(16, 16, 24, .09);--border-hover: rgba(16, 16, 24, .18);--input-bg: rgba(16, 16, 24, .02);--input-focus: rgba(37, 211, 102, .2);--shadow-sm: none;--shadow-card: none;--shadow-float: none;--shadow-lift: none;--success: #0f7a4c;--warning: #8f5513;--info: #2f80ed;--danger: #ef4444;--danger-text: #b91c1c}:root[data-theme=dark]{color-scheme:dark;--brand-green-ink: #5eea9a;--primary-deep: #eef2fb;--primary-glow: rgba(37, 211, 102, .24);--primary-tint: rgba(37, 211, 102, .14);--accent: #9aa2e0;--bg-color: #04070e;--panel-solid: #080d18;--surface-card: #080d18;--surface-rail: #080d18;--surface-sunken: #18213a;--surface-band: #18213a;--text-color: #dfe5f2;--text-muted: #94a0bd;--text-strong: #f2f6ff;--hint: #7d88a4;--border-color: rgba(148, 178, 235, .13);--border-hover: rgba(148, 178, 235, .28);--input-bg: rgba(148, 178, 235, .05);--input-focus: rgba(37, 211, 102, .28);--shadow-sm: none;--shadow-card: none;--shadow-float: none;--shadow-lift: none;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--danger-text: #f87171;--overlay: rgba(0, 0, 0, .6)}:root{--canvas: var(--bg-color);--rail: var(--surface-rail);--surface: var(--surface-card);--surface-alt: var(--surface-sunken);--border: var(--border-color);--text: var(--text-color);--primary-hover: color-mix(in srgb, var(--primary) 85%, var(--brand-ink));--primary-soft: var(--primary-tint);--on-primary: var(--brand-ink);--on-fill: #ffffff;--overlay: rgba(16, 16, 24, .45);--accent-fill: var(--brand-violet);--accent-soft: color-mix(in srgb, var(--brand-violet) 12%, transparent);--warning-soft: color-mix(in srgb, var(--warning) 12%, transparent);--danger-fill: var(--danger);--danger-hover: #dc2626;--danger-soft: color-mix(in srgb, var(--danger) 10%, transparent);--success-soft: color-mix(in srgb, var(--success) 12%, transparent);--radius: var(--radius-lg);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--shadow: var(--shadow-card);--font: var(--font-body);--mono: var(--font-mono);--ease: cubic-bezier(.25, .1, .25, 1);--fast: .22s;--base: .32s}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}html,body{height:100%}body{margin:0;font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--text-color);background:var(--bg-color);-webkit-font-smoothing:antialiased;transition:background var(--base) var(--ease),color var(--base) var(--ease)}h1,h2,h3{margin:0;line-height:1.25;font-weight:500;color:var(--text-strong)}a{color:var(--primary-text)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;font-size:14px;color:var(--text-strong);background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;width:100%;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--hint)}input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:var(--border-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--input-focus)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}input[type=checkbox],input[type=radio]{width:auto;padding:0;accent-color:var(--brand-green)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.muted{color:var(--text-muted)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:500;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid var(--border-color);border-radius:10px;font-size:13.5px;font-weight:500;white-space:nowrap;color:var(--text-strong);background:var(--surface-card);transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease)}.btn .ti{font-size:15px}.btn:hover:not(:disabled){background:var(--surface-sunken)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{border-color:transparent;background:var(--text-strong);color:var(--surface-card)}.btn.primary:hover:not(:disabled){background:var(--primary);color:var(--brand-ink)}.btn.danger{border-color:color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger-text)}.btn.danger:hover:not(:disabled){background:#ef444414}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:500;color:var(--text-strong)}.field .hint{font-size:12px;color:var(--text-muted)}.status-QUEUED{color:var(--text-muted)}.status-SENDING{color:var(--info)}.status-SENT,.status-DELIVERED,.status-READ{color:var(--success)}.status-FAILED{color:var(--danger-text)}.status-SANDBOX{color:var(--warning)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.enter{animation:fade-in-up var(--base) var(--ease) backwards}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--success);animation:breathe 1.8s var(--ease) infinite}.spinner{width:16px;height:16px;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.skeleton{display:block;border-radius:999px;background:var(--surface-sunken);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}html.route-vt::view-transition-old(root){animation:ui-out var(--fast) var(--ease) both}html.route-vt::view-transition-new(root){animation:ui-in var(--base) var(--ease) both}:root{interpolate-size:allow-keywords}:where(button,a,input,select,textarea,label,summary,[role=tab],[role=option],.btn,.s-pill){transition:color var(--fast) var(--ease),background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),opacity var(--fast) var(--ease)}:where([role=dialog],[role=alertdialog],[role=menu],[role=listbox],[role=tooltip],.drawer,.s-drawer,.sheet,.toast){animation:ui-in var(--base) var(--ease) both}details::details-content{height:0;overflow:clip;transition:height var(--base) var(--ease),content-visibility var(--base) var(--ease) allow-discrete}details[open]::details-content{height:auto}.ui-leave{animation:ui-out var(--fast) var(--ease) both}@keyframes ui-in{0%{opacity:0;translate:0 4px}}@keyframes ui-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.ti{display:inline-block;flex:none;font-size:18px;line-height:1}.skip-to-content{position:absolute;left:-9999px}.skip-to-content:focus{position:fixed;top:8px;left:8px;z-index:1000;padding:8px 16px;border-radius:var(--radius-md);background:var(--panel-solid);color:var(--text-color)}.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}.ngx-charts text{fill:var(--hint);font-size:11px}.ngx-charts .gridline-path{stroke:var(--border-color)}.ngx-charts .tick text{fill:var(--hint)}.ngx-charts-tooltip-content{background:var(--surface-card)!important;color:var(--text-strong)!important;border:1px solid var(--border-color);box-shadow:var(--shadow-md, 0 8px 24px rgba(0, 0, 0, .18))}.ngx-charts-tooltip-content .tooltip-caption,.ngx-charts-tooltip-content .tooltip-label{color:var(--text-muted)!important}
