/* business dashboard */
.bz-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:22px 22px 20px;display:grid;gap:6px}
.bz-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(100deg,transparent 30%,#000 95%);mask-image:linear-gradient(100deg,transparent 30%,#000 95%);opacity:.85;pointer-events:none}
.bz-hero>*{position:relative}
.bz-hero h1{font-size:clamp(24px,3.4vw,34px);line-height:1.1;font-weight:700}
.bz-hero p{color:var(--ink2);font-size:14.5px;max-width:60ch}
.bz-hero .live{padding:0;margin-bottom:4px;color:var(--ink2)}
.btiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.bt{display:grid;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 16px;text-decoration:none;color:var(--ink);min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s}
a.bt:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 24px rgba(10,30,50,.09)}
.bt .lb{font-size:13px;color:var(--ink2);display:flex;align-items:center;gap:8px}
.bt .lb svg{color:var(--accent)}
.bt .v{font:700 24px/1.1 var(--f-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.bt .v small{font:500 12px var(--f-body);color:var(--ink2);margin-left:5px;letter-spacing:0}
.bt .sb{font-size:12.5px;color:var(--muted)}
.bt.bad .v{color:var(--bad)}.bt.good .v{color:var(--good)}
.bgrid{display:grid;grid-template-columns:3fr 2fr;gap:18px;align-items:start}
#pdsec .dhead h1{font-size:22px}
@media (max-width:980px){.bgrid{grid-template-columns:1fr}}
.bgrid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:start}
@media (max-width:1100px){.bgrid3{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.bgrid3{grid-template-columns:1fr}}
.bl{display:grid;gap:0;margin:0;padding:0;list-style:none}
.bl li{display:grid;gap:5px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.bl li:first-child{border-top:0}
.bl .r1{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.bl .r1 span:first-child{min-width:0;overflow-wrap:anywhere}
.bl .r1 b{font:600 13px var(--f-mono);white-space:nowrap}
.bar{height:6px;border-radius:3px;background:var(--hl);overflow:hidden}
.bar i{display:block;height:100%;border-radius:3px;background:var(--s1);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.bar i.bad{background:var(--bad)}.bar i.warn{background:var(--warn)}
.feed li{grid-template-columns:30px 1fr auto;align-items:center;gap:12px}
.feed .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.feed .ic.out{background:color-mix(in srgb,var(--bad) 13%,transparent);color:var(--bad)}
.feed .ic.in{background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good)}
.feed small{display:block;color:var(--muted);font-size:12px}
.feed b{font:600 13px var(--f-mono);white-space:nowrap}
.pdsec{display:grid;gap:18px}
.noacc{padding-block:64px;text-align:center;display:grid;gap:12px;justify-items:center}
.demoacc{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.demoacc button{display:grid;gap:2px;text-align:left;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);cursor:pointer;font:500 13px var(--f-body);transition:border-color .15s,transform .12s}
.demoacc button:hover{border-color:var(--accent)}
.demoacc button:active{transform:scale(.97)}
.demoacc small{color:var(--muted);font-size:12px;font-weight:400}
.loginform .demo{display:none}
@media (max-width:420px){.demoacc{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.rows-in tbody tr:nth-child(1){animation-delay:22ms}
.rows-in tbody tr:nth-child(2){animation-delay:44ms}
.rows-in tbody tr:nth-child(3){animation-delay:66ms}
.rows-in tbody tr:nth-child(4){animation-delay:88ms}
.rows-in tbody tr:nth-child(5){animation-delay:110ms}
.rows-in tbody tr:nth-child(6){animation-delay:132ms}
.rows-in tbody tr:nth-child(7){animation-delay:154ms}
.rows-in tbody tr:nth-child(8){animation-delay:176ms}
.rows-in tbody tr:nth-child(9){animation-delay:198ms}
.rows-in tbody tr:nth-child(10){animation-delay:220ms}
.rows-in tbody tr:nth-child(11){animation-delay:242ms}
.rows-in tbody tr:nth-child(12){animation-delay:264ms}
.rows-in tbody tr:nth-child(13){animation-delay:286ms}
.rows-in tbody tr:nth-child(14){animation-delay:308ms}