.header{position:relative;z-index:10;display:grid;grid-template-columns:330px 1fr auto;align-items:start;min-height:94px;padding:0 20px;background:linear-gradient(135deg,transparent 0 14%,rgba(10,132,255,.28) 14.3% 15%,transparent 15.3%),linear-gradient(225deg,transparent 0 14%,rgba(10,132,255,.28) 14.3% 15%,transparent 15.3%),linear-gradient(90deg,transparent,rgba(10,132,255,.36) 28%,rgba(79,216,255,.28) 50%,rgba(10,132,255,.36) 72%,transparent),linear-gradient(180deg,rgba(5,21,52,.82),transparent 72%)}.header:before{position:absolute;right:470px;bottom:14px;left:360px;height:2px;content:"";background:linear-gradient(90deg,transparent,#0a84ff,#4fd8ff,#0a84ff,transparent);box-shadow:0 0 18px #4fd8ffbf}.header:after{position:absolute;right:545px;bottom:2px;left:450px;height:20px;content:"";background:linear-gradient(90deg,transparent,rgba(79,216,255,.26),transparent),repeating-linear-gradient(90deg,transparent 0 18px,rgba(79,216,255,.72) 18px 25px);clip-path:polygon(0 100%,8% 0,92% 0,100% 100%);opacity:.72}.brand{display:flex;align-items:center;gap:12px;height:60px;font-size:28px;font-weight:800}.brand__logo{width:48px;height:48px;object-fit:contain}.header__title{align-self:start;margin:8px 0 0;color:transparent;font-size:43px;font-weight:900;line-height:1.1;text-align:center;letter-spacing:0;background:linear-gradient(180deg,#fff,#dff3ff 42%,#77cfff 78%,#fff);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 18px rgba(79,216,255,.42)}.header__right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-top:4px}.filter-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.filter-select{position:relative;display:flex;align-items:center;height:38px;padding:0 10px;color:#fff;background:#081f48d1;border:1px solid rgba(64,180,255,.65);border-radius:5px;box-shadow:inset 0 0 18px #0a84ff29,0 0 12px #0a84ff2e}.filter-select span{color:#fff;font-size:15px;font-weight:700;white-space:nowrap}.filter-select select{flex:1;min-width:0;height:100%;margin-left:6px;color:#fff;font-size:15px;font-weight:700;text-align:center;background:transparent;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.filter-select option{color:#10264b}.filter-select:after{width:10px;height:10px;margin-left:8px;content:"";border-right:2px solid #9de8ff;border-bottom:2px solid #9de8ff;transform:rotate(45deg) translateY(-3px)}.clock{display:flex;align-items:center;gap:16px;color:#fff;font-size:22px;font-variant-numeric:tabular-nums}.clock__refresh{width:26px;height:26px;border:3px solid rgba(175,224,255,.25);border-top-color:#afe0ffe6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.metric-row{display:flex;align-items:center;height:88px;padding:6px 8px}.metric-icon{display:grid;place-items:center;width:72px;height:72px;margin-right:22px;color:#dcefff}.metric-icon svg{width:58px;height:58px}.metric-label{min-width:120px;color:#fff;font-size:24px;font-weight:700}.flip-number{display:inline-flex;align-items:center;gap:5px;color:#fff;font-variant-numeric:tabular-nums;line-height:1}.kpi-pill__value .flip-number,.kpi-pill__value .flip-number__char{color:#ffd04c;text-shadow:0 0 14px rgba(255,208,76,.38)}.flip-number__char{display:inline-grid;place-items:center;min-width:31px;height:44px;color:inherit;font-size:42px;font-weight:800;text-shadow:0 0 12px rgba(79,216,255,.28)}.flip-number--boxed .flip-number__char{min-width:48px;height:62px;color:#fff;background:linear-gradient(180deg,#2658a4cc,#092254d1),#0a2850b3;border:1px solid rgba(64,180,255,.6);border-radius:4px;box-shadow:inset 0 0 16px #0a84ff47,0 0 10px #0a84ff33}.flip-number--boxed .flip-number__char.is-dot,.flip-number--boxed .flip-number__char.is-unit{min-width:26px;color:#ffd04c;background:transparent;border-color:transparent;box-shadow:none}.unit{margin-left:7px;color:#fff;font-size:21px}.device-grid{display:grid;grid-template-columns:1fr;grid-template-rows:82px 1fr;gap:12px;height:100%}.device-total{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:16px;padding:0 10px}.device-total__icon{display:grid;place-items:center;width:58px;height:58px;color:#dcefff}.device-total__icon svg{width:50px;height:50px}.device-total__text{display:flex;align-items:baseline;gap:18px;font-weight:700}.device-total__label{color:#d8ecff;font-size:17px}.device-total__value{color:#fff;font-size:32px;font-weight:800;line-height:1;text-shadow:0 0 12px rgba(79,216,255,.26)}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-tile{display:flex;align-items:center;min-height:0;padding:9px 14px;background:#0f306194;border:1px solid rgba(64,180,255,.24);border-radius:7px}.status-tile__icon{flex:0 0 36px;width:36px;margin-right:12px;color:var(--tile-color, #4fd8ff)}.status-tile__icon svg{width:36px;height:36px}.status-tile__label{color:#b7d9ff;font-size:16px;white-space:nowrap}.status-tile__number{display:flex;align-items:baseline;margin-top:5px;color:#fff;font-size:28px;font-weight:800;line-height:1}.merchant-total{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:14px;height:72px;padding:0 10px}.merchant-total__icon{display:grid;place-items:center;width:58px;height:58px;color:#dcefff}.merchant-total__icon svg{width:50px;height:50px}.merchant-total__text{display:flex;align-items:baseline;gap:18px;font-weight:700}.merchant-total__label{color:#d8ecff;font-size:17px}.merchant-total__value{display:flex;align-items:baseline;color:#fff;font-size:32px;font-weight:800;line-height:1;text-shadow:0 0 12px rgba(79,216,255,.26)}.merchant-total__value .flip-number__char{min-width:22px;height:34px;font-size:32px;text-shadow:0 0 10px rgba(79,216,255,.22)}.progress-list{display:grid;gap:18px;padding:4px 6px 0 8px}.progress-item{display:grid;grid-template-columns:42px 90px 1fr;gap:12px;align-items:center;min-height:56px}.progress-item__icon{display:grid;place-items:center;width:42px;height:50px;color:var(--progress-color)}.progress-item__icon svg{width:40px;height:40px}.progress-item__name{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#cfe8ff;font-size:16px}.progress-item__name strong{display:none}.progress-item__value{display:flex;align-items:baseline;margin-top:4px;color:#fff;font-size:26px;font-weight:800;line-height:1}.progress-item__value .flip-number__char{min-width:15px;height:28px;font-size:26px}.progress-item__bar{position:relative;height:13px;margin-top:0;overflow:visible;background:#84b4e633;border-radius:10px}.progress-item__bar:after{position:absolute;top:-24px;right:0;color:#dcefff;font-size:16px;font-weight:800;content:attr(data-percent)}.progress-item__fill{height:100%;background:linear-gradient(90deg,var(--progress-color),rgba(255,255,255,.45));border-radius:inherit;box-shadow:0 0 12px var(--progress-color)}.center-kpis{display:grid;grid-template-columns:180px 1fr 180px;gap:14px;align-items:center}.kpi-pill{position:relative;display:grid;place-items:center;height:86px}.kpi-pill__label,.oil-counter__label{margin-bottom:8px;color:#fff;font-size:20px;font-weight:700;text-align:center}.kpi-pill__value{min-width:168px;height:56px;display:flex;align-items:center;justify-content:center;color:#ffd04c;font-size:34px;font-weight:900;background:radial-gradient(circle at 50% 0,#4fd8ff40,#002c69d6);border:1px solid rgba(79,216,255,.7);border-radius:30px;box-shadow:inset 0 0 18px #0a84ff73,0 0 22px #0a84ff47}.oil-counter{text-align:center}.oil-counter__box{display:inline-grid;place-items:center;min-width:386px;min-height:82px;padding:10px 22px;background:#041e4bb8;border:1px solid rgba(64,180,255,.7);box-shadow:inset 0 0 28px #0a84ff47,0 0 26px #0a84ff33;clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px))}.oil-counter__slogan{margin-top:10px;color:#42ff87;font-size:15px;letter-spacing:5px}.map-stage{position:relative;width:100%;height:100%;min-height:0}.map-stage:before{position:absolute;right:8%;bottom:-2%;left:8%;height:36%;pointer-events:none;content:"";background:radial-gradient(ellipse at center,rgba(79,216,255,.22),transparent 38%),repeating-radial-gradient(ellipse at center,rgba(10,132,255,.42) 0 2px,transparent 3px 24px);filter:blur(.2px);opacity:.72;transform:perspective(420px) rotateX(64deg);transform-origin:center bottom}.map-stage:after{position:absolute;right:17%;bottom:1%;left:17%;height:18%;pointer-events:none;content:"";border:2px solid rgba(79,216,255,.48);border-radius:50%;box-shadow:0 0 22px #0a84ff8c,inset 0 0 22px #4fd8ff33;opacity:.8;transform:perspective(420px) rotateX(66deg);transform-origin:center bottom}.map-chart{position:relative;z-index:1;width:100%;height:100%}.map-legend{position:absolute;bottom:26px;left:92px;z-index:2;display:flex;gap:24px;color:#fff;font-size:16px}.map-legend__item{display:flex;align-items:center;gap:8px}.map-legend__pin{position:relative;width:18px;height:18px;background:var(--pin-color);border-radius:50% 50% 50% 0;box-shadow:0 0 12px var(--pin-color);transform:rotate(-45deg)}.map-legend__pin:after{position:absolute;top:5px;left:5px;width:8px;height:8px;content:"";background:#fff;border-radius:50%}.bottom-stats{display:grid;grid-template-columns:180px 1fr 180px;gap:34px;align-items:center;justify-content:center}.orb{position:relative;display:grid;place-items:center;width:154px;height:154px;margin:auto;color:#eaf7ff;background:radial-gradient(circle,rgba(79,216,255,.22),rgba(5,23,56,.42) 55%,transparent 57%);border:2px solid rgba(10,132,255,.75);border-radius:50%;box-shadow:inset 0 0 22px #4fd8ff52,0 0 26px #0a84ff5c;animation:breathe 3.6s ease-in-out infinite}.orb:before,.orb:after{position:absolute;top:9px;right:9px;bottom:9px;left:9px;content:"";border:1px dashed rgba(79,216,255,.52);border-radius:50%}.orb:after{top:22px;right:22px;bottom:22px;left:22px;border-style:solid;opacity:.42}.orb__content{position:relative;z-index:1;text-align:center}.orb__label{color:#cdeaff;font-size:17px}.orb__number{margin-top:5px;font-size:33px;font-weight:900}.average-card{position:relative;display:grid;place-items:center;height:102px;color:#fff;background:linear-gradient(180deg,#1446808c,#041b48c7);border:1px solid rgba(64,180,255,.6);box-shadow:inset 0 0 24px #0a84ff47,0 0 24px #0a84ff38;clip-path:polygon(0 17px,17px 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 17px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 17px))}.average-card__label{font-size:26px}.average-card__value{color:#ffd04c;font-size:56px;font-weight:900;line-height:1}.team-list{display:grid;gap:14px;height:100%}.team-card{display:grid;grid-template-columns:230px 1fr;align-items:center;min-height:134px;padding:14px 18px;background:#0f30618a;border:1px solid rgba(64,180,255,.24);border-radius:4px}.team-card__visual{display:grid;place-items:center;min-width:0}.team-card__label{color:#fff;font-size:25px;font-weight:700}.team-card__value{margin-top:9px;font-size:50px;font-weight:900;line-height:1}.team-card__unit{margin-left:8px;font-size:22px;font-weight:700}.truck-svg,.crew-svg{width:210px;height:92px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}.chart{width:100%;height:100%}.ring-chart{width:100%;height:100%;min-height:150px}.trend-chart-wrap{position:relative;width:100%;height:100%}.trend-chart{width:100%;height:306px}.trend-range{position:absolute;top:6px;right:6px;color:#7fbfff;font-size:15px}:root{font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Arial,sans-serif;color:#fff;background:#06152f;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#06152f}button,select{font:inherit}.screen-viewport{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(38,152,255,.28),transparent 38%),radial-gradient(circle at 50% 86%,rgba(0,132,255,.22),transparent 34%),linear-gradient(120deg,#000a1cf2,#06152f 42%,#00122af5)}.screen-viewport:before,.screen-viewport:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.screen-viewport:before{background:linear-gradient(rgba(79,216,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(79,216,255,.055) 1px,transparent 1px),radial-gradient(circle at 12% 18%,rgba(10,132,255,.2),transparent 22%),radial-gradient(circle at 89% 8%,rgba(79,216,255,.12),transparent 25%);background-size:48px 48px,48px 48px,100% 100%,100% 100%;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0 54%,transparent 92%);mask-image:radial-gradient(circle at 50% 42%,#000 0 54%,transparent 92%)}.screen-viewport:after{background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 18%,transparent 82%,rgba(0,0,0,.45)),repeating-linear-gradient(90deg,transparent 0 33px,rgba(79,216,255,.035) 34px 35px),radial-gradient(circle at 50% -8%,rgba(79,216,255,.32),transparent 26%);mix-blend-mode:screen}.screen-shell{position:absolute;top:50%;left:50%;width:1920px;height:1080px;overflow:hidden;transform-origin:center center}.dashboard{position:relative;z-index:1;width:1920px;height:1080px;padding:16px 18px 22px;color:#fff}.dashboard__body{display:grid;grid-template-columns:455px 1fr 535px;gap:22px;height:calc(100% - 94px);padding-top:16px}.dashboard__left,.dashboard__right{display:grid;gap:20px;min-height:0}.dashboard__left{grid-template-rows:148px 448px 1fr}.dashboard__center{display:grid;grid-template-rows:120px 1fr 176px;gap:12px;min-width:0;min-height:0}.dashboard__right{grid-template-rows:412px 1fr}.panel{position:relative;min-width:0;min-height:0;padding:44px 18px 16px;overflow:hidden;background:linear-gradient(135deg,#184e8e47,#04123094),#0a285073;border:1px solid rgba(64,180,255,.35);border-radius:8px;box-shadow:inset 0 0 26px #0a84ff29,0 0 22px #0084ff29;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;clip-path:polygon(0 14px,14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.panel:hover{border-color:#4fd8ffb3;box-shadow:inset 0 0 32px #0a84ff3d,0 0 28px #4fd8ff33;transform:translateY(-1px)}.panel:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(120deg,transparent 0 38%,rgba(79,216,255,.18),transparent 62% 100%);transform:translate(-120%);animation:borderSweep 5.6s linear infinite}.panel__title{position:absolute;top:-1px;left:-1px;display:inline-flex;align-items:center;min-width:168px;height:47px;padding:0 22px 0 14px;color:#fff;font-size:21px;font-weight:700;letter-spacing:0;background:linear-gradient(90deg,rgba(13,79,170,.96),rgba(5,37,91,.92) 78%,transparent);border:1px solid rgba(40,161,255,.68);border-left-color:#4fd8ffeb;box-shadow:0 0 18px #0a84ff5c;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%)}.panel__title-icon{display:grid;place-items:center;width:26px;height:26px;margin-right:10px;color:#fff;background:radial-gradient(circle,#4fd8fff2,#0a4bb4f2);border-radius:50%;box-shadow:0 0 12px #4fd8ff8c}.panel__title-icon svg{width:17px;height:17px}.muted{color:#7fbfff}.cyan{color:#4cffff}.gold{color:#ffd04c}@keyframes borderSweep{0%{transform:translate(-130%)}56%,to{transform:translate(130%)}}@keyframes breathe{0%,to{filter:drop-shadow(0 0 8px rgba(79,216,255,.35));opacity:.76}50%{filter:drop-shadow(0 0 20px rgba(79,216,255,.78));opacity:1}}