.bk-glass{border-radius:var(--radius-md,10px);background:var(--surface,#0b0d12);border:1px solid var(--border,#ffffff14);position:relative;overflow:hidden}.bk-glass--hero{border-radius:var(--radius-md,10px);background:var(--surface,#0b0d12);padding:28px 32px}.bk-glass--kpi{padding:18px 20px}.bk-modern-grid{gap:14px;display:grid}.bk-modern-grid--kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.bk-eyebrow{letter-spacing:.6px;text-transform:uppercase;background:color-mix(in srgb, var(--primary,#22d3ee) 16%, transparent);color:color-mix(in srgb, white 90%, var(--primary,#3b82f6));border:1px solid color-mix(in srgb, var(--primary,#3b82f6) 30%, transparent);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.bk-modern-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:12px 0 8px;font-size:clamp(22px,3vw,32px);font-weight:800}.bk-modern-sub{color:color-mix(in srgb, var(--text-muted,#94a3b8) 90%, transparent);max-width:60ch;margin:0;font-size:14px;line-height:1.6}.bk-kpi-label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted,#94a3b8);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.bk-kpi-value{font-feature-settings:"tnum";letter-spacing:-.01em;background:linear-gradient(#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:26px;font-weight:800}.bk-kpi-value--pos{background:linear-gradient(#4ade80 0%,#16a34a 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.bk-kpi-value--neg{background:linear-gradient(#f87171 0%,#dc2626 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.bk-kpi-hint{color:var(--text-muted,#94a3b8);margin-top:4px;font-size:11px}.bk-shine{position:relative;overflow:hidden}.bk-shine:after{content:none}@keyframes bk-shine-sweep{0%,to{left:-120%}60%{left:220%}}@media (prefers-reduced-motion:reduce){.bk-shine:after{animation:none}}.bk-stream-row{background:color-mix(in srgb, var(--surface,#0f172a) 60%, transparent);border:1px solid color-mix(in srgb, var(--border,#1f2937) 80%, transparent);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;animation:.36s ease-out bk-stream-in;display:flex}@keyframes bk-stream-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bk-stream-row{animation:none}}.ui-page:has(.bk-glass--hero){background:var(--bg,#07080b);position:relative}.ui-page:has(.bk-glass--hero) .ui-card{background:var(--surface,#0b0d12);border:1px solid var(--border,#ffffff14);border-radius:var(--radius-md,10px);box-shadow:none;position:relative;overflow:hidden}.ui-page:has(.bk-glass--hero) .ui-card:before{content:"";border-radius:inherit;background:color-mix(in srgb, var(--primary,#22d3ee) 20%, transparent);-webkit-mask-composite:xor;pointer-events:none;opacity:.55;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ui-page:has(.bk-glass--hero) .ui-card>*{z-index:1;position:relative}.ui-page:has(.bk-glass--hero) .ui-segmented{background:var(--surface-2,#10131a);border:1px solid var(--border,#ffffff14);border-radius:8px;gap:4px;padding:4px}.ui-page:has(.bk-glass--hero) .ui-segmented button{color:#cbd5e1cc;background:0 0;border:0;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.ui-page:has(.bk-glass--hero) .ui-segmented button:hover{color:#f1f5f9;background:#ffffff0d}.ui-page:has(.bk-glass--hero) .ui-segmented button[data-active=true]{background:color-mix(in srgb, var(--primary,#22d3ee) 16%, transparent);color:#f1f5f9;border:1px solid color-mix(in srgb, var(--primary,#22d3ee) 40%, transparent);box-shadow:none}.ui-page:has(.bk-glass--hero) .ui-chip{background:var(--surface-2,#10131a);border:1px solid var(--border,#ffffff14);color:#cbd5e1;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.ui-page:has(.bk-glass--hero) .ui-chip:hover{color:#f1f5f9;border-color:#60a5fa66}.ui-page:has(.bk-glass--hero) .kpi-card{background:var(--surface,#0b0d12);border:1px solid var(--border,#ffffff14);border-radius:var(--radius-md,10px);padding:14px 16px}.ui-page:has(.bk-glass--hero) .kpi-label{letter-spacing:.5px;text-transform:uppercase;color:#94a3b8e6;font-size:11px;font-weight:700}.ui-page:has(.bk-glass--hero) .kpi-value{background:linear-gradient(#fff,#cbd5e1);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:20px;font-weight:800}:is(.ui-page:has(.bk-glass--hero) .ui-card h2,.ui-page:has(.bk-glass--hero) .ui-card h3){color:#f1f5f9}.ui-page:has(.bk-glass--hero) .ui-btn--primary{background:var(--primary,#22d3ee);color:#06202a;box-shadow:none;border:0;border-radius:10px;padding:9px 18px;font-weight:700;transition:transform .12s,box-shadow .12s}.ui-page:has(.bk-glass--hero) .ui-btn--primary:hover{box-shadow:none;transform:translateY(-1px)}