.side-col{display:flex;flex-direction:column;gap:14px;min-height:0}.side-col .panel{flex:1}.panel{position:relative;display:flex;flex-direction:column;background:#10203ab8;border:1px solid rgba(127,212,255,.22);border-radius:10px;padding:14px 16px;box-shadow:inset 0 1px #7fd4ff38,inset 0 0 40px #10203a66,0 0 12px #4da6ff1a;transition:border-color .3s,box-shadow .3s;animation:panel-in .5s ease both,border-breathe 3s ease-in-out 1s infinite}.panel:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;border-radius:10px;border:2.5px solid rgba(77,166,255,.7);-webkit-mask:linear-gradient(#000 0 0) 0 0/20px 20px,linear-gradient(#000 0 0) 100% 0/20px 20px,linear-gradient(#000 0 0) 0 100%/20px 20px,linear-gradient(#000 0 0) 100% 100%/20px 20px;-webkit-mask-repeat:no-repeat;mask:linear-gradient(#000 0 0) 0 0/20px 20px,linear-gradient(#000 0 0) 100% 0/20px 20px,linear-gradient(#000 0 0) 0 100%/20px 20px,linear-gradient(#000 0 0) 100% 100%/20px 20px;mask-repeat:no-repeat}.panel:after{content:"";position:absolute;top:-1px;left:24px;height:1px;width:90px;background:linear-gradient(90deg,transparent,rgba(127,212,255,.9),transparent);pointer-events:none;animation:slot-flow 4s linear infinite}.panel:hover{border-color:#5e90cd80;box-shadow:inset 0 0 40px #10203a66,0 0 18px #4da6ff1f}@keyframes panel-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slot-flow{0%{left:24px;opacity:0}12%{opacity:1}88%{opacity:1}to{left:calc(65% - 90px);opacity:0}}@keyframes border-breathe{0%,to{border-color:#7fd4ff38}50%{border-color:#7fd4ff73}}.side-col .panel:nth-child(1){animation-delay:.1s}.side-col .panel:nth-child(2){animation-delay:.25s}.screen-body>.side-col:last-child .panel:nth-child(1){animation-delay:.55s}.screen-body>.side-col:last-child .panel:nth-child(2){animation-delay:.7s}.panel-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;border-bottom:1px solid rgba(94,144,205,.16);padding-bottom:8px}.panel-head h2{margin:0;color:#e8f0fa;font-size:17px;font-weight:600;letter-spacing:.06em}.panel-head h2:before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(180deg,#4da6ff,#4da6ff80);margin-right:8px;vertical-align:middle}.panel-head h2 .head-em{margin-left:10px;color:#7a8ba3;font-size:12px;font-style:normal;font-weight:400}.panel-head>span{color:#7a8ba38c;font-size:10px;letter-spacing:.3em;text-transform:uppercase}.metric-grid{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;min-height:0}.metric{position:relative;display:block;padding:7px 10px;background:#0a16288c;border:1px solid rgba(94,144,205,.16);border-radius:8px;min-height:0;overflow:hidden}.metric:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(77,166,255,.5),transparent);pointer-events:none}.metric-label{display:block;color:#7a8ba3;font-size:10px}.metric strong{display:inline;margin:0;color:#e8c167;font-family:DIN Alternate,Helvetica Neue,sans-serif;font-size:22px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(232,193,103,.45)}.metric strong.num--blue{color:#4da6ff}.metric strong.num--cyan{color:#3fd4c0}.metric-unit{display:inline;margin-left:5px;color:#7a8ba3;font-size:10px}.metric-grid--three{grid-template-columns:repeat(3,1fr)}.metric-grid--half{grid-template-columns:repeat(2,1fr)}.panel-chart{flex:1;min-height:110px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(94,144,205,.16);display:flex;gap:10px}.panel-chart .mini-chart{flex:1;min-width:0}.panel-chart--split .mini-chart:first-child{flex:1.35}.is-mobile .side-col{display:contents}.is-mobile .panel{flex:none;padding:12px}.is-mobile .metric-grid{grid-template-columns:repeat(2,1fr)}.is-mobile .metric-grid--three{grid-template-columns:repeat(3,1fr)}.is-mobile .metric strong{font-size:19px}.is-mobile .panel-chart{flex:none;height:180px;min-height:0}.is-mobile .panel-chart--split{height:170px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{background:#060d1a;color:#e8f0fa;font-family:Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.el-select__popper.el-popper.is-light{background:#101f38!important;border-color:#5e90cd38!important}.el-select__popper.el-popper.is-light .el-select-dropdown__item{color:#e8f0fa}.el-select__popper.el-popper.is-light .el-select-dropdown__item.is-hovering,.el-select__popper.el-popper.is-light .el-select-dropdown__item:hover{background:#3fa7ff1f}.el-select__popper.el-popper.is-light .el-select-dropdown__item.is-selected{color:#e8c167}.el-select__popper.el-popper.is-light .el-popper__arrow:before{background:#101f38!important;border-color:#5e90cd38!important}.el-select__wrapper{background:#0a1628e6!important;box-shadow:0 0 0 1px #5e90cd38 inset!important}.el-select__wrapper .el-select__selected-item,.el-select__wrapper .el-select__placeholder{color:#e8f0fa!important}