@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#f6f7fb;--bg-secondary:#fff;--bg-subtle:#f8fafc;--bg-card:#ffffffe6;--bg-card-hover:#fff;--card-solid-bg:#fff;--input-bg:#fff;--modal-bg:#fff;--table-head-bg:#f8fafc;--nav-bg:#ffffffd9;--border-color:#0f172a14;--border-color-solid:#e2e8f0;--border-color-glow:#6366f159;--surface-tint:#0f172a0a;--surface-tint-hover:#0f172a14;--scrollbar-track:#0f172a0a;--scrollbar-thumb:#0f172a2e;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-secondary:#a855f7;--accent-cyan:#0891b2;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--btn-color:#0f2257;--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--label-color:#334155;--whatsapp-color:#1fa855;--telegram-color:#1c8ec9;--sms-color:#2563eb;--email-color:#db2777;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#0a0a0d;--bg-subtle:#111114;--bg-card:#111114eb;--bg-card-hover:#18181c;--card-solid-bg:#0a0a0d;--input-bg:#111114;--modal-bg:#0a0a0d;--table-head-bg:#111114;--nav-bg:#050507d9;--border-color:#ffffff14;--border-color-solid:#232328;--border-color-glow:#818cf866;--surface-tint:#ffffff0d;--surface-tint-hover:#ffffff17;--scrollbar-track:#ffffff0a;--scrollbar-thumb:#ffffff29;--text-main:#f4f4f6;--text-muted:#a3a3ad;--text-dim:#71717a;--label-color:#c1c1c9}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 10%,#6366f114 0%,#0000 40%),radial-gradient(circle at 85% 85%,#a855f70f 0%,#0000 40%);background-attachment:fixed;min-height:100svh;line-height:1.5;transition:background-color .2s,color .2s;overflow-x:hidden}[data-theme=dark] body{background-image:radial-gradient(circle at 15% 10%,#6366f129 0%,#0000 40%),radial-gradient(circle at 85% 85%,#a855f71f 0%,#0000 40%)}.glass-card{background:var(--card-solid-bg);border:1px solid var(--border-color-solid);border-radius:var(--radius-lg);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -14px #0f172a1f}[data-theme=dark] .glass-card{box-shadow:0 10px 30px -14px #0009}.glass-card:hover{border-color:#0f172a24;box-shadow:0 18px 40px -16px #0f172a29,0 0 0 1px #6366f114}[data-theme=dark] .glass-card:hover{border-color:#ffffff29;box-shadow:0 18px 40px -16px #000000b3,0 0 0 1px #818cf81f}.glass-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color-solid)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.btn-primary{background:var(--btn-color);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #02061759;color:#fff!important}.btn-primary:hover{filter:brightness(1.4);transform:translateY(-2px);box-shadow:0 6px 20px #02061773}.btn-secondary{background:var(--surface-tint);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--surface-tint-hover);border-color:var(--border-color-solid)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{filter:none;background:var(--surface-tint);border-color:var(--border-color);box-shadow:none;transform:none}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-whatsapp{color:#178a45;background:#1fa8551f;border:1px solid #1fa85540}.badge-telegram{color:#1877a8;background:#1c8ec91f;border:1px solid #1c8ec940}.badge-sms{color:#1d4ed8;background:#2563eb1f;border:1px solid #2563eb40}.badge-email{color:#be185d;background:#db27771f;border:1px solid #db277740}.badge-success{color:#047857;background:#0596691f;border:1px solid #05966940}.badge-warning{color:#b45309;background:#d977061f;border:1px solid #d9770640}.badge-danger{color:#be123c;background:#e11d481f;border:1px solid #e11d4840}.badge-orange{color:#c2410c;background:#ea580c24;border:1px solid #ea580c4d}.pulse-dot{background:var(--accent-emerald);width:8px;height:8px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%;animation:1.8s cubic-bezier(.4,0,.6,1) infinite pulse-ring}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #05966999}70%{transform:scale(1);box-shadow:0 0 0 8px #05966900}to{transform:scale(.95);box-shadow:0 0 #05966900}}.form-input{background:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:var(--radius-md);font-family:var(--font-sans);padding:.75rem 1rem;font-size:.9rem;transition:all .2s}select.form-input{cursor:pointer;background-color:var(--input-bg)!important;color:var(--text-main)!important}select.form-input option{padding:.5rem;background-color:var(--input-bg)!important;color:var(--text-main)!important}.form-input:focus{border-color:var(--accent-primary);background:var(--input-bg);outline:none;box-shadow:0 0 0 3px #6366f126}.form-label{color:var(--label-color);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.custom-table{border-collapse:separate;border-spacing:0;width:100%}.table-scroll{padding-right:1.25rem;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),#0000 100%)}.custom-table th{background:var(--table-head-bg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border-color-solid);padding:.85rem 1.25rem;font-size:.75rem;font-weight:700}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:1rem 1.25rem;font-size:.875rem}.custom-table tr:hover td{background:#6366f108}.code-box{border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);color:#f8fafc;background:#0f172a;padding:1.25rem;font-size:.85rem;position:relative;overflow-x:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes tooltipPop{0%{opacity:0;transform:scale(.92)translateY(3px)}to{opacity:1;transform:scale(1)translateY(0)}}.tooltip-pop{transform-origin:bottom;animation:.14s cubic-bezier(.34,1.56,.64,1) forwards tooltipPop}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.modal-backdrop{-webkit-backdrop-filter:blur(6px)!important;z-index:999999!important;background:#0f172a73!important;justify-content:center!important;align-items:center!important;width:auto!important;height:auto!important;margin:0!important;padding:1.5rem!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.scrollbar-hidden{scrollbar-width:none!important;-ms-overflow-style:none!important}.scrollbar-hidden::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.modal-content{background:var(--modal-bg)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important;width:100%!important;max-width:520px!important;max-height:min(90svh,680px)!important;margin:auto!important;padding:1.75rem!important;position:relative!important;overflow-y:auto!important;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #6366f10f!important}.modal-content.modal-content--wide{max-width:1240px!important;max-height:min(94svh,860px)!important}@media (width<=600px){.modal-backdrop{padding:.75rem!important}.modal-content{border-radius:var(--radius-lg)!important;padding:1.1rem!important}}[data-theme=dark] img[alt=OTPStack]{border-radius:var(--radius-sm);background:#fff;padding:4px 8px}.dashboard-topbar,.dashboard-main{margin-left:var(--sidebar-width,260px);transition:margin-left .25s}.dashboard-sidebar{transition:transform .25s,width .25s}.mobile-menu-btn,.sidebar-backdrop{display:none}@media (width<=900px){.dashboard-topbar,.dashboard-main{margin-left:0}.dashboard-topbar{padding-left:1.25rem!important;padding-right:1.25rem!important}.dashboard-main{padding:1.25rem!important}.dashboard-sidebar{transform:translate(-100%);width:260px!important}.dashboard-sidebar.sidebar-open{transform:translate(0)}.mobile-menu-btn{display:inline-flex!important}.sidebar-collapse-toggle,.hide-mobile{display:none!important}.sidebar-backdrop.sidebar-open{z-index:39;background:#0f172a80;display:block;position:fixed;inset:0}}@media (width<=820px){.template-body-row{flex-direction:column!important}.template-sidebar,.template-main-col,.template-preview-col{width:100%!important}.template-mode-buttons{flex-direction:row!important}.template-placeholder-list{flex-flow:wrap!important}}@supports (min-height:100svh){.auth-page{min-height:100svh!important}}@supports not (min-height:100svh){@media (width<=480px){html .auth-page{min-height:0!important;padding-top:2.5rem!important}}}@media (width<=480px){.auth-page{padding:1rem!important}.auth-card{border-radius:var(--radius-lg)!important;padding:1.75rem 1.25rem!important}.auth-brand{margin-bottom:1.25rem!important}.auth-brand img{height:28px!important}.auth-brand h2{margin-top:0!important;font-size:1.15rem!important}.auth-brand p{font-size:.8rem!important}.auth-card .btn-secondary,.auth-divider{margin-bottom:1.1rem!important}.auth-card form{gap:.95rem!important}.auth-card .form-input{padding:.65rem .9rem}.auth-card form>.btn-primary{margin-top:.25rem!important}.auth-card>p:last-child{margin-top:1.1rem!important}.auth-page:has(.auth-card-tall){padding:.75rem!important}.auth-card-tall{padding:1.4rem 1.1rem!important}.auth-card-tall .auth-brand{margin-bottom:1rem!important}.auth-card-tall .auth-brand>div{margin-bottom:.4rem!important}.auth-card-tall .auth-brand img{height:26px!important}.auth-card-tall .auth-brand p{line-height:1.4;font-size:.76rem!important}.auth-card-tall .btn-secondary,.auth-card-tall .auth-divider{margin-bottom:.85rem!important}.auth-card-tall form{gap:.8rem!important}.auth-card-tall .form-label{margin-bottom:.3rem;font-size:.8rem}.auth-card-tall .form-input{padding:.58rem .85rem}.auth-card-tall form p{margin-top:.3rem!important;font-size:.7rem!important}.auth-card-tall>p:last-child{margin-top:.9rem!important}}@media (width<=600px){.hide-xs{display:none!important}.dashboard-topbar{flex-wrap:nowrap!important;gap:.5rem!important;min-height:58px!important;padding-left:1rem!important;padding-right:1rem!important}.topbar-left{flex:auto;min-width:0;gap:.6rem!important}.topbar-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:1.05rem!important}.topbar-actions{flex-shrink:0;gap:.5rem!important}.dashboard-main{padding:1rem!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}.metric-card{padding:.9rem!important}.metric-card>div:first-child{gap:.5rem;align-items:flex-start!important;margin-bottom:.5rem!important}.metric-title{line-height:1.3;font-size:.72rem!important}.metric-icon{flex-shrink:0;padding:.35rem!important}.metric-icon svg{width:15px;height:15px}.metric-value-row{flex-wrap:wrap;gap:.3rem .5rem!important}.metric-value{font-size:1.4rem!important}.metric-trend{white-space:nowrap;padding:.15rem .4rem!important;font-size:.62rem!important}.metric-subtitle{line-height:1.35;font-size:.68rem!important}.log-card{padding:1rem!important}.log-card .custom-table th,.log-card .custom-table td{padding:.7rem .85rem;font-size:.78rem}}.sidebar-scroll{scrollbar-width:none;flex:auto;min-height:0;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{display:none}@media (width<=600px){.dashboard-sidebar{padding:1rem .85rem!important}.sidebar-brand{padding-bottom:1rem!important}.sidebar-brand img{height:36px!important}.sidebar-nav{gap:.2rem!important;padding-top:.75rem!important}.sidebar-nav a,.sidebar-nav button{padding:.6rem .8rem!important}}.dashboard-sidebar,.sidebar-scroll{overscroll-behavior:contain}.sidebar-backdrop.sidebar-open{touch-action:none}@media (width<=600px){.tpl-intro{flex-direction:column!important;align-items:stretch!important;gap:.9rem!important;padding:1.1rem!important}.tpl-intro h2{font-size:1.15rem!important}.tpl-intro p{font-size:.82rem!important}.tpl-intro>.btn-primary{justify-content:center;width:100%}.tpl-list{padding:1rem!important}.tpl-item{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;padding:.9rem!important}.tpl-item>div:first-child{gap:.75rem!important}.tpl-icon{width:36px!important;height:36px!important}.tpl-badges{gap:.35rem .45rem!important}.tpl-badges>p{flex-basis:100%}.tpl-id{text-align:left;border-radius:var(--radius-md);flex-wrap:wrap;max-width:100%;border:1px solid var(--border-color)!important;background:var(--card-solid-bg)!important;color:var(--text-muted)!important;row-gap:.15rem!important;margin-top:.45rem!important;padding:.25rem .5rem!important}.tpl-id-label{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0;flex-basis:100%;font-size:.62rem;font-weight:700}.tpl-id-value{white-space:nowrap;min-width:0;display:flex}.tpl-actions{border-top:1px solid var(--border-color);padding-top:.7rem}.tpl-actions>.btn-secondary{flex:auto;justify-content:center}.tpl-actions>button:not(.btn-secondary):first-child{margin-left:auto}.modal-backdrop:has(.tpl-modal){padding:0!important}.modal-content.tpl-modal{border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100svh!important;max-height:100svh!important;padding:1rem 1rem 0!important}.tpl-modal-head{margin-bottom:.9rem!important}.tpl-modal-hint{display:none}.tpl-modal .template-body-row{gap:.9rem!important}.tpl-modal .template-sidebar{gap:.4rem!important}.tpl-modal .template-mode-buttons>button{justify-content:center;flex-direction:row!important;padding:.5rem!important}.tpl-modal .template-sidebar>label:nth-of-type(2){margin-top:.4rem!important}.tpl-modal .template-placeholder-list>button{flex:auto;min-width:0}.tpl-modal .template-main-col{gap:.8rem!important}.tpl-modal .template-main-col textarea{height:170px!important}.tpl-modal .template-main-col .cm-editor{height:220px!important}.tpl-preview{min-height:240px!important}.tpl-modal-footer{z-index:2;background:var(--modal-bg);border-top:1px solid var(--border-color);padding:.75rem 1rem;position:sticky;bottom:0;margin:1rem -1rem 0!important}.tpl-modal-footer>button{flex:1 1 0;justify-content:center}.pg-bar{gap:.5rem;padding:.75rem .25rem 0!important}.pg-summary,.pg-controls>span{white-space:nowrap}.pg-controls{gap:.35rem!important}.pg-controls>button{padding:.4rem .55rem}}@media (width<=340px){.tpl-id-value{white-space:normal;word-break:break-all}}@media (width>=901px) and (width<=1200px){.logs-table th,.logs-table td{padding:.85rem .65rem}}@media (width<=900px){.logs-filters{gap:.75rem!important;padding:1rem!important}.logs-search{flex-basis:100%!important;min-width:0!important}.logs-selects{flex-wrap:wrap;width:100%;border-left:none!important;gap:.6rem!important;padding-left:0!important}.logs-selects>div{flex:1 1 0;min-width:0;width:auto!important}.logs-selects>div>button{padding:.6rem .7rem!important;font-size:.8rem!important}.logs-selects>div>button>div{min-width:0;gap:.4rem!important}.logs-selects>div>button>div>svg{display:none}.logs-selects>div>button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.logs-card{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.logs-table tr{background:var(--card-solid-bg)!important}.logs-table-wrap{padding-right:0!important;-webkit-mask-image:none!important;mask-image:none!important}.logs-table,.logs-table tbody{width:100%;display:block;min-width:0!important}.logs-table thead{display:none}.logs-table tr{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-subtle);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"recipient recipient""channel status""time cost""id inspect";align-items:center;gap:.45rem .75rem;margin-bottom:.65rem;padding:.85rem;display:grid}.logs-table td{min-width:0;display:block;border:none!important;padding:0!important}.logs-table .log-recipient{grid-area:recipient;font-size:.85rem}.logs-table .log-recipient>div{min-width:0}.logs-table .log-recipient span{overflow-wrap:anywhere;min-width:0}.logs-table .log-status{grid-area:status;justify-self:end}.logs-table .log-channel{grid-area:channel}.logs-table .log-cost{grid-area:cost;justify-self:end;font-size:.8rem}.logs-table .log-time{grid-area:time;font-size:.72rem!important}.logs-table .log-id{text-overflow:ellipsis;white-space:nowrap;grid-area:id;overflow:hidden;border-top:1px dashed var(--border-color)!important;padding-top:.45rem!important;font-size:.68rem!important}.logs-table .log-inspect{grid-area:inspect;justify-self:end;border-top:1px dashed var(--border-color)!important;padding-top:.45rem!important}.log-inspector-backdrop{padding:.75rem!important}.log-inspector{max-height:calc(100svh - 1.5rem);overflow-y:auto;padding:1.1rem!important}}@media (width<=600px){.log-inspector-details>div{flex-direction:column;align-items:flex-start;gap:.15rem}.log-inspector-details>div:last-child{flex-direction:row;align-items:center}.log-inspector-details>div>span:last-child{word-break:break-all;font-size:.82rem!important}}@media (width<=900px){@media (width<=600px){.sd-intro{padding:1.1rem!important}.sd-intro h2{align-items:flex-start!important;font-size:1.1rem!important}.sd-intro h2>svg{flex-shrink:0;margin-top:.15rem}.sd-intro p{font-size:.82rem!important}.sd-intro-actions{flex-direction:column;width:100%;gap:.6rem!important}.sd-intro-actions>button{justify-content:center;width:100%}.sd-section{padding:1rem!important}.sd-section h3{font-size:.98rem!important}}.sd-section-head{gap:.75rem}.sd-section-head>button{flex-shrink:0}.sd-domain-summary{gap:.75rem;flex-direction:column!important;align-items:stretch!important;padding:.85rem!important}.sd-domain-info,.sd-domain-info>div:last-child{min-width:0}.sd-domain-title{flex-wrap:wrap;gap:.35rem .6rem!important}.sd-domain-name{word-break:break-all;font-size:.85rem!important}.sd-domain-actions{flex-wrap:wrap}.sd-domain-actions>button{flex:auto;justify-content:center}.sd-domain-actions>button:last-child{flex:none}.sd-dns-panel{padding:.85rem!important}.sd-dns-panel>div:first-child{align-items:flex-start!important;padding:.65rem .75rem!important;font-size:.78rem!important}.sd-dns-panel>div:first-child>svg{flex-shrink:0}.dns-table,.dns-table tbody,.snd-table,.snd-table tbody{width:100%;display:block;min-width:0!important}.dns-table thead,.snd-table thead{display:none}.dns-table tr,.snd-table tr{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-solid-bg);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem .75rem;margin-bottom:.6rem;padding:.8rem;display:grid}.dns-table td,.snd-table td{min-width:0;display:block;text-align:left!important;border:none!important;padding:0!important}.dns-table tr{grid-template-areas:"type copy""name name""value value"}.dns-table .dns-type{grid-area:type}.dns-table .dns-copy{grid-area:copy}.dns-table .dns-name{grid-area:name}.dns-table .dns-value{grid-area:value}.dns-table .dns-name:before,.dns-table .dns-value:before{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.15rem;font-size:.62rem;font-weight:700;display:block}.dns-table .dns-name:before{content:"Name / Host"}.dns-table .dns-value:before{content:"Value / Target"}.dns-table .dns-name,.dns-table .dns-value{border-radius:var(--radius-sm);background:var(--bg-subtle);padding:.45rem .55rem!important;font-size:.75rem!important}.snd-table tr{grid-template-areas:"name actions""email email""domain status"}.snd-table .snd-name{grid-area:name}.snd-table .snd-actions{grid-area:actions}.snd-table .snd-email{word-break:break-all;grid-area:email;font-size:.8rem}.snd-table .snd-domain{word-break:break-all;grid-area:domain;font-size:.75rem}.snd-table .snd-status{grid-area:status}}@media (width<=600px){:is(.tpl-list,.sd-section:not(:has(.sd-section-head))){box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.tpl-list .tpl-item,.sd-section .snd-table tr{background:var(--card-solid-bg)!important}.sd-section div:has(>.sd-domain-summary){background:var(--card-solid-bg)!important}.sd-section:not(:has(.sd-section-head))>h3{margin-bottom:.75rem!important}}@media (width>=901px) and (width<=1200px){.m-card-table th,.m-card-table td{padding:.85rem .75rem}}@media (width<=900px){.card-table-wrap{padding-right:0!important;-webkit-mask-image:none!important;mask-image:none!important}.m-card-table,.m-card-table tbody{width:100%;display:block;min-width:0!important}.m-card-table thead{display:none}.m-card-table tr{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-solid-bg);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions""desc desc""status status";align-items:center;gap:.45rem .75rem;margin-bottom:.6rem;padding:.85rem;display:grid}.m-card-table td{min-width:0;display:block;text-align:left!important;white-space:normal!important;border:none!important;padding:0!important}.m-card-table tr:has(>td[colspan]){text-align:center;display:block}.m-card-table td[colspan]{font-size:.82rem;text-align:center!important}.m-card-table .c-title{grid-area:title}.m-card-table .c-actions{grid-area:actions}.m-card-table .c-desc{word-break:break-word;grid-area:desc;font-size:.8rem!important}.m-card-table .c-status{grid-area:status}.m-card-table .c-amount{grid-area:amount;justify-self:end}.m-card-table .c-meta{color:var(--text-dim);grid-area:meta;font-size:.72rem!important}.m-card-table .c-meta2{grid-area:meta2;justify-self:end;font-size:.72rem!important}.m-card-table .c-scope{grid-area:scope}.m-card-table .c-secrets{grid-area:secrets}.tx-table tr{grid-template-areas:"title amount""desc desc""meta meta2"}.tx-table .c-meta2:before{content:"Balance ";font-family:var(--font-sans);color:var(--text-dim)}.overview-log-card>div:first-child{gap:.75rem}.overview-log-card>div:first-child h3{font-size:.98rem!important}.overview-log-card>div:first-child button{white-space:nowrap;flex-shrink:0}.overview-log-card .logs-table tr{grid-template-areas:"recipient recipient""channel status""time cost"}.flat-list-card{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;overflow:visible!important}.flat-list-card>div:first-child{margin-bottom:.75rem!important}.flat-list-card .pg-bar{padding-left:0!important;padding-right:0!important}}@media (width<=600px){.page-intro{padding:1rem 1.1rem!important}.page-intro>div{gap:.85rem!important}.page-intro h2{align-items:flex-start!important;margin-bottom:.3rem!important;font-size:1.1rem!important}.page-intro h2>svg{flex-shrink:0;width:18px;height:18px;margin-top:.2rem}.page-intro p{line-height:1.5;font-size:.8rem!important}.page-intro>div>button{flex:100%;justify-content:center;width:100%}.ch-item{background:var(--card-solid-bg)!important}.ch-item>div{gap:.75rem!important;padding:.85rem .9rem!important}.ch-item>div>div:first-child{min-width:0;gap:.75rem!important}.ch-item>div>div:first-child>div:first-child{width:38px!important;height:38px!important}.ch-item>div>div:first-child>div:first-child svg{width:19px;height:19px}.ch-item p:first-child{font-size:.9rem!important}.ch-item p+p{line-height:1.4;font-size:.76rem!important}.set-section{gap:1rem!important;padding:1rem!important}.set-section>div:first-child{align-items:flex-start!important}.set-section>div:first-child>div:first-child{flex-shrink:0;padding:.4rem!important}.set-section>div:first-child>div:first-child svg{width:17px;height:17px}.set-section h3{font-size:.98rem!important}.set-section form{flex-direction:column;gap:.65rem!important}.set-section form>.form-input,.set-section .form-input{width:100%;font-size:.85rem;min-width:0!important;max-width:none!important}.set-section form>button,.set-section>button.btn-primary{justify-content:center;width:100%}}.show-xs{display:none}@media (width<=600px){.show-xs{display:inline}.sb-channels{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem!important}.sb-ch{min-width:0;gap:.5rem!important;padding:.8rem!important}.sb-ch>span:first-child{flex-wrap:wrap;gap:.3rem}.sb-ch>span:first-child>span:first-child{gap:.4rem!important;font-size:.85rem!important}.sb-ch>span:nth-child(2){line-height:1.2;font-size:1.3rem!important}.sb-ch>span:nth-child(2)>span{display:block;margin-left:0!important;font-size:.68rem!important}.sb-intro h2{margin-bottom:.3rem!important;font-size:1.1rem!important}.sb-intro p{line-height:1.5;font-size:.8rem!important}.sb-send{padding:1rem!important}.sb-send h3{font-size:.98rem!important}}@media (width<=1199px){.docs-toolbar{min-width:0;max-width:100%;gap:1rem!important;padding:1rem!important}.docs-toolbar>div:first-child{flex-direction:column;min-width:0;max-width:100%;flex-wrap:nowrap!important;align-items:stretch!important;gap:.75rem!important}.docs-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;padding-right:0!important}.docs-tabs::-webkit-scrollbar{display:none}.docs-tabs>button{white-space:nowrap;flex-shrink:0;border-radius:999px!important;padding:.4rem .75rem!important;font-size:.78rem!important}.docs-search{width:100%;min-width:0!important}.docs-toolbar>div:last-child button{padding:.25rem .6rem!important;font-size:.74rem!important}}@media (width<=600px){.docs-card{gap:1rem!important;padding:1rem!important}.docs-card h2,.docs-card>div:first-child h3{font-size:1.05rem!important}.docs-card>div:first-child>svg,.docs-card h2>svg{flex-shrink:0}.docs-card p{font-size:.82rem}.docs-ep-head>div:first-child{align-items:flex-start!important;gap:.6rem!important}.docs-ep-head h3{line-height:1.3;font-size:.95rem!important}.docs-ep-head>div:first-child>span{flex-shrink:0;padding:.25rem .55rem!important;font-size:.7rem!important}.docs-ep-head>span{overflow-wrap:anywhere;max-width:100%;font-size:.75rem!important}.code-box{min-width:0;max-width:100%}.code-box pre{scrollbar-width:thin;font-size:.72rem;overflow-x:auto;white-space:pre!important;word-break:normal!important}.wallet-modal>div:first-child{align-items:flex-start!important;margin-bottom:1.1rem!important}.wallet-modal>div:first-child>div:first-child{gap:.6rem!important}.wallet-modal>div:first-child>div:first-child>span{font-size:1.4rem!important}.wallet-modal h3{font-size:1.05rem!important}.wallet-modal-credit{gap:.5rem;font-size:.9rem!important}.wallet-modal-credit>span:last-child{white-space:nowrap}.wallet-modal-actions{flex-direction:column-reverse;gap:.5rem!important}.wallet-modal-actions>button{white-space:nowrap;justify-content:center;width:100%;flex:none!important}}.show-md{display:none}@media (width<=1199px){.hide-md{display:none!important}.show-md{display:inline}.dashboard-topbar{flex-wrap:nowrap!important}.topbar-left{flex:auto;min-width:0}.topbar-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-actions{flex-shrink:0}.sb-channels{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width>=601px) and (width<=900px){.logs-table tbody,.m-card-table tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid!important}.logs-table tr,.m-card-table tr{margin-bottom:0!important}.card-table-wrap{padding-right:0!important;-webkit-mask-image:none!important;mask-image:none!important}.m-card-table tr:has(>td[colspan]){grid-column:1/-1}}@media (width>=900px) and (width<=1200px){.keys-table th,.keys-table td{padding:.85rem .75rem}.keys-table .c-secrets>div{gap:.35rem!important;padding:.12rem .25rem .12rem .45rem!important}}@media (width<=900px){.keys-card{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;overflow:visible!important}.keys-card>div:first-child{margin-bottom:.75rem!important}.keys-card .pg-bar{padding-left:0!important;padding-right:0!important}.keys-table-wrap{padding-right:0!important;-webkit-mask-image:none!important;mask-image:none!important}.keys-table,.keys-table tbody{width:100%;display:block;min-width:0!important}.keys-table thead{display:none}.keys-table tr{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-solid-bg);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title status""scope scope""secrets secrets""meta meta""actions actions";align-items:center;gap:.6rem .75rem;margin-bottom:.6rem;padding:.85rem;display:grid}.keys-table td{min-width:0;display:block;text-align:left!important;white-space:normal!important;border:none!important;padding:0!important}.keys-table tr:has(>td[colspan]){text-align:center;display:block}.keys-table td[colspan]{font-size:.82rem;text-align:center!important}.keys-table .c-title{grid-area:title}.keys-table .c-status{grid-area:status;justify-self:end}.keys-table .c-scope{grid-area:scope}.keys-table .c-secrets{grid-area:secrets}.keys-table .c-meta{color:var(--text-dim);grid-area:meta;font-size:.72rem!important}.keys-table .c-meta:before{content:"Created "}.keys-table .c-actions{grid-area:actions}.keys-table .c-actions:empty{display:none}.keys-table .c-actions>div>button{flex:auto;justify-content:center}.keys-table .c-secrets span:nth-child(2){text-overflow:ellipsis;min-width:0;overflow:hidden}}@media (width>=601px) and (width<=899.98px){.keys-table tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid!important}.keys-table tr{margin-bottom:0!important}.keys-table-wrap{padding-right:0!important;-webkit-mask-image:none!important;mask-image:none!important}.keys-table tr:has(>td[colspan]){grid-column:1/-1}}.tpl-intro>.btn-primary{white-space:nowrap;flex-shrink:0}
