.pf-dash{min-height:100vh;color:var(--fg);flex-direction:column;display:flex}.pf-dash-top{z-index:20;border-bottom:1px solid hsl(var(--border-default));background:hsl(var(--background-default) / .92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.pf-dash-top-left{align-items:center;gap:12px;min-width:0;display:flex}.pf-dash-top-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.pf-dash-brand{align-items:center;gap:9px;display:flex}.pf-dash-brand-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-muted);border:1px solid hsl(var(--border-default));border-radius:9999px;padding:2px 7px;font-size:10px}.pf-dash-crumb{color:var(--fg-lighter);align-items:center;gap:7px;min-width:0;font-size:13px;display:flex}.pf-dash-crumb b{color:var(--fg);font-weight:500}.pf-dash-crumb-sep{color:var(--fg-muted)}.pf-dash-live{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.pf-dash-live .dot{background:var(--fg-muted);border-radius:50%;width:7px;height:7px}.pf-dash-live[data-live=true]{color:hsl(var(--brand-default))}.pf-dash-live[data-live=true] .dot{background:hsl(var(--brand-default));animation:1.6s ease-out infinite pf-dash-pulse}.pf-dash-live[data-live=reconnecting]{color:hsl(var(--warning-default))}.pf-dash-live[data-live=reconnecting] .dot{background:hsl(var(--warning-default))}@keyframes pf-dash-pulse{0%{box-shadow:0 0 0 0 hsl(var(--brand-default) / .55)}70%{box-shadow:0 0 0 6px hsl(var(--brand-default) / 0)}to{box-shadow:0 0 0 0 hsl(var(--brand-default) / 0)}}.pf-dash-body{flex:1;overflow-y:auto}.pf-dash-wrap{max-width:1180px;margin:0 auto;padding:22px 20px 56px}.pf-dash-headrow{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.pf-dash-title{letter-spacing:-.01em;color:var(--fg);font-size:19px;font-weight:500}.pf-dash-sub{color:var(--fg-lighter);margin-top:3px;font-size:12.5px}.pf-dash-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pf-dash-cards{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px;display:grid}.pf-dash-wscard{text-align:left;background:hsl(var(--background-surface-100));border:1px solid hsl(var(--border-default));border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:13px;padding:15px 16px;transition:border-color .12s,background .12s,transform .12s;display:flex}.pf-dash-wscard:hover{border-color:hsl(var(--border-strong));background:hsl(var(--background-surface-200))}.pf-dash-wscard:focus-visible{outline:2px solid hsl(var(--brand-default));outline-offset:2px}.pf-dash-wscard-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pf-dash-wscard-name{color:var(--fg);font-size:14px;font-weight:500}.pf-dash-wscard-org{color:var(--fg-muted);margin-top:2px;font-size:11.5px}.pf-dash-wscard-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pf-dash-stat-k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);font-size:9px}.pf-dash-stat-v{color:var(--fg);font-variant-numeric:tabular-nums;margin-top:3px;font-size:16px;font-weight:500}.pf-dash-cols{grid-template-columns:1.55fr 1fr;gap:14px;margin-top:14px;display:grid}@media (max-width:900px){.pf-dash-cols{grid-template-columns:1fr}}.pf-dash-table{border-collapse:collapse;width:100%;font-size:12.5px}.pf-dash-table th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);border-bottom:1px solid hsl(var(--border-default));background:hsl(var(--background-surface-100));padding:9px 12px;font-size:9.5px;font-weight:400;position:sticky;top:0}.pf-dash-table td{border-bottom:1px solid hsl(var(--border-default) / .6);color:var(--fg-light);vertical-align:middle;font-variant-numeric:tabular-nums;padding:9px 12px}.pf-dash-table tr:last-child td{border-bottom:none}.pf-dash-table .num{text-align:right}.pf-dash-table tbody tr.clickable{cursor:pointer;transition:background .1s}.pf-dash-table tbody tr.clickable:hover{background:hsl(var(--background-surface-200))}.pf-dash-scroll{max-height:420px;overflow-y:auto}.pf-dash-num-pos{color:hsl(var(--brand-default))}.pf-dash-timeline{flex-direction:column;gap:0;display:flex}.pf-dash-tl-row{grid-template-columns:18px 1fr auto;gap:12px;padding:4px 0;display:grid}.pf-dash-tl-rail{flex-direction:column;align-items:center;display:flex}.pf-dash-tl-node{background:hsl(var(--brand-default));border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:5px}.pf-dash-tl-node.muted{background:var(--fg-muted)}.pf-dash-tl-node.bad{background:hsl(var(--destructive-default))}.pf-dash-tl-line{background:hsl(var(--border-default));flex:1;width:1px;min-height:14px}.pf-dash-tl-row:last-child .pf-dash-tl-line{display:none}.pf-dash-tl-evt{color:var(--fg);text-transform:capitalize;font-size:13px;font-weight:500}.pf-dash-tl-meta{color:var(--fg-muted);font-variant-numeric:tabular-nums;margin-top:1px;font-size:11.5px}.pf-dash-tl-time{color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.pf-dash-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;display:flex}.pf-dash-empty{text-align:center;color:var(--fg-lighter);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:44px 20px;display:flex}.pf-dash-empty-title{color:var(--fg);font-size:14.5px;font-weight:500}.pf-dash-empty-sub{color:var(--fg-muted);max-width:360px;font-size:12.5px}.pf-dash-error{border:1px solid hsl(var(--destructive-default) / .4);background:hsl(var(--destructive-default) / .08);color:hsl(var(--destructive-default));border-radius:var(--radius-md);padding:12px 14px;font-size:12.5px}.pf-dash-muted{color:var(--fg-muted)}.pf-dash-back{color:var(--fg-lighter);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:12.5px;transition:color .12s;display:inline-flex}.pf-dash-back:hover{color:var(--fg)}
