.sd-ld{--ld-bg:#f7f7f6;--ld-panel:#fff;--ld-fg:#0b0b0b;--ld-mute:#6e6e73;--ld-faint:#a1a1a6;--ld-line:#00000013;--ld-soft:#0000000a;--ld-good:#12824a;--ld-bad:#d14b3d;--ld-warn:#b7791f;--ld-ease:cubic-bezier(.16, 1, .3, 1);--ld-side:236px;grid-template-columns:var(--ld-side) minmax(0, 1fr);background:var(--ld-bg);width:100%;height:100%;min-height:760px;color:var(--ld-fg);-webkit-font-smoothing:antialiased;transition:grid-template-columns .45s var(--ld-ease);font-family:inherit;font-size:14px;display:grid;position:relative}:where(.dark) .sd-ld{--ld-bg:#0a0a0a;--ld-panel:#111112;--ld-fg:#f4f4f2;--ld-mute:#8f8f94;--ld-faint:#5f5f64;--ld-line:#ffffff14;--ld-soft:#ffffff0d;--ld-good:#4ade80;--ld-bad:#f2705f;--ld-warn:#e0a04a}.sd-ld[data-collapsed]{--ld-side:68px}:where(.sd-ld) :where(h1,h2,p,ol,ul){margin:0;padding:0}:where(.sd-ld) :where(ol,ul){list-style:none}:where(.sd-ld) :where(button,input){font:inherit;color:inherit;background:0 0;border:0;padding:0}:where(.sd-ld) :where(button){cursor:pointer}:where(.sd-ld) :where(a){color:inherit;text-decoration:none}.sd-ld :focus-visible{outline:2px solid var(--ld-fg);outline-offset:2px}.ld-i{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.ld-side{z-index:3;border-right:1px solid var(--ld-line);background:var(--ld-bg);flex-direction:column;gap:18px;height:100%;max-height:100dvh;padding:14px 12px;display:flex;position:sticky;top:0;overflow:hidden}.ld-label{white-space:nowrap;transition:opacity .25s;overflow:hidden}.sd-ld[data-collapsed] .ld-label{opacity:0;pointer-events:none}.ld-ws{align-items:center;gap:10px;height:40px;padding:0 4px 0 6px;display:flex}.ld-ws__mark{background:var(--ld-fg);width:28px;height:28px;color:var(--ld-bg);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.ld-ws__name{letter-spacing:-.01em;flex:1;font-weight:600}.ld-iconbtn{width:32px;height:32px;color:var(--ld-mute);border-radius:9px;flex:none;place-items:center;transition:background-color .2s,color .2s;display:grid}.ld-iconbtn:hover{background:var(--ld-soft);color:var(--ld-fg)}.sd-ld[data-collapsed] .ld-collapse{position:absolute;top:58px;left:18px}.sd-ld[data-collapsed] .ld-nav{margin-top:36px}.ld-nav{transition:margin .45s var(--ld-ease);gap:2px;display:grid;position:relative}.ld-nav__marker{background:var(--ld-panel);height:36px;box-shadow:0 0 0 1px var(--ld-line), 0 1px 2px #0000000f;transform:translateY(calc(var(--nav) * 38px));border-radius:9px;transition:transform .45s cubic-bezier(.34,1.25,.64,1);position:absolute;top:0;left:0;right:0}.ld-nav__item{width:100%;height:36px;color:var(--ld-mute);border-radius:9px;align-items:center;gap:10px;padding:0 10px;transition:color .2s;display:flex;position:relative}.ld-nav__item:hover,.ld-nav__item[aria-current]{color:var(--ld-fg)}.ld-count{background:var(--ld-soft);color:var(--ld-mute);border-radius:99px;margin-left:auto;padding:1px 7px;font-size:11.5px}.ld-side__foot{gap:8px;margin-top:auto;display:grid}.ld-me{border-top:1px solid var(--ld-line);align-items:center;gap:10px;height:40px;padding:10px 6px 0;font-size:13px;display:flex}.ld-av{background:var(--ld-soft);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--ld-line);border-radius:99px;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.ld-av--sm{width:24px;height:24px;font-size:10.5px}.ld-scrim{display:none}.ld-main{flex-direction:column;min-width:0;display:flex}.ld-top{z-index:2;border-bottom:1px solid var(--ld-line);background:color-mix(in srgb, var(--ld-bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:10px;height:60px;padding:0 clamp(16px,3vw,32px);display:flex;position:sticky;top:0}.ld-menu{display:none}.ld-search{background:var(--ld-panel);width:min(100%,380px);height:36px;box-shadow:inset 0 0 0 1px var(--ld-line);color:var(--ld-mute);border-radius:10px;align-items:center;gap:8px;padding:0 10px;transition:box-shadow .2s;display:flex}.ld-search:focus-within{box-shadow:inset 0 0 0 1px var(--ld-fg)}.ld-search .ld-i{width:16px;height:16px}.ld-search input{min-width:0;height:100%;color:var(--ld-fg);outline:none;flex:1}.ld-search input::placeholder{color:var(--ld-faint)}.ld-search kbd{box-shadow:inset 0 0 0 1px var(--ld-line);border-radius:5px;padding:1px 6px;font:11px ui-monospace,Menlo,monospace}.ld-bell{margin-left:auto;position:relative}.ld-bell i{background:var(--ld-bad);width:7px;height:7px;box-shadow:0 0 0 2px var(--ld-bg);border-radius:99px;position:absolute;top:7px;right:8px}.ld-content{gap:18px;padding:clamp(18px,3vw,32px);display:grid}.ld-hello{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.ld-hello h1{letter-spacing:-.03em;font-size:clamp(22px,2.4vw,28px);font-weight:600}.ld-hello p{color:var(--ld-mute);margin-top:4px}.ld-seg{background:var(--ld-soft);box-shadow:inset 0 0 0 1px var(--ld-line);border-radius:10px;grid-template-columns:repeat(3,52px);padding:3px;display:grid;position:relative}.ld-seg button{z-index:1;height:30px;color:var(--ld-mute);border-radius:7px;font-size:13px;font-weight:500;transition:color .25s;position:relative}.ld-seg button[aria-checked=true]{color:var(--ld-fg)}.ld-seg__thumb{background:var(--ld-panel);width:52px;height:30px;box-shadow:0 1px 2px #0000001a, 0 0 0 1px var(--ld-line);transform:translateX(calc(var(--seg) * 52px));border-radius:7px;transition:transform .42s cubic-bezier(.34,1.25,.64,1);position:absolute;top:3px;left:3px}.ld-card{background:var(--ld-panel);box-shadow:0 0 0 1px var(--ld-line);animation:ld-in .7s var(--ld-ease) both;animation-delay:calc(var(--i,0) * 60ms);border-radius:16px}@keyframes ld-in{0%{opacity:0;transform:translateY(8px)}}.ld-card h2{letter-spacing:-.01em;font-size:14px;font-weight:600}.ld-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ld-kpi{padding:16px 16px 14px;position:relative;overflow:hidden}.ld-kpi__label{color:var(--ld-mute);font-size:12.5px}.ld-kpi__value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:26px;font-weight:600}.ld-kpi__delta{color:var(--ld-bad);margin-top:4px;font-size:12px;font-weight:500}.ld-kpi__delta[data-good]{color:var(--ld-good)}.ld-kpi__delta span{color:var(--ld-faint);font-weight:400}.ld-spark{width:76px;height:26px;color:var(--ld-bad);position:absolute;top:18px;right:14px;overflow:visible}.ld-spark[data-good]{color:var(--ld-good)}.ld-spark path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:ld-draw 1.2s var(--ld-ease) forwards;animation-delay:calc(.3s + var(--i,0) * 80ms)}@keyframes ld-draw{to{stroke-dashoffset:0}}.ld-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;display:grid}.ld-chart{--i:4;color:var(--ld-fg);padding:18px 18px 12px}.ld-chart__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ld-chart__head h2{color:var(--ld-mute);font-size:12.5px;font-weight:500}.ld-chart__total{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:28px;font-weight:600}.ld-chart__sub{color:var(--ld-mute);font-size:12.5px}.ld-legend{color:var(--ld-mute);align-items:center;gap:6px;font-size:12px;display:inline-flex}.ld-legend i{background:var(--ld-fg);border-radius:2px;width:14px;height:2px}.ld-chart__plot{cursor:crosshair;touch-action:pan-y;height:220px;margin-top:14px;position:relative}.ld-chart__plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ld-gl{stroke:var(--ld-line);stroke-width:1px;vector-effect:non-scaling-stroke}.ld-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ld-cross{background:var(--ld-line);pointer-events:none;width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0}.ld-dot{background:var(--ld-panel);width:10px;height:10px;box-shadow:0 0 0 2px var(--ld-fg), 0 0 0 6px color-mix(in srgb, var(--ld-fg) 10%, transparent);pointer-events:none;border-radius:99px;margin:-5px 0 0 -5px;position:absolute}.ld-chart__axis{color:var(--ld-faint);justify-content:space-between;margin-top:8px;font-size:11.5px;display:flex}.ld-top5{--i:5;padding:18px}.ld-top5 ol{gap:8px;margin-top:14px;display:grid}.ld-top5 li{isolation:isolate;border-radius:8px;justify-content:space-between;align-items:center;height:36px;padding:0 10px;font-size:13px;display:flex;position:relative}.ld-top5 li i{z-index:-1;width:var(--w);background:var(--ld-soft);transform-origin:0;animation:ld-bar .9s var(--ld-ease) both;animation-delay:calc(.4s + var(--i) * 70ms);border-radius:8px;position:absolute;inset:0 auto 0 0}@keyframes ld-bar{0%{transform:scaleX(0)}}.ld-top5 b{font-variant-numeric:tabular-nums;font-weight:500}.ld-tx{--i:6;padding:18px 0 6px}.ld-tx__head{justify-content:space-between;align-items:center;padding:0 18px 10px;display:flex}.ld-link{color:var(--ld-mute);font-size:13px;transition:color .2s}.ld-link:hover{color:var(--ld-fg)}.ld-tx__scroll{overflow-x:auto}.ld-tx table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}.ld-tx th{text-align:left;height:34px;color:var(--ld-mute);border-bottom:1px solid var(--ld-line);padding:0 18px;font-size:12px;font-weight:400}.ld-tx th button{color:inherit;align-items:center;gap:4px;display:inline-flex}.ld-tx th button:hover{color:var(--ld-fg)}.ld-tx th svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;opacity:.4;width:10px;height:10px;transition:opacity .2s, transform .3s var(--ld-ease)}.ld-tx th svg[data-on]{opacity:1}.ld-tx th svg[data-on][data-dir="1"]{transform:rotate(180deg)}.ld-tx td{border-bottom:1px solid var(--ld-line);height:46px;padding:0 18px}.ld-tx tbody tr{transition:background-color .15s}.ld-tx tbody tr:hover{background:var(--ld-soft)}.ld-tx tbody tr:last-child td{border-bottom:0}.ld-tx [data-align=end]{text-align:right}.ld-mono{color:var(--ld-mute);font:12.5px ui-monospace,SF Mono,Menlo,monospace}.ld-dim{color:var(--ld-mute)}.ld-num{font-variant-numeric:tabular-nums;font-weight:500}.ld-pill{color:var(--ld-mute);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.ld-pill:before{content:"";background:currentColor;border-radius:99px;width:6px;height:6px}.ld-pill[data-s=Paid]{color:var(--ld-good)}.ld-pill[data-s=Pending]{color:var(--ld-warn)}.ld-pill[data-s=Failed]{color:var(--ld-bad)}.ld-feed{--i:7;padding:18px}.ld-feed ul{margin-top:10px;display:grid}.ld-feed li{border-bottom:1px solid var(--ld-line);min-height:46px;animation:ld-in .6s var(--ld-ease) both;animation-delay:calc(.5s + var(--i) * 80ms);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;display:grid}.ld-feed li:last-child{border-bottom:0}.ld-feed p{color:var(--ld-mute);line-height:1.4}.ld-feed b{color:var(--ld-fg);font-weight:500}.ld-feed time{color:var(--ld-faint);font-variant-numeric:tabular-nums;font-size:12px}@media (max-width:1180px){.ld-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ld-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.sd-ld,.sd-ld[data-collapsed]{--ld-side:260px;grid-template-columns:minmax(0,1fr)}.ld-side{visibility:hidden;width:260px;max-height:none;transition:transform .45s var(--ld-ease), visibility 0s .45s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.sd-ld[data-drawer] .ld-side{visibility:visible;transition:transform .45s var(--ld-ease);transform:none;box-shadow:20px 0 60px -30px #00000080}.sd-ld .ld-label{opacity:1!important;pointer-events:auto!important}.ld-collapse{display:none}.sd-ld .ld-nav{margin-top:0!important}.ld-scrim{z-index:2;opacity:0;pointer-events:none;background:#00000059;transition:opacity .3s;display:block;position:fixed;inset:0}.sd-ld[data-drawer] .ld-scrim{opacity:1;pointer-events:auto}.ld-menu{display:grid}.ld-search kbd{display:none}}@media (max-width:520px){.ld-kpis{grid-template-columns:minmax(0,1fr)}.ld-spark{width:90px}}@media (prefers-reduced-motion:reduce){.sd-ld *,.sd-ld{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}
