.bi-body{flex:1;grid-template-columns:470px minmax(0,1fr) 470px;gap:14px;min-height:0;display:grid}.bi-col{flex-direction:column;gap:14px;min-height:0;display:flex}.bi-col.bi-left{--bi-accent:var(--bi-cyan)}.bi-col.bi-center{--bi-accent:var(--bi-violet)}.bi-col.bi-right{--bi-accent:var(--bi-amber)}.bi-col.bi-center .bi-panel{border-color:color-mix(in srgb, var(--bi-accent) 50%, var(--bi-line-strong));box-shadow:inset 0 0 36px color-mix(in srgb, var(--bi-accent) 16%, transparent), 0 0 34px -6px var(--bi-glow), 0 12px 30px color-mix(in srgb, var(--bi-void) 72%, transparent)}.bi-col>.bi-panel{flex:1 1 0;min-height:0}.bi-col>.bi-panel.bi-fixed{flex:none}.bi-panel{padding:var(--space-3) var(--space-4);border:1px solid var(--bi-line-strong);border-radius:var(--radius-md);background:radial-gradient(120% 92% at 0% 0%, var(--bi-glow-soft), transparent 62%), linear-gradient(180deg, var(--bi-glass-top), var(--bi-glass-bottom));backdrop-filter:blur(5px)saturate(165%)brightness(106%);box-shadow:inset 0 0 30px color-mix(in srgb, var(--bi-blue) 18%, transparent), 0 0 24px -6px var(--bi-glow), 0 10px 26px color-mix(in srgb, var(--bi-void) 70%, transparent);transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.bi-panel:hover{border-color:color-mix(in srgb, var(--bi-accent) 58%, var(--bi-line-strong));box-shadow:inset 0 0 34px color-mix(in srgb, var(--bi-accent) 12%, transparent), 0 0 28px -6px var(--bi-glow), 0 14px 32px color-mix(in srgb, var(--bi-void) 76%, transparent)}.bi-panel:before{content:"";z-index:3;pointer-events:none;border-radius:inherit;opacity:1;filter:drop-shadow(0 0 6px var(--bi-glow-strong));background:linear-gradient(var(--bi-cyan), var(--bi-cyan)) 0 0 / 14px 2px no-repeat, linear-gradient(var(--bi-cyan), var(--bi-cyan)) 0 0 / 2px 14px no-repeat, linear-gradient(var(--bi-cyan), var(--bi-cyan)) 100% 0 / 14px 2px no-repeat, linear-gradient(var(--bi-cyan), var(--bi-cyan)) 100% 0 / 2px 14px no-repeat, linear-gradient(var(--bi-cyan), var(--bi-cyan)) 0 100% / 14px 2px no-repeat, linear-gradient(var(--bi-cyan), var(--bi-cyan)) 0 100% / 2px 14px no-repeat, linear-gradient(var(--bi-cyan), var(--bi-cyan)) 100% 100% / 14px 2px no-repeat, linear-gradient(var(--bi-cyan), var(--bi-cyan)) 100% 100% / 2px 14px no-repeat;position:absolute;inset:0}.bi-panel:after{content:"";z-index:3;pointer-events:none;opacity:.85;background:linear-gradient(90deg, transparent, var(--bi-accent), transparent);background-repeat:no-repeat;background-size:40% 100%;height:1px;animation:7s linear infinite bi-edge;position:absolute;top:0;left:0;right:0}@keyframes bi-edge{0%{background-position:-45% 0}to{background-position:145% 0}}.bi-panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);height:36px;margin:0 calc(var(--space-4) * -1) var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--bi-line-soft);flex:none;display:flex;position:relative}.bi-panel-head:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--bi-glow), transparent 55%);position:absolute;inset:0}.bi-panel-title{letter-spacing:2px;color:color-mix(in srgb, var(--color-text) 88%, var(--bi-accent));white-space:nowrap;padding-left:14px;font-size:16px;font-weight:600;position:relative}.bi-panel-title:before{content:"";background:linear-gradient(180deg, var(--bi-accent), color-mix(in srgb, var(--bi-accent) 18%, transparent));width:4px;height:14px;box-shadow:0 0 9px var(--bi-glow-strong);border-radius:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.bi-panel-sub{letter-spacing:.5px;min-width:0;color:var(--color-text-tertiary);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.bi-panel-body{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.bi-kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.bi-kpi-grid.cols-3{grid-template-columns:repeat(3,1fr)}.bi-kpi{--bi-tone:var(--bi-accent);padding:var(--space-2) var(--space-3);padding-left:var(--space-4);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--bi-tone) 26%, var(--bi-line-soft));background:radial-gradient(120% 130% at 100% 0%, color-mix(in srgb, var(--bi-tone) 17%, transparent), transparent 62%), linear-gradient(160deg, color-mix(in srgb, var(--bi-blue) 24%, transparent), color-mix(in srgb, var(--bi-void-deep) 50%, transparent));transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);position:relative;overflow:hidden}.bi-kpi:before{content:"";background:linear-gradient(180deg, var(--bi-tone), transparent);width:3px;box-shadow:0 0 10px color-mix(in srgb, var(--bi-tone) 50%, transparent);position:absolute;top:0;bottom:0;left:0}.bi-kpi:hover{border-color:color-mix(in srgb, var(--bi-tone) 46%, transparent);box-shadow:0 6px 18px color-mix(in srgb, var(--bi-void) 66%, transparent);transform:translateY(-1px)}.bi-kpi-label{letter-spacing:.5px;color:var(--color-text-secondary);font-size:12px}.bi-kpi-value{font-family:var(--bi-font-num);white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-text-inverse);text-shadow:0 0 14px color-mix(in srgb, var(--bi-tone) 45%, transparent);margin-top:1px;font-size:20px;font-weight:700;line-height:1.25}.bi-kpi.tone-primary{--bi-tone:var(--bi-cyan)}.bi-kpi.tone-accent{--bi-tone:var(--bi-amber)}.bi-kpi.tone-success{--bi-tone:var(--bi-green)}.bi-kpi.tone-danger{--bi-tone:var(--bi-rose)}.bi-kpi.tone-info{--bi-tone:var(--bi-blue)}.bi-kpi.tone-warning{--bi-tone:var(--bi-gold)}.bi-kpi-foot{font-size:var(--text-xs);color:var(--color-text-tertiary);padding-top:var(--space-1);border-top:1px dashed var(--bi-line-soft);flex:none}