:root{--bg: #f3f4f7;--surface: #ffffff;--surface-2: #eef1f4;--border: #dde3e9;--text: #1b1f24;--text-muted: #67727d;--primary: #15803d;--primary-deep: #14532d;--primary-soft: rgba(21, 128, 61, .09);--primary-fg: #ffffff;--ok: #1f9d55;--warn: #c47f17;--fail: #c4332b;--sidebar-bg: #14231b;--sidebar-brand-bg: #0e1a13;--sidebar-text: #b6c4bb;--radius: 8px;--shadow: 0 1px 2px rgba(20, 27, 38, .04), 0 1px 8px rgba(20, 27, 38, .05);--font-display: "Anuphan", -apple-system, BlinkMacSystemFont, "Segoe UI", "Sarabun", "IBM Plex Sans Thai", sans-serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Sarabun,IBM Plex Sans Thai,sans-serif}h1,h2,h3,h4,a,.side-link,.side-section,.brand-text,.breadcrumb-bar,.tabs a,.docs-link,.link-btn{font-family:var(--font-display)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .8rem;cursor:pointer;color:var(--text)}button.primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}button.primary:hover{filter:brightness(.95)}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:500;background:var(--surface-2);color:var(--text-muted)}.pill.ok{background:#1f9d551f;color:var(--ok)}.pill.degraded{background:#c47f171f;color:var(--warn)}.pill.down{background:#c4332b1f;color:var(--fail)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tabs{display:inline-flex;align-items:center;gap:.2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:.35rem .5rem;margin-bottom:1.1rem;max-width:100%;overflow-x:auto}.tabs button{position:relative;display:inline-flex;align-items:center;gap:.45rem;background:none;border:none;cursor:pointer;white-space:nowrap;font:inherit;font-family:var(--font-display);font-size:.9rem;color:var(--text-muted);padding:.55rem .8rem;border-radius:8px}.tabs button:hover{color:var(--text);background:var(--surface-2)}.tabs button.active{color:var(--text);font-weight:600;background:none}.tabs button.active:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:-.35rem;height:3px;border-radius:999px;background:var(--primary)}.tabs button svg{opacity:.7;flex:none}.tabs button.active svg{opacity:1;color:var(--primary)}.tab-badge{font-size:.72rem;font-weight:600;line-height:1;padding:.22rem .5rem;border-radius:999px;background:var(--surface-2);color:var(--text-muted)}.tab-badge.ok{background:var(--primary-soft);color:var(--primary)}.tab-badge.warn{background:#c47f171f;color:var(--warn)}.tab-badge.fail{background:#c4332b1a;color:var(--fail)}.sub-tabs{box-shadow:none;padding:.25rem .35rem;margin-bottom:.9rem;border-radius:10px}.sub-tabs button{padding:.4rem .65rem;font-size:.84rem}.sub-tabs button.active:after{bottom:-.25rem;height:2.5px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;box-shadow:var(--shadow)}.panel+.panel{margin-top:1rem}.panel h3{margin:0 0 .5rem;font-size:1rem}pre.json{background:#0f172a;color:#d8e1ec;border-radius:var(--radius);padding:1rem 1.1rem;overflow:auto;font-size:.85rem;line-height:1.5;margin:0}.kv{display:grid;grid-template-columns:160px 1fr;gap:.4rem 1rem;font-size:.9rem}.kv dt{color:var(--text-muted)}.kv dd{margin:0}.placeholder{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:2rem;text-align:center;color:var(--text-muted)}.placeholder h3{margin:0 0 .5rem;color:var(--text);font-size:1.1rem}.muted{color:var(--text-muted)}.error{color:var(--fail)}.header-right{display:flex;align-items:center;gap:.9rem}.bell-wrap{position:relative}.bell-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:50%;color:var(--text-muted)}.bell-btn:hover{color:var(--primary);border-color:var(--primary)}.bell-badge{position:absolute;top:-4px;right:-6px;background:var(--fail);color:#fff;border-radius:999px;font-size:.65rem;font-weight:600;min-width:16px;height:16px;line-height:16px;padding:0 4px;text-align:center}.feed-pop{position:absolute;right:0;top:42px;width:360px;max-width:86vw;z-index:50;padding:.6rem 0;max-height:70vh;overflow:auto}.feed-head{display:flex;align-items:center;justify-content:space-between;padding:.2rem .9rem .5rem;border-bottom:1px solid var(--border)}.feed-head .title{font-weight:600;font-size:.9rem}.feed-list{list-style:none;margin:0;padding:0}.feed-item{padding:.55rem .9rem;cursor:pointer;border-left:3px solid transparent}.feed-item:hover{background:var(--surface-2)}.feed-item.unread{border-left-color:var(--primary);background:#15803d0d}.feed-item .t{font-weight:600;font-size:.88rem}.feed-item .b{font-size:.84rem;color:var(--text);margin-top:1px}.feed-item .m{font-size:.72rem;margin-top:2px}.feed-empty{padding:1.2rem .9rem;text-align:center;font-size:.85rem}.feed-foot{padding:.45rem .9rem .1rem;border-top:1px solid var(--border);font-size:.72rem}.link-btn{border:none;background:none;color:var(--primary);padding:.1rem .3rem;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}.link-btn:disabled{color:var(--text-muted);cursor:default}.link-btn.tiny{font-size:.7rem;padding:0}.sim-grid{display:grid;grid-template-columns:230px 1fr;gap:1rem;align-items:start}@media(max-width:760px){.sim-grid{grid-template-columns:1fr}}.scenario-rail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem;box-shadow:var(--shadow);position:sticky;top:1rem}.scenario-group+.scenario-group{margin-top:.8rem}.scenario-group-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.scenario-btn{display:block;width:100%;text-align:left;border:1px solid transparent;background:none;padding:.35rem .5rem;border-radius:6px;font-size:.85rem}.scenario-btn:hover{background:var(--surface-2)}.scenario-btn.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.sim-main{display:flex;flex-direction:column;gap:1rem;min-width:0}.sim-editor{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.45;border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .8rem;background:var(--surface-2);color:var(--text);resize:vertical}.sim-actions{display:flex;align-items:center;gap:.6rem;margin-top:.6rem}.sim-actions button{display:inline-flex;align-items:center;gap:.35rem}.data-table{width:100%;border-collapse:collapse;font-size:.86rem}.data-table th{text-align:left;color:var(--text-muted);font-weight:500;font-size:.76rem;padding:.4rem .55rem;border-bottom:1px solid var(--border)}.th-sort{display:inline-flex;align-items:center;gap:.25rem;padding:0;border:none;background:none;cursor:pointer;color:inherit;font:inherit}.th-sort:hover{color:var(--text)}.th-sort .sort-idle{opacity:.45}.data-table td{padding:.45rem .55rem;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table .row-click{cursor:pointer}.data-table .row-click:hover,.data-table .expand-row td{background:var(--surface-2)}.data-table .detail-cell{font-size:.8rem;color:var(--text-muted);max-width:360px}.row-dim td{opacity:.55}.filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filters select,.filters input{font:inherit;font-size:.85rem;border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem;background:var(--surface);color:var(--text)}.filters .live-toggle{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem}.pager{display:flex;align-items:center;justify-content:space-between;margin-top:.7rem;font-size:.85rem}.pill.info{background:var(--primary-soft);color:var(--primary)}.pill.info:before{display:none}.pill.skipped{background:var(--surface-2);color:var(--text-muted)}.switch{position:relative;display:inline-block;width:34px;height:20px;vertical-align:middle}.switch input{opacity:0;width:0;height:0}.switch .knob{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;border-radius:999px;background:var(--border);transition:background .12s ease}.switch .knob:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .12s ease;box-shadow:0 1px 2px #00000040}.switch input:checked+.knob{background:var(--ok)}.switch input:checked+.knob:after{transform:translate(14px)}.switch.disabled .knob{opacity:.55;cursor:default}.matrix-scroll{overflow-x:auto}.matrix .wf-name{font-weight:600;font-size:.86rem}.matrix-cell{display:flex;flex-direction:column;align-items:center;gap:.15rem}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141b2659;z-index:90}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;z-index:95;border-radius:0;overflow-y:auto;margin:0}.drawer-head{display:flex;align-items:center;justify-content:space-between}.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.range-picker{display:inline-flex;gap:.3rem}.range-btn{font-size:.8rem;padding:.25rem .7rem;border-radius:999px}.range-btn.on{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.stat-card{border:1px solid var(--border);border-radius:var(--radius);padding:.8rem .9rem;background:var(--surface-2);display:flex;flex-direction:column;gap:.15rem;color:var(--text-muted)}.stat-card .stat-num{font-size:1.6rem;font-weight:700;color:var(--text);line-height:1.1}.stat-card .stat-label{font-size:.78rem}.stat-card.ok svg{color:var(--ok)}.stat-card.bad svg{color:var(--fail)}.stat-card.warn svg{color:var(--warn, #c47f17)}.stat-card.dim svg{color:var(--text-muted)}.dash-cols{display:grid;grid-template-columns:1fr 1.4fr;gap:1rem;margin-top:1rem;align-items:start}@media(max-width:860px){.dash-cols{grid-template-columns:1fr}}.swagger-host{background:#fff;border:1px solid var(--border);border-radius:var(--radius);min-height:300px}.swagger-host .swagger-ui .topbar{display:none}.docs-grid{display:grid;grid-template-columns:280px 1fr;gap:1rem;align-items:start}@media(max-width:860px){.docs-grid{grid-template-columns:1fr}}.docs-nav{position:sticky;top:1rem}.docs-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.docs-link{display:block;width:100%;text-align:left;border:1px solid transparent;background:none;padding:.4rem .55rem;border-radius:6px;font-size:.86rem;line-height:1.35}.docs-link:hover{background:var(--surface-2)}.docs-link.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.docs-body{min-width:0}.markdown{line-height:1.65;font-size:.93rem}.markdown h1{font-size:1.25rem;margin:0 0 .8rem}.markdown h2{font-size:1.05rem;margin:1.4rem 0 .5rem;border-bottom:1px solid var(--border);padding-bottom:.25rem}.markdown h3{font-size:.95rem;margin:1.1rem 0 .4rem}.markdown pre{background:#0f172a;color:#d8e1ec;border-radius:var(--radius);padding:.8rem 1rem;overflow:auto;font-size:.82rem}.markdown code{font-size:.85em;background:var(--surface-2);padding:.1em .35em;border-radius:4px}.markdown pre code{background:none;padding:0}.markdown table{width:100%;border-collapse:collapse;font-size:.85rem;margin:.6rem 0}.markdown th,.markdown td{border:1px solid var(--border);padding:.35rem .55rem;text-align:left;vertical-align:top}.markdown th{background:var(--surface-2);font-weight:600}.markdown blockquote{margin:.6rem 0;padding:.4rem .9rem;border-left:3px solid var(--warn, #c47f17);background:var(--surface-2);border-radius:0 6px 6px 0}.tmpl-form{display:flex;flex-direction:column;gap:.35rem;margin-top:.8rem}.tmpl-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.tmpl-input,.tmpl-textarea{width:100%;font:inherit;font-size:.88rem;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.45rem .6rem;background:var(--surface)}.tmpl-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.5;resize:vertical}.tmpl-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.4rem}.tmpl-foot .btn{display:inline-flex;align-items:center;gap:.35rem}.ok-note{color:var(--ok);font-size:.82rem;margin-top:.3rem}.inbox-shell{min-height:100%;max-width:560px;margin:0 auto;background:var(--surface);display:flex;flex-direction:column}.inbox-head{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:5}.inbox-head h1{font-size:1.05rem;margin:0;flex:1}.inbox-head svg{color:var(--primary)}.inbox-conn{display:inline-flex;color:var(--text-muted)}.inbox-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%;color:var(--text-muted)}.inbox-icon-btn:hover{color:var(--primary);border-color:var(--primary)}.bell-badge.static{position:static}.inbox-sub{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;font-size:.8rem;border-bottom:1px solid var(--border)}.inbox-empty{padding:2.5rem 1rem;text-align:center}.inbox-list{list-style:none;margin:0;padding:0;flex:1}.inbox-item{padding:.9rem 1rem;border-bottom:1px solid var(--border);cursor:pointer;border-left:4px solid transparent}.inbox-item:active{background:var(--surface-2)}.inbox-item.unread{border-left-color:var(--primary);background:#15803d0d}.inbox-item .t{font-weight:600;font-size:.95rem}.inbox-item .b{font-size:.88rem;margin-top:2px;line-height:1.45}.inbox-item .m{font-size:.74rem;margin-top:4px}.inbox-action{display:inline-block;margin-top:.5rem;font-size:.85rem;font-weight:600;padding:.45rem .9rem;border:1px solid var(--primary);border-radius:999px}.prefs-list{list-style:none;margin:0;padding:.4rem 0;flex:1}.prefs-item{padding:.8rem 1rem;border-bottom:1px solid var(--border)}.prefs-name{font-weight:600;font-size:.92rem;display:flex;align-items:center;gap:.5rem}.prefs-lock{display:inline-flex;align-items:center;gap:.2rem;font-size:.72rem;font-weight:400}.prefs-channels{margin-top:.45rem;display:flex;flex-direction:column;gap:.3rem}.prefs-row{display:flex;align-items:center;justify-content:space-between;font-size:.86rem;min-height:32px}.bo-shell{display:flex;min-height:100vh}.bo-right{flex:1;min-width:0;display:flex;flex-direction:column}.bo-main{flex:1;min-width:0;width:100%;max-width:1280px;padding:1.2rem 1.4rem 2rem}.topnav{display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:var(--surface);border-bottom:1px solid var(--border);padding:0 1.1rem;height:56px;position:sticky;top:0;z-index:40}.nav-burger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;background:none;color:var(--text-muted);cursor:pointer}.nav-burger:hover{background:var(--surface-2);color:var(--text)}.topnav-right{display:flex;align-items:center;gap:.7rem}.breadcrumb-bar{display:flex;align-items:center;gap:.45rem;background:var(--surface);border-bottom:1px solid var(--border);padding:.55rem 1.4rem;font-size:.82rem;color:var(--text-muted)}.breadcrumb-bar a{color:var(--text-muted)}.breadcrumb-bar a:hover{color:var(--primary);text-decoration:none}.breadcrumb-bar .sep{opacity:.45}.breadcrumb-bar .current{color:var(--text);font-weight:500}.avatar-wrap{position:relative}.avatar-btn{display:flex;align-items:center;gap:.45rem;cursor:pointer;background:none;border:1px solid transparent;border-radius:8px;padding:.25rem .45rem;font:inherit;color:var(--text)}.avatar-btn:hover{border-color:var(--border);background:var(--surface-2)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700}.avatar-lg{width:40px;height:40px;font-size:.9rem}.avatar-name{font-size:.85rem}.avatar-menu{position:absolute;right:0;top:44px;width:260px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:.4rem;z-index:60}.avatar-menu-head{display:flex;gap:.6rem;align-items:center;padding:.5rem .6rem .7rem;border-bottom:1px solid var(--border);margin-bottom:.3rem}.avatar-menu-name{font-weight:600;font-size:.9rem}.avatar-menu button[role=menuitem]{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;font:inherit;font-size:.88rem;color:var(--text);padding:.5rem .6rem;border-radius:6px;cursor:pointer;text-align:left}.avatar-menu button[role=menuitem]:hover{background:var(--surface-2)}.sidebar{width:232px;flex:none;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.bo-shell.side-collapsed .sidebar{display:none}.side-brand{display:flex;align-items:center;gap:.6rem;flex:none;height:56px;padding:0 .95rem;background:var(--sidebar-brand-bg);color:#fff;text-decoration:none}.side-brand:hover{text-decoration:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#1d9e4b,#117a37);color:#fff}.brand-text{font-size:.93rem;letter-spacing:.01em;line-height:1.2}.brand-text b{font-weight:700}.sidebar ul{list-style:none;margin:0;padding:.55rem .55rem .8rem;display:flex;flex-direction:column;gap:2px}.side-section{font-size:.67rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#ffffff61;padding:.9rem .75rem .3rem}.side-link{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:8px;text-decoration:none;color:var(--sidebar-text);font-size:.9rem}.side-link svg{opacity:.8;flex:none}.side-link:hover{background:#ffffff0f;color:#fff;text-decoration:none}.side-link.active{background:linear-gradient(90deg,#1d9e4b,#15803d);color:#fff;font-weight:600}.side-link.active svg{opacity:1}.sidebar-foot{margin-top:auto;padding:.8rem 1rem;line-height:1.6;border-top:1px solid rgba(255,255,255,.08)}.sidebar .muted{color:#ffffff73}.logged-out{min-height:100vh;display:flex;align-items:center;justify-content:center}.logged-out-card{width:380px;text-align:center;display:flex;flex-direction:column;gap:.7rem}.logged-out-card h1{font-size:1.1rem;display:flex;gap:.5rem;align-items:center;justify-content:center;margin:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.2rem 0 .3rem;flex-wrap:wrap}.page-head h2{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;margin:0;flex-wrap:wrap}.page-desc{font-size:.86rem;margin:0 0 .9rem;max-width:70rem}.head-code{font-size:.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.1rem .45rem}.back-link{display:inline-flex;color:var(--text-muted)}.small{font-size:.78rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}@media(max-width:980px){.two-col{grid-template-columns:1fr}}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:8px;font:inherit;font-size:.88rem;font-weight:600;padding:.5rem .9rem}.btn-primary:disabled{opacity:.55;cursor:default}.btn-ghost{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;font:inherit;font-size:.82rem;padding:.38rem .7rem;text-decoration:none}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;background:#fff;color:var(--fail);border:1px solid var(--fail);border-radius:8px;font:inherit;font-size:.85rem;padding:.45rem .8rem}.icon-ghost{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;color:var(--text-muted);padding:.25rem;border-radius:6px}.icon-ghost:hover{background:var(--surface-2);color:var(--text)}.icon-ghost.danger:hover{color:var(--fail)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--surface);border-radius:12px;box-shadow:var(--shadow);width:520px;max-width:96vw;max-height:90vh;overflow:auto;padding:1rem 1.2rem}.modal-wide{width:860px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.modal-head h3{margin:0;font-size:1rem;display:flex;align-items:center;gap:.45rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.9rem}.form-grid{display:flex;flex-direction:column;gap:.7rem}.form-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.84rem;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select,.composer-main textarea{font:inherit;font-size:.86rem;font-weight:400;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}.form-grid textarea,.composer-main textarea{font-family:ui-monospace,Menlo,monospace;font-size:.8rem}.form-grid input:disabled{background:var(--surface-2);color:var(--text-muted)}.toggle-row{display:flex;align-items:center;gap:.6rem;font-weight:400}.range-picker{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.range-picker button{background:var(--surface);border:none;font:inherit;font-size:.8rem;padding:.4rem .8rem;cursor:pointer;color:var(--text-muted)}.range-picker button.active{background:var(--primary);color:#fff;font-weight:600}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem;margin-bottom:1rem}.hero-card{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:132px;border-radius:12px;color:#fff;box-shadow:var(--shadow)}.hero-green{background:linear-gradient(45deg,#1f9d4d,#0e7c36)}.hero-teal{background:linear-gradient(45deg,#0ba5a5,#0a7e86)}.hero-amber{background:linear-gradient(45deg,#f2a60d,#d98706)}.hero-red{background:linear-gradient(45deg,#e55353,#c43b3b)}.hero-body{padding:.85rem 1rem .15rem}.hero-value{display:flex;align-items:baseline;gap:.45rem;font-size:1.55rem;font-weight:700;line-height:1.15}.hero-value .hero-sub{font-size:.76rem;font-weight:500;opacity:.88}.hero-label{font-size:.8rem;opacity:.85;margin-top:2px}.hero-icon{position:absolute;top:.8rem;right:.85rem;opacity:.5}.hero-spark{height:54px;margin-top:auto}.traffic-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.4rem}.traffic-head h3{margin:0}.traffic-foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:.9rem;border-top:1px solid var(--border);margin-top:.9rem;padding-top:.8rem;text-align:center}.tf-label{font-size:.75rem;color:var(--text-muted)}.tf-value{font-size:.92rem;font-weight:600;margin:2px 0 6px}.tf-bar{height:4px;border-radius:999px;background:var(--surface-2);overflow:hidden}.tf-bar span{display:block;height:100%;border-radius:999px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.chart-wide{grid-column:1 / -1}@media(max-width:980px){.chart-grid{grid-template-columns:1fr}}.chart-box{width:100%}.source-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.source-list li{display:grid;grid-template-columns:120px 1fr 60px;align-items:center;gap:.6rem;font-size:.85rem}.source-bar{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.source-bar span{display:block;height:100%;background:var(--primary);border-radius:999px}.source-count{text-align:right;font-weight:600}.err-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.row-link{text-decoration:none;color:inherit;display:block}.row-link:hover .wf-name,.row-link:hover b{text-decoration:underline}.admin-mark{color:var(--primary);vertical-align:-2px;margin-left:.2rem}.secret-hint{font-size:.8rem}.secret-banner{display:flex;gap:.5rem;align-items:flex-start;font-size:.84rem;background:#c47f171a;border:1px solid rgba(196,127,23,.4);color:#7a5210;border-radius:8px;padding:.6rem .8rem;margin-bottom:.7rem}.secret-box{display:flex;align-items:center;gap:.6rem;justify-content:space-between;background:#0f172a;color:#d8e1ec;border-radius:8px;padding:.7rem .9rem}.secret-box code{font-size:.85rem;word-break:break-all}.secret-box .btn-ghost{flex:none}.danger-zone h3{color:var(--fail)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.9rem}.channel-card{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;box-shadow:var(--shadow);transition:transform .06s ease}.channel-card:hover{transform:translateY(-2px)}.channel-card h3{margin:0;font-size:.98rem}.channel-card-head{display:flex;justify-content:space-between;align-items:center}.channel-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.channel-card-foot{margin-top:.35rem;font-size:.76rem}.test-ok{color:var(--ok);display:inline-flex;gap:.3rem;align-items:center}.test-fail{color:var(--fail);display:inline-flex;gap:.3rem;align-items:center}.test-result{display:flex;gap:.6rem;align-items:flex-start;margin-top:.8rem;border-radius:8px;padding:.7rem .8rem;font-size:.86rem}.test-result.ok{background:#1f9d5517;border:1px solid rgba(31,157,85,.35);color:#14532d}.test-result.failed{background:#c4332b12;border:1px solid rgba(196,51,43,.35);color:var(--fail)}.kv-editor{display:flex;flex-direction:column;gap:.4rem}.kv-row{display:grid;grid-template-columns:220px 1fr 34px;gap:.45rem}.kv-row input{font:inherit;font-size:.82rem;font-family:ui-monospace,Menlo,monospace;padding:.4rem .55rem;border:1px solid var(--border);border-radius:7px}.dest-card{border:1px solid var(--border);border-radius:10px;padding:.7rem .8rem;margin-bottom:.7rem;background:var(--surface-2)}.dest-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.dest-head select{font:inherit;font-size:.84rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:7px;background:#fff}.dest-no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:.72rem;font-weight:700;flex:none}.dest-icons{color:var(--text-muted);display:inline-flex}.dest-spacer{flex:1}.dest-legacy{padding:.3rem 0}.chip-select{display:flex;flex-wrap:wrap;gap:.4rem}.chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;font:inherit;font-size:.8rem;padding:.25rem .75rem;cursor:pointer;color:var(--text-muted)}.chip.on{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:.3rem}.dest-chip{display:inline-flex;align-items:center;gap:.25rem;font-size:.74rem;border:1px solid var(--border);border-radius:999px;padding:.12rem .55rem;background:var(--surface)}.dest-chip.off{opacity:.45;text-decoration:line-through}.var-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem}.param-table input{width:100%;font:inherit;font-size:.82rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:6px}.steps-list{margin:0 0 .8rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem;font-size:.88rem}.code-block{background:#0f172a;color:#d8e1ec;border-radius:8px;padding:.8rem 1rem;font-size:.78rem;overflow:auto}.sub-tabs{margin-top:.2rem}.filter-panel{padding-bottom:.5rem}.filters label{display:flex;flex-direction:column;gap:.2rem;font-size:.76rem;font-weight:600;color:var(--text-muted)}.status-chips{display:flex;flex-wrap:wrap;gap:.25rem}.chip-count{font-size:.72rem;border-radius:999px;padding:.1rem .5rem;border:1px solid var(--border)}.chip-count.sent{background:#1f9d551a;color:#14532d;border-color:#1f9d5566}.chip-count.failed{background:#c4332b14;color:var(--fail);border-color:#c4332b66}.chip-count.skipped{background:#c47f171a;color:#7a5210;border-color:#c47f1766}.chip-count.queued,.chip-count.processing{background:var(--surface-2);color:var(--text-muted)}.row-actions{white-space:nowrap}.row-open td{background:var(--surface-2)}.expand-row td{background:var(--surface-2);padding:.4rem .8rem .8rem}.inner-table{background:var(--surface);border-radius:8px}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:.7rem}.pager-controls{display:inline-flex;align-items:center;gap:.6rem;font-size:.84rem}.composer-grid{display:grid;grid-template-columns:230px 1fr;gap:.9rem}.composer-rail{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem}.rail-group{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:.5rem 0 .2rem}.composer-main{display:flex;flex-direction:column;gap:.4rem}.small-json{font-size:.72rem;max-height:220px;overflow:auto}