.bk-glass{background:linear-gradient(135deg,color-mix(in srgb,var(--surface,#0f172a)85%,transparent)0%,color-mix(in srgb,var(--surface,#0f172a)75%,transparent)100%);border:1px solid color-mix(in srgb,var(--border,#1f2937)80%,transparent);box-shadow:0 1px 0 #ffffff1a inset,0 12px 40px -16px #00000080,0 0 0 1px color-mix(in srgb,var(--primary,#3b82f6)8%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;position:relative;overflow:hidden}.bk-glass:before{content:"";border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--primary,#3b82f6)35%,transparent),transparent 35%,transparent 65%,#a855f74d);-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}.bk-glass--hero{background:linear-gradient(135deg,#0b1224e6 0%,#0d1b2ebf 100%);border-radius:22px;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:linear-gradient(135deg,color-mix(in srgb,var(--primary,#3b82f6)25%,transparent),#a855f740);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:"";pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffff2e 50%,#0000 100%);width:60%;height:100%;animation:7s ease-in-out infinite bk-shine-sweep;position:absolute;top:0;left:-120%;transform:skew(-18deg)}@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:radial-gradient(60% 40% at 0% -10%,#3b82f626 0%,transparent 70%),radial-gradient(50% 35% at 100% 10%,#a855f721 0%,transparent 70%),var(--bg,#06070d);position:relative}.ui-page:has(.bk-glass--hero) .ui-card{background:linear-gradient(#0f172aeb 0%,#0b1224e0 100%);border:1px solid #ffffff12;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 12px 32px -16px #00000073}.ui-page:has(.bk-glass--hero) .ui-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.55;background:linear-gradient(135deg,#3b82f64d,#0000 35% 65%,#a855f738);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:linear-gradient(#0f172acc,#0b1224cc);border:1px solid #ffffff14;border-radius:12px;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]{color:#fff;background:linear-gradient(135deg,#3b82f640,#a855f740);border:1px solid #3b82f659;box-shadow:0 6px 20px -8px #3b82f680}.ui-page:has(.bk-glass--hero) .ui-chip{color:#cbd5e1;background:linear-gradient(135deg,#3b82f61f,#a855f71f);border:1px solid #ffffff1a;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:linear-gradient(#0f172ae6,#0b1224e0);border:1px solid #ffffff14;border-radius:14px;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{color:#fff;background:linear-gradient(135deg,#3b82f6,#a855f7);border:0;border-radius:10px;padding:9px 18px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 8px 20px -8px #3b82f680}.ui-page:has(.bk-glass--hero) .ui-btn--primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px -8px #a855f799}