:root{--bg:#f5f3fd;--surface:#fff;--surface2:#f8f9fd;--ink:#0f172a;--ink2:#475467;--mute:#667085;--line:#e5e8f2;--line2:#eef0f8;--brand:#4560e6;--brand2:#7a3fe6;--brand-soft:#efeeff;--brand-ink:#3b2fb8;--gold:#f5b21b;--gold-soft:#fff3d3;--ok:#12b76a;--ok-soft:#e6f8ef;--bad:#f04438;--bad-soft:#feeceb;--warn:#f79009;--warn-soft:#fff3df;--shadow-sm:0 1px 2px rgba(16,24,40,.06);--shadow:0 8px 24px -12px rgba(16,24,40,.18);--shadow-lg:0 24px 48px -20px rgba(16,24,40,.35);--r:14px;--ease:cubic-bezier(.2,.8,.2,1);color-scheme:light}[data-theme=dark]{--bg:#0b0820;--surface:#150f38;--surface2:#1b1446;--ink:#f0eeff;--ink2:#bdb8dd;--mute:#9690bd;--line:#2a2160;--line2:#201950;--brand:#8a9cff;--brand2:#b18dff;--brand-soft:#241c68;--brand-ink:#cfd0ff;--gold:#ffc53d;--gold-soft:#45360d;--ok:#32d583;--ok-soft:#0f3a2a;--bad:#f97066;--bad-soft:#47191b;--warn:#fdb022;--warn-soft:#45330b;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 10px 28px -14px rgba(0,0,0,.7);--shadow-lg:0 28px 56px -20px rgba(0,0,0,.8);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}h1,h2,h3,h4,p{margin:0}code,.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px}.mute{color:var(--mute)}::selection{background:color-mix(in srgb,var(--brand) 30%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px;border:2px solid var(--bg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes slideR{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes drift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,currentColor 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes toastIn{0%{opacity:0;transform:translate(24px) scale(.96)}to{opacity:1;transform:none}}.page{animation:fadeUp .45s var(--ease) both}.rise,.tcard,.kpi,.chan{animation:fadeUp .55s var(--ease) both;animation-delay:calc(var(--i,0) * 50ms)}.shell{display:flex;min-height:100vh}.content{flex:1;min-width:0}main{padding:22px 28px 56px;max-width:1480px;margin:0 auto}.side{width:248px;flex:none;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 14px;color:#c8d0ee;transition:width .3s var(--ease);background:radial-gradient(120% 60% at 0% 0%,#3b1f9e 0%,transparent 62%),linear-gradient(180deg,#1b1052,#0e0833);overflow:hidden}.brand{display:flex;align-items:center;gap:10px;padding:2px 4px 6px;position:relative}.brand-logo{height:46px;padding:0 12px;border-radius:13px;background:#fff;display:flex;align-items:center;overflow:hidden;box-shadow:0 8px 20px -8px #0009,0 0 0 1px #fff6;transition:width .3s var(--ease),padding .3s var(--ease)}.brand-logo img{height:30px;width:auto;display:block}.brand-logo .logo-mark{display:none;height:32px;width:32px}.brand-sub{display:block;padding:0 8px 22px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8d82cf;white-space:nowrap}.collapse{margin-left:auto;width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#c8d0ee;cursor:pointer;display:grid;place-items:center;transition:transform .3s var(--ease),background .2s;flex:none}.collapse:hover{background:#ffffff24}.navgroup{display:flex;flex-direction:column;gap:3px;margin-bottom:18px}.navgroup small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6f7fb8;padding:0 10px 6px;white-space:nowrap}.sidenav button{position:relative;display:flex;align-items:center;gap:12px;border:0;background:none;color:inherit;font:inherit;font-size:13.5px;font-weight:500;padding:10px 12px;border-radius:11px;cursor:pointer;text-align:left;white-space:nowrap;transition:background .2s,color .2s,transform .2s var(--ease)}.sidenav button svg{flex:none;transition:transform .3s var(--ease)}.sidenav button:hover{background:#ffffff12;color:#fff;transform:translate(3px)}.sidenav button:hover svg{transform:scale(1.12) rotate(-5deg)}.sidenav button.on{background:linear-gradient(90deg,#8c6eff57,#8c6eff14);color:#fff;font-weight:600}.sidenav button.on:before{content:"";position:absolute;left:-14px;top:22%;bottom:22%;width:4px;border-radius:0 4px 4px 0;background:var(--gold);animation:grow .3s var(--ease) both}.sidenav em{margin-left:auto;font-style:normal;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:#ffffff1a;color:#aab5e6}.side-foot{margin-top:auto;display:flex;align-items:center;gap:11px;padding:12px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.07);color:#ffd36b;font-size:11px;white-space:nowrap}.side-foot b{display:block;color:#fff;font-size:12px}.side-foot span{color:#8fa0d6}.pulse.g{color:#4ade80}.pulse{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none;display:inline-block;animation:pulse 2s infinite}.stat .pulse.g,.mode .pulse{margin-right:7px;vertical-align:middle}.shell.collapsed .side{width:76px}.shell.collapsed .brand-sub,.shell.collapsed .navgroup small,.shell.collapsed .sidenav span,.shell.collapsed .sidenav em,.shell.collapsed .side-foot div{display:none}.shell.collapsed .brand{flex-direction:column;gap:12px;padding-bottom:18px}.shell.collapsed .brand-logo{width:46px;padding:0;justify-content:center}.shell.collapsed .logo-full{display:none}.shell.collapsed .logo-mark{display:block}.shell.collapsed .collapse{margin:0;transform:rotate(180deg)}.shell.collapsed .sidenav button{justify-content:center;padding:11px 0}.shell.collapsed .side-foot{justify-content:center}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:14px 28px;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line)}.titles h1{font-size:19px;font-weight:700;letter-spacing:-.01em}.titles p{font-size:12px;color:var(--mute);margin-top:1px}.titles{animation:fadeUp .4s var(--ease) both}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.clockchip,.mode{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink2)}.mode.dry{color:var(--warn);background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.mode.live{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#7a3fe6,#4560e6);border:2px solid var(--surface);box-shadow:0 0 0 2px var(--gold),0 6px 14px -6px #7a3fe6cc;transition:transform .3s var(--ease)}.avatar:hover{transform:scale(1.1) rotate(-6deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 6px 16px -8px color-mix(in srgb,var(--brand) 90%,transparent);transition:transform .15s var(--ease),box-shadow .2s,filter .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 10px 22px -10px color-mix(in srgb,var(--brand) 95%,transparent)}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm)}.btn.soft{background:var(--brand-soft);color:var(--brand-ink);box-shadow:none}.btn.light{background:#fff;color:#2b2f8f;box-shadow:0 8px 20px -10px #00000080}.btn.glass{background:#ffffff24;border-color:#ffffff47;color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn.sm{padding:6px 11px;font-size:12px;border-radius:8px}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);cursor:pointer;transition:all .18s var(--ease)}.icon-btn:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 40%,var(--line));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.icon-btn.sm{width:30px;height:30px;border-radius:8px;border-color:transparent;background:transparent}.icon-btn.sm:hover{background:var(--brand-soft);border-color:transparent}.icon-btn.danger:hover{color:var(--bad);background:var(--bad-soft)}label{display:block;font-size:12px;font-weight:500;color:var(--ink2);margin:10px 0 5px}input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;transition:border-color .15s,box-shadow .15s,background .2s}input::placeholder,textarea::placeholder{color:var(--mute);opacity:.7}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 14px}.search{position:relative;flex:1;max-width:420px}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mute)}.search input{padding-left:36px}.switch{position:relative;display:inline-block;width:38px;height:22px;margin:0}.switch input{opacity:0;width:0;height:0;position:absolute}.switch i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:var(--line);transition:background .25s;cursor:pointer}.switch i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .25s var(--ease)}.switch input:checked+i{background:var(--ok)}.switch input:checked+i:after{transform:translate(16px)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:18px;box-shadow:var(--shadow-sm);transition:background .3s,border-color .3s}.panel h3{font-size:15px;font-weight:700;margin-bottom:12px}.panel-h{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.panel-h h3{margin:0 auto 0 0}.count{display:inline-block;margin-left:6px;padding:1px 9px;border-radius:99px;background:var(--brand-soft);color:var(--brand-ink);font-size:11px;font-weight:700;vertical-align:middle}.keyform{max-width:420px}.preview{margin-top:14px;padding:12px 14px;background:var(--surface2);border:1px solid var(--line2);border-left:3px solid var(--brand);border-radius:10px;white-space:pre-wrap;font-size:12.5px}.msg{margin-top:12px;font-size:12.5px;word-break:break-word}.msg.err{color:var(--bad)}.msg.ok{color:var(--ok)}.scroll{overflow-x:auto}.empty{text-align:center;padding:48px 16px;color:var(--mute)}.empty-ic{width:60px;height:60px;margin:0 auto 14px;border-radius:18px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);animation:float 4s ease-in-out infinite}.empty b{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}.empty p{max-width:380px;margin:0 auto;font-size:13px}.skeleton{background:linear-gradient(90deg,var(--line2) 25%,var(--surface2) 50%,var(--line2) 75%) 0 0/200% 100%;animation:shimmer 1.3s linear infinite;border-color:transparent!important;border-radius:var(--r)}.hero{position:relative;overflow:hidden;border-radius:20px;padding:26px 12px 0 28px;color:#fff;margin-bottom:22px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:4px;background:linear-gradient(120deg,#2a1590,#5a2fd6 45%,#7a3fe6 72%,#3f63e6);background-size:220% 220%;animation:drift 16s ease-in-out infinite;box-shadow:var(--shadow-lg)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{width:300px;height:300px;right:-80px;top:-120px;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 65%);animation:float 7s ease-in-out infinite}.hero:after{width:220px;height:220px;left:30%;bottom:-140px;background:radial-gradient(circle,rgba(245,178,27,.28),transparent 65%);animation:float 9s ease-in-out infinite reverse}.hero-top{position:relative;display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;z-index:1}.hero-copy{flex:1;min-width:260px}.eyebrow{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.16em;padding:4px 10px;border-radius:99px;background:#f5b21b33;color:#ffd978;border:1px solid rgba(245,178,27,.4);margin-bottom:10px}.hero h2{font-size:25px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.hero p{margin-top:6px;color:#d5d9ff;max-width:520px}.hero-cta{display:flex;gap:10px;flex-wrap:wrap}.stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:22px}.stat{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:13px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s var(--ease),background .25s;animation:fadeUp .55s var(--ease) both}.stat:nth-child(2){animation-delay:.07s}.stat:nth-child(3){animation-delay:.14s}.stat:nth-child(4){animation-delay:.21s}.stat:hover{transform:translateY(-4px);background:#ffffff2b}.stat small{font-size:11px;font-weight:600;color:#cfd5ff;letter-spacing:.04em}.stat b{display:block;font-size:24px;margin:2px 0;font-variant-numeric:tabular-nums}.stat span{font-size:11px;color:#cfd5ff}.tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:18px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm);flex-wrap:wrap}.tabs button{border:0;background:none;padding:8px 16px;border-radius:9px;color:var(--mute);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .22s var(--ease)}.tabs button:hover{color:var(--ink)}.tabs button.on{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 6px 14px -6px color-mix(in srgb,var(--brand) 90%,transparent)}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.toolbar .btn{margin-left:auto}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filters .hint{margin-left:auto;font-size:12px;color:var(--mute)}.fchip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s var(--ease)}.fchip i{width:8px;height:8px;border-radius:50%;background:var(--c)}.fchip em{font-style:normal;font-size:10px;padding:1px 7px;border-radius:99px;background:var(--line2);color:var(--mute)}.fchip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--c,var(--brand)) 50%,var(--line))}.fchip.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}.fchip.on em{background:#fff3;color:inherit}.chip{display:inline-block;padding:0 6px;border-radius:6px;font-weight:600;font-size:11px;background:color-mix(in srgb,var(--c,var(--brand)) 15%,transparent);color:var(--c,var(--brand))}.c-blue{--c:#4f6df5}.c-green{--c:#12b76a}.c-red{--c:#f04438}.c-orange{--c:#f79009}.c-purple{--c:#8b5cf6}[data-theme=dark] .c-blue{--c:#7c93ff}[data-theme=dark] .c-purple{--c:#a78bfa}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.tcard{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px 18px 14px;border-radius:var(--r);overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 8%,var(--surface)) 0%,var(--surface) 70%);border:1px solid color-mix(in srgb,var(--c) 22%,var(--line));box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}.tcard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c);opacity:.9}.tcard:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c) 55%,var(--line));box-shadow:0 18px 32px -18px color-mix(in srgb,var(--c) 75%,#000)}.tcard header{display:flex;align-items:center;gap:11px}.ticon{width:32px;height:32px;border-radius:10px;flex:none;display:grid;place-items:center;color:#fff;background:var(--c,var(--brand));box-shadow:0 6px 12px -6px var(--c,var(--brand));transition:transform .3s var(--ease)}.tcard:hover .ticon{transform:rotate(-8deg) scale(1.08)}.tmeta{min-width:0;flex:1}.tmeta h4{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmeta code{color:var(--mute);font-size:10.5px}.use{font-size:10px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--line2);color:var(--mute);white-space:nowrap}.use.on{background:var(--ok-soft);color:var(--ok)}.tbody{flex:1;font-size:12.5px;line-height:1.75;color:var(--ink2)}.tcard footer{display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--c) 25%,var(--line))}.tcard .btn.soft{background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c)}.tools{margin-left:auto;display:flex;gap:2px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px 12px;color:var(--mute);font-weight:600;font-size:11px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:var(--surface2);border-bottom:1px solid var(--line);position:sticky;top:0}th:first-child{border-radius:10px 0 0 10px}th:last-child{border-radius:0 10px 10px 0}td{padding:11px 12px;border-bottom:1px solid var(--line2);vertical-align:middle}tbody tr{transition:background .15s}tbody tr:hover{background:var(--surface2)}tr.dim td{opacity:.5}tr.dim td:first-child,tr.dim td:last-child{opacity:1}.nowrap{white-space:nowrap}.msgcell{max-width:380px;color:var(--ink2);font-size:12.5px}.muted-cell{color:var(--mute);max-width:240px;word-break:break-word}.sp{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;text-transform:capitalize;background:var(--line2);color:var(--mute)}.sp:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.s-sent,.s-active{background:var(--ok-soft);color:var(--ok)}.s-failed,.s-stopped{background:var(--bad-soft);color:var(--bad)}.s-dry_run,.s-paid{background:var(--warn-soft);color:var(--warn)}.src{font-size:11px;padding:2px 8px;border-radius:6px;background:var(--line2);color:var(--ink2);font-weight:600}.who{display:flex;align-items:center;gap:10px}.who small{display:block;color:var(--mute);font-size:11px}.av{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--brand-ink);background:var(--brand-soft);flex:none}.dpd{font-size:12px;color:var(--ink2)}.dpd.late{color:var(--bad);font-weight:600}.dotl{display:inline-flex;align-items:center;gap:8px}.dotl i{width:8px;height:8px;border-radius:50%;background:var(--c)}.tl{position:relative;padding:4px 0 0}.tl-axis{position:relative;height:22px;margin-left:0}.tl-axis span{position:absolute;transform:translate(-50%);font-size:10.5px;font-weight:600;color:var(--mute)}.tl-axis span.due{color:var(--brand)}.tl-body{position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/67 * 7 - 1px),var(--line2) calc(100%/67 * 7 - 1px),var(--line2) calc(100%/67 * 7));border-radius:8px;padding:6px 0}.tl-today{position:absolute;top:0;bottom:0;width:2px;background:var(--brand);opacity:.55;z-index:1}.tl-row{position:relative;height:28px}.tl-bar{position:absolute;top:3px;height:22px;border-radius:7px;padding:0 9px;background:var(--c);color:#fff;font-size:11px;font-weight:600;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left;animation:slideR .8s var(--ease) both;animation-delay:calc(var(--i) * 70ms);box-shadow:0 4px 10px -5px var(--c);transition:filter .2s}.tl-bar:hover{filter:brightness(1.12);z-index:2}.tl-bar.off{opacity:.3;box-shadow:none;background-image:repeating-linear-gradient(45deg,transparent 0 6px,rgba(255,255,255,.35) 6px 12px)}.tl-note{font-size:11.5px;margin-top:10px}.bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.bar .hint{margin-right:auto;color:var(--mute);font-size:13px}.seg-ctl{display:inline-flex;padding:3px;border-radius:11px;background:var(--line2)}.seg-ctl button{border:0;background:none;font:inherit;font-size:12px;font-weight:600;padding:6px 13px;border-radius:8px;cursor:pointer;color:var(--mute);transition:all .22s var(--ease)}.seg-ctl button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px}.kpi{--k:var(--brand);position:relative;overflow:hidden;display:flex;flex-direction:column;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s}.kpi:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--k) 18%,transparent),transparent 70%)}.kpi:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.kico{position:absolute;right:14px;top:14px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--k);background:color-mix(in srgb,var(--k) 14%,transparent);z-index:1}.kpi small{font-size:12px;font-weight:600;color:var(--mute)}.kpi b{font-size:30px;line-height:1.2;margin:4px 0 2px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi>span:last-child{font-size:11.5px;color:var(--mute)}.k-blue{--k:#4f6df5}.k-green{--k:#12b76a}.k-red{--k:#f04438}.k-amber{--k:#f79009}.k-ring{--k:#8b5cf6;flex-direction:row;align-items:center;gap:14px}.k-ring small{display:block;font-size:13px;color:var(--ink)}.k-ring span{display:block;font-size:11px}.ring-bg{fill:none;stroke:var(--line2);stroke-width:7}.ring-fg{fill:none;stroke:var(--k);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease)}.ring-t{font-size:13px;font-weight:700;fill:var(--ink)}.chan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin-bottom:18px}.chan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s}.chan:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.chan.off{background:var(--surface2)}.chan.off .chan-n,.chan.off .chan-s,.chan.off .meter{opacity:.5}.chan-h{display:flex;align-items:center;gap:11px}.chan-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft)}.tag{margin-left:auto;font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--line2);color:var(--mute)}.tag.on{background:var(--ok-soft);color:var(--ok)}.chan-n{font-size:34px;font-weight:700;margin:14px 0 10px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.chan-n small{font-size:12px;font-weight:500;color:var(--mute);margin-left:7px;letter-spacing:0}.meter{display:flex;height:9px;border-radius:99px;overflow:hidden;background:var(--line2);transform-origin:left;animation:slideR .9s var(--ease) both}.meter i{display:block;transition:width .8s var(--ease)}.m-d,.dot.d,.seg.delivered{background:var(--ok)}.m-f,.dot.f,.seg.failed{background:var(--bad)}.m-t,.dot.t,.seg.test{background:var(--warn)}.chan-s{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:var(--mute)}.chan-s b{color:var(--ink);margin-left:4px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.legend{display:flex;gap:16px;font-size:12px;color:var(--mute)}.chart{display:flex;align-items:flex-end;gap:8px;padding:16px 2px 0;overflow-x:auto}.col{flex:1;min-width:24px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:default}.stack{width:100%;max-width:38px;display:flex;flex-direction:column-reverse;transform-origin:bottom;animation:grow .8s var(--ease) both;animation-delay:calc(var(--i) * 35ms);transition:filter .2s,transform .2s}.col:hover .stack{filter:brightness(1.12);transform:scaleX(1.08)}.seg{display:block;width:100%;min-height:2px}.seg:last-child{border-radius:7px 7px 0 0}.col small{font-size:10.5px;color:var(--mute);text-align:center;line-height:1.25}.col small i{font-style:normal;opacity:.7}.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.hrow{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:12.5px}.hname{width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar{flex:1;height:8px;background:var(--line2);border-radius:99px;overflow:hidden}.hbar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:99px;transform-origin:left;animation:slideR 1s var(--ease) both}.hrow em{font-style:normal;color:var(--bad);font-size:11px;font-weight:600}.fail{padding:10px 0;border-bottom:1px solid var(--line2);font-size:12.5px}.fail:last-child{border:0}.fail small{color:var(--mute);word-break:break-word}.ok-note{color:var(--ok);font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px;background:#080c208c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .2s ease both}.modal{width:100%;max-width:620px;max-height:92vh;overflow:auto;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);animation:pop .3s var(--ease) both}.modal-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}.modal-h h3{font-size:16px;margin:0}.modal-h button{margin-left:auto;width:30px;height:30px;border-radius:9px;border:0;background:var(--line2);color:var(--ink2);font-size:18px;line-height:1;cursor:pointer;transition:all .2s}.modal-h button:hover{background:var(--bad-soft);color:var(--bad);transform:rotate(90deg)}.modal pre{margin:0;overflow-x:auto}.toasts{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:10px;min-width:240px;max-width:380px;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:500;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--ok);box-shadow:var(--shadow-lg);animation:toastIn .35s var(--ease) both}.toast svg{color:var(--ok);flex:none}.toast.err{border-left-color:var(--bad)}.toast.err svg{color:var(--bad)}.toast button{margin-left:auto;border:0;background:none;color:var(--mute);font-size:16px;cursor:pointer}.soon{text-align:center;padding:72px 16px}.soon-ic{width:68px;height:68px;border-radius:20px;margin:0 auto 16px;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft);animation:float 4s ease-in-out infinite}.soon h3{font-size:18px}.soon p{margin:6px 0 14px}.soon-tag{display:inline-block;padding:4px 14px;border-radius:99px;background:var(--warn-soft);color:var(--warn);font-size:11px;font-weight:700}@media (max-width:1000px){.side{width:76px}.brand-sub,.navgroup small,.sidenav span,.sidenav em,.side-foot div,.collapse{display:none}.brand{justify-content:center;padding-bottom:18px}.brand-logo{width:46px;padding:0;justify-content:center}.logo-full{display:none}.logo-mark{display:block}.sidenav button{justify-content:center;padding:11px 0}.side-foot{justify-content:center}main{padding:18px 16px 48px}.topbar{padding:12px 16px}.clockchip{display:none}}@media (max-width:620px){.hero h2{font-size:20px}.grid{grid-template-columns:1fr}.toolbar .btn{margin-left:0}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.tl-label{z-index:2;position:absolute;top:3px;line-height:22px;font-size:11px;font-weight:600;color:var(--c);white-space:nowrap;animation:fadeIn .6s ease both .5s}.tl-label.off{opacity:.4}@keyframes halo{0%,to{opacity:.65;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}.hero-main{position:relative;z-index:1;min-width:0;padding-bottom:26px}.hero-art{position:relative;align-self:end;z-index:1}.hero-art img{position:relative;display:block;width:300px;max-width:100%;height:auto;margin:0 auto -8px;filter:drop-shadow(0 20px 22px rgba(12,6,60,.55));animation:float 5s ease-in-out infinite}.halo{position:absolute;left:50%;top:52%;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#f5b21b8c,#f5b21b00 68%);animation:halo 4s ease-in-out infinite}.soon-av{display:block;width:230px;max-width:70%;margin:0 auto 6px;filter:drop-shadow(0 16px 18px rgba(80,40,200,.35));animation:float 4.5s ease-in-out infinite}.nodata{display:flex;align-items:center;gap:14px;padding:6px 0 4px}.nodata img{width:54px;height:54px;border-radius:50%;flex:none;background:var(--brand-soft);box-shadow:0 0 0 2px var(--gold)}@media (max-width:1100px){.hero{grid-template-columns:1fr;padding-right:28px}.hero-art{display:none}}:root{--bg:#f4f7fc;--ink:#0e1a38;--ink2:#46506a;--mute:#6d7690;--line:#e3e9f4;--line2:#edf2fa;--brand:#1f6fe0;--brand2:#3d8bff;--brand-soft:#e8f1ff;--brand-ink:#134a9e;--gold:#f9a81d;--gold-soft:#fff2d9}[data-theme=dark]{--bg:#060d22;--surface:#0d1736;--surface2:#132047;--ink:#eef2ff;--ink2:#b9c4e4;--mute:#8896bb;--line:#1d2b58;--line2:#16224a;--brand:#6aa6ff;--brand2:#93bfff;--brand-soft:#14284f;--brand-ink:#c6dcff;--gold:#ffbe4d;--gold-soft:#47320b}[data-theme=dark] .btn,[data-theme=dark] .tabs button.on{color:#04122e}[data-theme=dark] .btn.ghost{color:var(--ink)}[data-theme=dark] .btn.soft{color:var(--brand-ink)}.side{color:#c8d6f2;background:radial-gradient(120% 60% at 0% 0%,#1a56c0 0%,transparent 62%),linear-gradient(180deg,#0a2254,#071336)}.brand{gap:8px}.brand-logo{flex:1;min-width:0;height:78px;padding:8px 12px;justify-content:center}.brand-logo .logo-full{height:56px;width:auto;max-width:100%;object-fit:contain}.brand-logo .logo-mark{height:34px;width:34px;object-fit:contain}.shell.collapsed .brand-logo{flex:none;width:46px;height:46px;padding:0}.brand-sub{color:#8fa6d9}.navgroup small{color:#6f86bd}.sidenav button.on{background:linear-gradient(90deg,#f9a81d47,#f9a81d0f)}.sidenav button.on:before{background:var(--gold)}.avatar{background:#fff;object-fit:contain;padding:5px;border:2px solid var(--surface);box-shadow:0 0 0 2px var(--gold),0 6px 14px -6px #1f6fe099}.hero{background:linear-gradient(120deg,#0b2a78,#1f5fd0 55%,#3d8bff 95%);background-size:220% 220%;box-shadow:0 24px 48px -22px #1f5fd0b3;padding-bottom:26px}.hero:before{background:radial-gradient(circle,rgba(232,0,0,.32),transparent 65%)}.hero:after{background:radial-gradient(circle,rgba(249,168,29,.38),transparent 65%)}.eyebrow{background:#f9a81d3d;color:#ffd88a;border-color:#f9a81d8c}.btn.light{color:#134a9e}.hero-main{padding-bottom:0}.hero-art{align-self:center}.halo{width:262px;height:132px;top:50%;border-radius:30px;background:#fff;box-shadow:0 22px 44px -18px #020a2c99;animation:halo 4s ease-in-out infinite}.hero-art img{width:226px;margin:0 auto;filter:none}.k-ring{--k:#e80000}.soon-av{width:200px;padding:30px 22px;border-radius:50%;background:#fff;filter:none;box-shadow:0 18px 30px -14px #1f6fe08c,0 0 0 3px var(--gold)}.nodata img{padding:5px;object-fit:contain;background:#fff;box-shadow:0 0 0 2px var(--gold)}.hero.wa{background:linear-gradient(120deg,#044d3a,#0b8a60 55%,#25d366 96%);background-size:220% 220%;box-shadow:0 24px 48px -22px #0b8a60b3}.hero.wa:before{background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%)}.hero.wa:after{background:radial-gradient(circle,rgba(37,211,102,.45),transparent 65%)}.hero.wa .eyebrow{background:#fff3;color:#eafff3;border-color:#ffffff80}.hero.wa .btn.light{color:#066a4c}.vchips{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 2px}.vchip{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 3px;border-radius:99px;font-size:11px;font-weight:600;background:color-mix(in srgb,var(--c,var(--brand)) 13%,transparent);color:var(--ink2)}.vchip b{display:inline-block;padding:1px 6px;border-radius:99px;font-size:10px;font-family:ui-monospace,Consolas,monospace;background:var(--c,var(--brand));color:#fff}.tmeta code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 4px 2px}.pager-btns{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pager-btns .btn[disabled]{opacity:.45;cursor:not-allowed}.pg-gap{padding:0 4px;color:var(--ink3, #8a8fa6)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 15% 0%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 60%),radial-gradient(800px 500px at 100% 100%,color-mix(in srgb,var(--brand2) 20%,transparent),transparent 60%),var(--bg)}.login-card{width:min(410px,100%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px 30px 24px;box-shadow:var(--shadow-lg);animation:pop .5s var(--ease) both}.login-logo{display:inline-flex;background:#fff;border-radius:14px;padding:10px 16px;margin-bottom:18px;box-shadow:0 1px 0 var(--line),var(--shadow-sm)}.login-logo img{height:38px;max-width:200px;object-fit:contain;display:block}.login-card h1{font-size:21px;font-weight:700;letter-spacing:-.01em}.login-card p{margin:4px 0 6px}.login-card input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink);font:inherit;transition:border-color .2s,box-shadow .2s}.login-card input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}.login-pass{position:relative}.login-pass input{padding-right:62px}.login-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--brand-ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:6px 8px;border-radius:8px}.login-eye:hover{background:var(--brand-soft)}.login-err{margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--bad-soft);color:var(--bad);font-size:13px;animation:fadeIn .25s both}.login-btn{width:100%;margin-top:18px;padding:11px 16px;font-size:14px}.login-note{display:block;margin-top:14px;color:var(--mute);font-size:11.5px;text-align:center}.login-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-loc{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:9px 12px;border-radius:10px;font-size:12.5px;background:var(--surface2);border:1px solid var(--line);color:var(--ink2)}.login-loc.granted{background:var(--ok-soft);border-color:transparent;color:var(--ok);font-weight:600}.login-loc.denied{background:var(--bad-soft);border-color:transparent;color:var(--bad)}.login-link{border:0;background:transparent;color:var(--brand-ink);font:inherit;font-weight:700;cursor:pointer;padding:2px 4px;border-radius:6px;white-space:nowrap}.login-link:hover{text-decoration:underline}.slots{display:inline-block;max-width:200px;font-size:11.5px;line-height:1.55;color:var(--ink2);font-variant-numeric:tabular-nums}.slots.big{max-width:none;padding:9px 12px;border:1px dashed var(--line);border-radius:10px;background:var(--surface2);font-size:12px}.af{display:flex;flex-direction:column;gap:12px;margin:4px 0 16px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface2, var(--surface))}.af-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.af-top .search{flex:1 1 260px;max-width:none}.range-custom{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mute);flex-wrap:wrap}.range-custom input{width:auto;padding:7px 9px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile{--tc:var(--brand);position:relative;overflow:hidden;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:11px 14px 11px 18px;cursor:pointer;font:inherit;transition:border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--tc)}.tile b{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}.tile strong{display:block;font-size:26px;line-height:1.15;color:var(--ink);font-weight:800}.tile small{display:block;color:var(--mute);font-size:11.5px;margin-top:1px}.tile:hover{border-color:var(--tc)}.tile.on{background:color-mix(in srgb,var(--tc) 11%,var(--surface));border-color:var(--tc);box-shadow:0 0 0 1px var(--tc) inset}.tile.on:after{content:"✓";position:absolute;right:12px;top:8px;color:var(--tc);font-weight:800;font-size:15px}.tile.c-predue{--tc:#16a34a}.tile.c-sdr{--tc:#d97706}.tile.c-overdue{--tc:#dc2626}.dgroups{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px dashed var(--line)}.dgroup{--tc:var(--ink);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dgroup.c-predue{--tc:#16a34a}.dgroup.c-sdr{--tc:#d97706}.dgroup.c-overdue{--tc:#dc2626}.dlabel{min-width:78px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tc)}.dchip{border:1px solid color-mix(in srgb,var(--tc) 35%,var(--line));background:var(--surface);font:inherit;font-size:12px;font-weight:600;padding:5px 11px;border-radius:99px;cursor:pointer;color:var(--ink2);transition:all .15s var(--ease)}.dchip em{font-style:normal;margin-left:7px;color:var(--mute);font-weight:700}.dchip:hover{border-color:var(--tc);color:var(--ink)}.dchip.on{background:var(--tc);border-color:var(--tc);color:#fff}.dchip.on em{color:#fff;opacity:.85}.active-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}.fchip{display:inline-flex;gap:2px;align-items:center;padding:3px 4px 3px 10px;border-radius:99px;background:var(--line2);color:var(--ink2);font-weight:600}.fchip button{border:0;background:none;cursor:pointer;color:var(--mute);font-size:15px;line-height:1;padding:0 6px}.fchip button:hover{color:var(--ink)}.ls{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:99px;white-space:nowrap}.ls.predue{background:#16a34a26;color:#15803d}.ls.sdr{background:#d977062b;color:#b45309}.ls.overdue{background:#dc262624;color:#b91c1c}[data-theme=dark] .ls.predue{color:#4ade80}[data-theme=dark] .ls.sdr{color:#fbbf24}[data-theme=dark] .ls.overdue{color:#f87171}@media (max-width:700px){.tiles{grid-template-columns:1fr}.dlabel{min-width:100%}}table td{font-size:13px;font-weight:400;color:var(--ink)}table td .mono,table td.mono{font-family:inherit;font-size:13px}table td.msgcell,table td.muted-cell{font-size:13px;color:var(--ink)}table td small,table td small.mute{font-size:11.5px;color:var(--mute)}