@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";.admin-page{height:100vh;min-height:100vh;overflow:auto;background:#08152f;color:#f4f9ff;padding:32px}.admin-login,.admin-shell{width:min(960px,100%);margin:0 auto}.admin-login{margin-top:12vh;padding:28px;background:#0f234beb;border:1px solid rgba(0,212,255,.35);border-radius:8px;display:grid;gap:18px}.admin-login h1,.admin-topbar h1,.admin-panel h2{line-height:1.2}.admin-login label{display:grid;gap:8px;color:#d7eaff}.admin-login input,.admin-panel input[type=file]{min-height:42px;border-radius:6px;border:1px solid rgba(180,220,255,.28);background:#ffffff14;color:#fff;padding:9px 12px}.admin-login button,.admin-actions button,.admin-panel button{min-height:38px;border:1px solid rgba(0,212,255,.55);background:#00a0dc3d;color:#fff;border-radius:6px;padding:0 16px;cursor:pointer}.admin-panel button:disabled{cursor:not-allowed;opacity:.45}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.admin-topbar p{color:#b8d8ff;margin-top:6px}.admin-actions{display:flex;align-items:center;gap:12px}.admin-actions a{color:#6ee7ff;text-decoration:none}.admin-panel{background:#0f234bb8;border:1px solid rgba(0,212,255,.28);border-radius:8px;padding:20px;margin-bottom:16px}.admin-panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.admin-panel-title span{color:#9cc9ec}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-stats,.admin-meta{display:grid;gap:12px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stats div,.admin-meta div{min-width:0;padding:12px;background:#ffffff0f;border-radius:6px}.admin-stats dt,.admin-meta dt{color:#9cc9ec;margin-bottom:6px}.admin-stats dd,.admin-meta dd{font-size:22px;font-weight:700;overflow-wrap:anywhere}.admin-meta dd{font-size:16px;font-weight:500}.admin-fields{display:flex;flex-wrap:wrap;gap:10px}.admin-fields span{padding:8px 10px;border-radius:6px;background:#ffffff0f;color:#d7eaff}.admin-backup-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.admin-panel button.admin-danger{border-color:#ff787899;background:#dc46463d}.admin-empty{color:#9cc9ec}.admin-status,.admin-error{margin-top:12px;padding:10px 12px;border-radius:6px}.admin-status{background:#00ff991f;color:#7dffcd}.admin-error{background:#ff666626;color:#ffb3b3}@media (max-width: 720px){.admin-page{padding:18px}.admin-topbar,.admin-grid{display:block}.admin-actions{margin-top:14px}}.particle-background{position:absolute;top:0;right:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.8}.glowing-dots-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.glowing-dot{position:absolute;border-radius:50%;background:radial-gradient(circle,#00d4ff,#00d4ff99,#00d4ff00);box-shadow:0 0 8px #00d4ff99,0 0 15px #00d4ff4d,0 0 25px #00d4ff1a;animation:naturalTwinkle 3s cubic-bezier(.4,0,.6,1) infinite}.glowing-dot:nth-child(3n){animation-name:naturalTwinkle2}.glowing-dot:nth-child(3n+1){animation-name:naturalTwinkle3}@keyframes naturalTwinkle{0%{opacity:.3;transform:scale(.9) translate(0)}25%{opacity:.6;transform:scale(1.1) translate(1px,-1px)}50%{opacity:.9;transform:scale(1.3) translate(0)}75%{opacity:.5;transform:scale(1.05) translate(-1px,1px)}to{opacity:.3;transform:scale(.9) translate(0)}}@keyframes naturalTwinkle2{0%{opacity:.4;transform:scale(1) translate(0)}30%{opacity:.8;transform:scale(1.2) translate(-1px)}60%{opacity:1;transform:scale(1.4) translate(1px,-1px)}85%{opacity:.6;transform:scale(1.1) translateY(1px)}to{opacity:.4;transform:scale(1) translate(0)}}@keyframes naturalTwinkle3{0%{opacity:.2;transform:scale(.8) translate(0)}20%{opacity:.5;transform:scale(1) translate(1px,1px)}45%{opacity:.85;transform:scale(1.25) translate(-1px)}70%{opacity:.7;transform:scale(1.15) translateY(-1px)}to{opacity:.2;transform:scale(.8) translate(0)}}.dashboard-header{position:relative;display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--spacing-xl)}.header-content{text-align:center;z-index:2}.header-title{font-size:38px;font-weight:700;background:linear-gradient(90deg,#00e8ff,#00d4ff,#00e8ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:flowLight 3s linear infinite;letter-spacing:4px;text-shadow:0 0 25px rgba(0,232,255,.7);margin-bottom:var(--spacing-xs);filter:brightness(1.2)}.header-time{font-size:17px;color:#f0f8ff;letter-spacing:2px;font-family:Courier New,monospace;font-weight:500;text-shadow:0 0 8px rgba(240,248,255,.4);margin-bottom:8px}.header-time-digital{display:inline-flex;align-items:center;gap:2px;font-family:Orbitron,Share Tech Mono,Courier New,monospace;font-weight:700;font-variant-numeric:tabular-nums;line-height:22px}.header-time-char{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:22px;padding:0 1px;flex-shrink:0}.header-time-char.digit{--digit-roll-distance: 22px;width:14px;min-width:14px;overflow:hidden;color:#00e8ff;text-shadow:0 0 6px rgba(0,232,255,.8),0 0 12px rgba(0,232,255,.5);contain:layout}.header-time-char-inner{display:inline-flex;align-items:center;justify-content:center;width:14px;min-width:14px;line-height:22px;animation:digitRollIn .35s ease-out;will-change:transform;backface-visibility:hidden}@keyframes digitRollIn{0%{transform:translate3d(0,var(--digit-roll-distance, 22px),0);opacity:.3}to{transform:translateZ(0);opacity:1}}.header-time-char.separator{color:#00e8ff99;font-weight:400;min-width:8px;text-shadow:0 0 4px rgba(0,232,255,.4)}.header-time-lines{position:relative;display:flex;justify-content:center;align-items:center;gap:6px;height:3px;margin-top:8px}.header-time-line{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,232,255,.3) 20%,rgba(0,232,255,.8) 50%,rgba(0,232,255,.3) 80%,transparent 100%);box-shadow:0 0 8px #00e8ff99;animation:lineScan 3s ease-in-out infinite}.header-time-line-1{width:80px;animation-delay:0s}.header-time-line-2{width:120px;animation-delay:.5s}.header-time-line-3{width:60px;animation-delay:1s}@keyframes lineScan{0%,to{opacity:.3;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1.2)}}.header-decoration{position:absolute;top:50%;transform:translateY(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.header-decoration-left{left:var(--spacing-xl)}.header-decoration-right{right:var(--spacing-xl);width:600px;height:100px;background:none}.header-decoration:before,.header-decoration:after{content:"";position:absolute;width:8px;height:8px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px var(--color-primary);animation:pulse 2s ease-in-out infinite}.header-decoration-left:before{right:0;top:-3px}.header-decoration-right:after{left:0;top:-3px}@media screen and (max-width: 1600px){.header-title{font-size:34px}.header-time{font-size:15px}.header-time-char{min-width:12px;width:auto;height:20px}.header-time-char.digit{--digit-roll-distance: 20px;width:12px;min-width:12px}.header-time-char-inner{width:12px;min-width:12px;line-height:20px}.header-time-digital{line-height:20px}}@media screen and (max-width: 1366px){.header-title{font-size:30px}}.border-box{position:relative;background:var(--bg-card);border:1px solid rgba(0,212,255,.35);border-radius:var(--radius-md);padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 18px #00d5ff0f;animation:none;box-sizing:border-box}.border-box:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,0) 0%,rgba(0,255,255,0) 50%,rgba(0,255,255,0) 100%,transparent 100%);box-shadow:none;animation:none}.border-box:before{content:"";position:absolute;bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent 0%,rgba(204,0,255,0) 0%,rgba(204,0,255,0) 50%,rgba(204,0,255,0) 100%,transparent 100%);box-shadow:none;animation:none}@keyframes dataFlow{0%,to{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes dataFlowReverse{0%,to{right:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{right:100%;opacity:0}}.border-box:hover{border-color:#00d4ff59;box-shadow:0 0 18px #00d4ff1a;transform:none}.border-box:hover:after,.border-box:hover:before{animation-play-state:paused}.border-box-corner{position:absolute;width:24px;height:24px;border:3px solid rgba(0,212,255,.95);box-shadow:0 0 18px #00d4ff59;animation:none;opacity:1;z-index:1;pointer-events:none;transition:border-color .3s ease,box-shadow .3s ease,opacity .3s ease}@keyframes cornerPulse{0%,to{opacity:1;box-shadow:none}50%{opacity:.6;box-shadow:none}}.border-box:hover .border-box-corner{border-color:#00d4ff;box-shadow:0 0 26px #00d4ff8c;opacity:1}.border-box-corner-tl{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:var(--radius-md);animation-delay:0s}.border-box-corner-tr{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:var(--radius-md);animation-delay:.5s}.border-box-corner-bl{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:var(--radius-md);animation-delay:1s}.border-box-corner-br{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:var(--radius-md);animation-delay:1.5s}.border-box-header{margin-bottom:var(--spacing-lg);padding:2px 0;position:relative;z-index:2;flex-shrink:0}.border-box-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:21px;font-weight:600;color:#fff;letter-spacing:1.5px;text-shadow:0 0 15px rgba(255,255,255,.5);animation:titleGlow 2s ease-in-out infinite}.border-box-title-icon{display:inline-block;width:5px;height:20px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-purple) 100%);border-radius:2px;box-shadow:0 0 12px var(--color-primary);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{box-shadow:0 0 12px var(--color-primary)}50%{box-shadow:0 0 20px var(--color-primary),0 0 30px var(--color-purple)}}.border-box-content{flex:1;overflow:auto;min-height:0;position:relative}.border-box-no-scroll .border-box-content{overflow:hidden}.border-box-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:0}@media screen and (max-width: 768px){.border-box{overflow:visible}.border-box-content{overflow:auto}.border-box-corner{width:20px;height:20px;border-width:2px}}.data-card{position:relative;background:linear-gradient(135deg,#00d4ff26,#0f234b66);border:3px solid rgba(0,212,255,.3);border-radius:var(--radius-md);padding:3px 6px;overflow:hidden;transition:all .4s ease;animation:fadeIn .8s ease-out forwards;min-height:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00d4ff1a}.data-card:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(0,255,255,.2) 50%,transparent 100%);animation:cardScan 3s ease-in-out infinite}@keyframes cardScan{0%,to{top:-100%;opacity:0}10%{opacity:1}50%{top:100%;opacity:1}60%,to{opacity:0}}.data-card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--border-glow);box-shadow:0 0 30px #00d4ff80;background:linear-gradient(135deg,#00d4ff33,#0f234b66)}.data-card:hover:after{animation-play-state:paused}.data-card:hover .data-card-value{animation:numberJump .5s ease-in-out;text-shadow:0 0 25px rgba(0,255,255,.8)}.data-card-header{display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-xs);justify-content:center;animation:fadeIn 1s ease-out forwards;position:relative;z-index:2}.data-card-header:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:30px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.8),transparent);border-radius:1px;animation:pulse 2s ease-in-out infinite}.data-card-icon{font-size:clamp(16px,1.6vw,20px);flex-shrink:0;animation:pulse 2s ease-in-out infinite}.data-card-title{font-size:clamp(14px,1.6vw,20px);font-weight:600;color:#fff;letter-spacing:1px;text-shadow:0 0 15px rgba(255,255,255,.5);animation:titleGlow 2s ease-in-out infinite;white-space:nowrap}.data-card-content{display:flex;align-items:baseline;gap:var(--spacing-xs);justify-content:center;animation:scaleIn 1s ease-out forwards}.data-card-value{font-size:clamp(18px,2.8vw,28px);font-weight:700;color:#00e8ff;text-shadow:0 0 25px rgba(0,255,255,.8);font-family:Arial,Helvetica,sans-serif;letter-spacing:0;white-space:nowrap;transition:all .3s ease}.data-card-unit{font-size:clamp(10px,1.2vw,14px);color:#b8d8ff;font-weight:500;text-shadow:0 0 10px rgba(0,232,255,.5)}.data-card-decoration{position:absolute;bottom:0;right:0;width:52px;height:52px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite;z-index:0;pointer-events:none}.data-card{box-shadow:0 0 10px #00d4ff33;animation:borderGlow 3s ease-in-out infinite}.data-card-updating{animation:dataUpdate 1s ease-in-out;box-shadow:0 0 30px #0ffc}@keyframes dataUpdate{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 40px #0ff}}.multi-data-card{position:relative;background:linear-gradient(135deg,#00d4ff26,#0f234b66);border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-md);padding:10px 6px;overflow:hidden;transition:all .4s ease;animation:fadeIn .8s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00d4ff1a}.multi-data-card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--border-glow);box-shadow:0 0 30px #00d4ff80;background:linear-gradient(135deg,#00d4ff33,#0f234b66)}.multi-data-card-content{display:flex;justify-content:space-around;align-items:center;gap:var(--spacing-md);animation:scaleIn 1s ease-out forwards;position:relative;z-index:2}.multi-data-card-content:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:52px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.8),transparent);border-radius:1px;animation:pulse 2s ease-in-out infinite}.multi-data-card-content:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:52px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.8),transparent);border-radius:1px;animation:pulse 2s ease-in-out infinite reverse}.multi-data-item{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.multi-data-info{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.multi-data-title-container{display:flex;align-items:center;gap:8px;align-self:center}.multi-data-icon{font-size:clamp(14px,1.4vw,18px);flex-shrink:0;animation:pulse 2s ease-in-out infinite}.multi-data-title{font-size:clamp(13px,1.4vw,20px);font-weight:600;color:#fff;letter-spacing:1px;text-shadow:0 0 15px rgba(255,255,255,.5);animation:titleGlow 2s ease-in-out infinite;white-space:nowrap}.multi-data-value{font-size:clamp(18px,2.8vw,28px);font-weight:700;color:#00e8ff;text-shadow:0 0 25px rgba(0,255,255,.8);font-family:Arial,Helvetica,sans-serif;letter-spacing:0;white-space:nowrap;transition:all .3s ease}.multi-data-card:hover .multi-data-value{animation:numberJump .5s ease-in-out;text-shadow:0 0 25px rgba(0,255,255,.8)}.multi-data-card-decoration{position:absolute;bottom:0;right:0;width:52px;height:52px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite;z-index:0;pointer-events:none}.multi-data-card{box-shadow:0 0 10px #00d4ff33;animation:borderGlow 3s ease-in-out infinite}.data-table{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.data-table-header{display:flex;width:100%;min-width:100%;flex-shrink:0;background:#00d4ff1a;border-bottom:1px solid var(--border-primary);padding:6px 0;align-items:center}.data-table-th{padding:0 4px;font-size:16px;font-weight:600;color:#00e8ff;white-space:nowrap;overflow:hidden;text-overflow:clip;display:flex;align-items:center;box-sizing:border-box;text-shadow:0 0 12px rgb(0,234,255);min-width:0;line-height:1.35;min-height:40px}.data-table-body{flex:1;overflow-y:auto;overflow-x:auto;scroll-behavior:smooth}@keyframes blink{0%,to{text-shadow:0 0 5px rgba(0,232,255,.5)}25%{text-shadow:0 0 15px rgba(0,232,255,.8),0 0 30px rgba(0,232,255,.6)}50%{text-shadow:0 0 25px rgba(0,232,255,1),0 0 50px rgba(0,232,255,.8),0 0 75px rgba(0,232,255,.6)}75%{text-shadow:0 0 15px rgba(0,232,255,.8),0 0 30px rgba(0,232,255,.6)}}.data-table-row{display:flex;width:100%;min-width:100%;padding:6px 0;border-bottom:1px solid rgba(0,212,255,.1);transition:all .3s ease;min-height:40px;align-items:center}.data-table-row:nth-child(odd){background:#0a1e3c66}.data-table-row:nth-child(2n){background:#00d4ff14}.data-table-row:hover{background:#00d4ff26!important;transform:translate(2px)}.data-table-row.highlight-row{transition:all .3s ease;position:relative;z-index:1;animation:rowBlink .8s ease-in-out 1}.data-table-row.highlight-row .data-table-td{animation:blink .8s ease-in-out 1,fontBlink .8s ease-in-out 1}@keyframes rowBlink{0%,to{box-shadow:inset 0 0 5px #00e8ff80}25%{box-shadow:inset 0 0 15px #00e8ffcc,inset 0 0 30px #00e8ff99}50%{box-shadow:inset 0 0 25px #00e8ff,inset 0 0 50px #00e8ffcc,inset 0 0 75px #00e8ff99}75%{box-shadow:inset 0 0 15px #00e8ffcc,inset 0 0 30px #00e8ff99}}@keyframes fontBlink{0%,to{font-weight:600}50%{font-weight:700}}.data-table-td{padding:0 4px;font-size:16px;color:#f2fbff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;display:flex;align-items:center;box-sizing:border-box;font-weight:600;text-shadow:0 0 10px rgba(0,232,255,.55);min-width:0}.data-table-td.name-column{white-space:normal;word-break:break-word;line-height:1.25;font-size:16px;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;padding:0 4px;font-weight:500;text-shadow:0 0 10px rgba(0,232,255,.45);min-width:0;align-items:flex-start}.data-table-td.platform-column{white-space:normal;word-break:break-word;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;padding:0 4px;font-size:16px;font-weight:600;line-height:1.25;min-width:0;align-items:flex-start}.data-table-row.highlight-row .data-table-td{color:#fff;text-shadow:0 0 15px rgba(0,232,255,.85)}.data-table-body::-webkit-scrollbar{display:none}.data-table-body{-ms-overflow-style:none;scrollbar-width:none}.circle-decoration{position:absolute;top:-100px;left:-20px;width:360px;height:360px;pointer-events:none;z-index:0;opacity:.9;filter:brightness(1.3);transform:perspective(800px) rotateX(65deg) rotate(35deg);transform-origin:50% 50%}.circle-outer,.circle-middle,.circle-inner,.circle-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.circle-outer{width:100%;height:100%;border:3px solid rgba(0,212,255,.4);box-shadow:0 0 20px #00d4ff99,inset 0 0 20px #00d4ff4d;animation:none}.circle-outer:before,.circle-outer:after{content:"";position:absolute;border-radius:50%}.circle-outer:before{top:0;left:50%;width:8px;height:8px;background:var(--color-primary);box-shadow:0 0 20px var(--color-primary),0 0 40px #00d4ff80;transform:translate(-50%);animation:none}.circle-outer:after{bottom:0;left:50%;width:6px;height:6px;background:#fa0;box-shadow:0 0 15px #fa0c;transform:translate(-50%);animation:none}.circle-middle{width:75%;height:75%;border:3px solid rgba(0,212,255,.5);box-shadow:0 0 15px #00d4ff66;animation:none}.circle-inner{width:50%;height:50%;border:3px solid rgba(0,212,255,.6);box-shadow:0 0 10px #00d4ff80;animation:none}.circle-core{width:30%;height:30%;background:radial-gradient(circle,rgba(0,212,255,.8) 0%,rgba(0,212,255,.4) 50%,transparent 100%);box-shadow:0 0 30px #00d4ffcc,0 0 60px #00d4ff66;animation:none}.scan-line{position:absolute;top:50%;left:50%;width:50%;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.3) 20%,rgba(0,212,255,1) 50%,rgba(0,212,255,.3) 80%,transparent 100%);transform-origin:0% 50%;animation:none;transform:translate(-50%,-50%) rotate(0);box-shadow:0 0 20px #00d4ff,0 0 40px #00d4ff80}.scan-line-2{animation:none;animation-delay:0s;background:linear-gradient(90deg,transparent 0%,rgba(255,170,0,.3) 20%,rgba(255,170,0,1) 50%,rgba(255,170,0,.3) 80%,transparent 100%);box-shadow:0 0 20px #fa0,0 0 40px #ffaa0080}.glow-dot{position:absolute;width:10px;height:10px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 20px var(--color-primary),0 0 40px #00d4ff80;animation:pulseStrong 2s ease-in-out infinite}.glow-dot-1{top:15%;left:70%;animation-delay:0s}.glow-dot-2{top:65%;left:25%;animation-delay:.4s;background:#fa0;box-shadow:0 0 20px #fa0,0 0 40px #ffaa0080}.glow-dot-3{top:35%;left:85%;animation-delay:.8s}.glow-dot-4{top:80%;left:60%;animation-delay:1.2s;width:8px;height:8px}.glow-dot-5{top:50%;left:15%;animation-delay:1.6s;width:8px;height:8px;background:#fa0;box-shadow:0 0 20px #fa0,0 0 40px #ffaa0080}.glow-dot-6{top:25%;left:40%;animation-delay:2s;width:6px;height:6px}.orbit-lines{position:absolute;top:0;left:0;width:100%;height:100%}.orbit-line{fill:none;stroke:#00d4ff4d;stroke-width:1.5;stroke-dasharray:8 8;filter:drop-shadow(0 0 2px rgba(0,212,255,.5))}.orbit-1{animation:dashRotate 10s linear infinite}.orbit-2{animation:dashRotate 7s linear infinite reverse;stroke:#ffaa004d;filter:drop-shadow(0 0 2px rgba(255,170,0,.5))}.orbit-3{animation:dashRotate 5s linear infinite}.orbit-4{animation:dashRotate 3s linear infinite reverse;stroke:#ffaa004d;filter:drop-shadow(0 0 2px rgba(255,170,0,.5))}.energy-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(0,212,255,.6);animation:energyPulse 3s ease-out infinite}.wave-1{animation-delay:0s}.wave-2{animation-delay:1s}.wave-3{animation-delay:2s}.particle-trail{position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px var(--color-primary)}.trail-1{animation:orbitTrail 5s linear infinite}.trail-2{animation:orbitTrail 7s linear infinite reverse;background:#fa0;box-shadow:0 0 10px #fa0}.trail-3{animation:orbitTrail 6s linear infinite;animation-delay:2.5s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes scan{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes dashRotate{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes pulseStrong{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.5);opacity:1}}@keyframes pulseCore{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}@keyframes energyPulse{0%{width:0;height:0;opacity:.8}50%{opacity:.4}to{width:450px;height:450px;opacity:0}}@keyframes orbitTrail{0%{transform:translate(-50%,-50%) rotate(0) translate(120px) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg) translate(120px) rotate(-360deg)}}.tech-corners-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tech-corner{position:absolute;width:60px;height:60px}.tech-corner-tl{top:15px;left:15px}.tech-corner-tl .corner-line-h{top:0;left:0;width:0;height:2px;animation:extendLineH 2s ease-out infinite}.tech-corner-tl .corner-line-v{top:0;left:0;width:2px;height:0;animation:extendLineV 2s ease-out infinite}.tech-corner-tl .corner-dot{top:-3px;left:-3px}.tech-corner-tr{top:15px;right:15px}.tech-corner-tr .corner-line-h{top:0;right:0;width:0;height:2px;animation:extendLineH 2s ease-out infinite;animation-delay:.5s}.tech-corner-tr .corner-line-v{top:0;right:0;width:2px;height:0;animation:extendLineV 2s ease-out infinite;animation-delay:.5s}.tech-corner-tr .corner-dot{top:-3px;right:-3px}.tech-corner-bl{bottom:15px;left:15px}.tech-corner-bl .corner-line-h{bottom:0;left:0;width:0;height:2px;animation:extendLineH 2s ease-out infinite;animation-delay:1s}.tech-corner-bl .corner-line-v{bottom:0;left:0;width:2px;height:0;animation:extendLineV 2s ease-out infinite;animation-delay:1s}.tech-corner-bl .corner-dot{bottom:-3px;left:-3px}.tech-corner-br{bottom:15px;right:15px}.tech-corner-br .corner-line-h{bottom:0;right:0;width:0;height:2px;animation:extendLineH 2s ease-out infinite;animation-delay:1.5s}.tech-corner-br .corner-line-v{bottom:0;right:0;width:2px;height:0;animation:extendLineV 2s ease-out infinite;animation-delay:1.5s}.tech-corner-br .corner-dot{bottom:-3px;right:-3px}.corner-line{position:absolute;background:linear-gradient(90deg,#0ff0,#0ffc,#0ff0);box-shadow:0 0 10px #0ff9}.corner-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#0ff;box-shadow:0 0 10px #0ffc,0 0 20px #0ff6;animation:dotPulse 2s ease-in-out infinite}@keyframes extendLineH{0%,to{width:0;opacity:0}50%{width:60px;opacity:1}}@keyframes extendLineV{0%,to{height:0;opacity:0}50%{height:60px;opacity:1}}@media screen and (max-width: 768px){.tech-corner{width:40px;height:40px}.tech-corner-tl{top:10px;left:10px}.tech-corner-tr{top:10px;right:10px}.tech-corner-bl{bottom:10px;left:10px}.tech-corner-br{bottom:10px;right:10px}@keyframes extendLineH{0%,to{width:0;opacity:0}50%{width:40px;opacity:1}}@keyframes extendLineV{0%,to{height:0;opacity:0}50%{height:40px;opacity:1}}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:1}}.tech-grid-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.15}.tech-grid{width:100%;height:100%;background-image:linear-gradient(0deg,rgba(0,212,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.15) 1px,transparent 1px);background-size:50px 50px;background-position:center center;animation:gridFlow 20s linear infinite}@keyframes gridFlow{0%{transform:translate(0) scale(1);opacity:.15}50%{transform:translate(10px,10px) scale(1.05);opacity:.25}to{transform:translate(0) scale(1);opacity:.15}}.animated-lines-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.line-group{position:absolute}.animated-line{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,0) 0%,rgba(0,212,255,.8) 50%,rgba(0,212,255,0) 100%,transparent 100%);box-shadow:0 0 8px #00d4ff80}.line-top-left{top:20px;left:20px}.line-top-left .animated-line:nth-child(1){top:0}.line-top-left .animated-line:nth-child(2){top:8px}.line-top-left .animated-line:nth-child(3){top:16px}.line-top-right{top:20px;right:20px}.line-top-right .animated-line:nth-child(1){top:0}.line-top-right .animated-line:nth-child(2){top:8px}.line-top-right .animated-line:nth-child(3){top:16px}.line-left{left:20px;top:50%;transform:translateY(-50%)}.line-left .animated-line:nth-child(1){left:0}.line-left .animated-line:nth-child(2){left:8px}.line-right{right:20px;top:50%;transform:translateY(-50%)}.line-right .animated-line:nth-child(1){right:0}.line-right .animated-line:nth-child(2){right:8px}.line-bottom-left{bottom:40px;left:40px}.line-bottom-right{bottom:40px;right:40px}.line-horizontal{width:0;height:2px;animation:extendHorizontal 3s ease-in-out infinite}@keyframes extendHorizontal{0%{width:0;opacity:0}10%{opacity:1}50%{width:150px;opacity:1}90%{opacity:0}to{width:150px;opacity:0}}.line-horizontal-reverse{width:0;height:2px;right:0;animation:extendHorizontalReverse 3s ease-in-out infinite}@keyframes extendHorizontalReverse{0%{width:0;opacity:0}10%{opacity:1}50%{width:150px;opacity:1}90%{opacity:0}to{width:150px;opacity:0}}.line-vertical{width:2px;height:0;background:linear-gradient(180deg,transparent 0%,rgba(0,212,255,0) 0%,rgba(0,212,255,.8) 50%,rgba(0,212,255,0) 100%,transparent 100%);animation:extendVertical 3s ease-in-out infinite}@keyframes extendVertical{0%{height:0;opacity:0}10%{opacity:1}50%{height:120px;opacity:1}90%{opacity:0}to{height:120px;opacity:0}}.line-diagonal{width:2px;height:0;background:linear-gradient(135deg,transparent 0%,rgba(0,212,255,0) 0%,rgba(0,212,255,.8) 50%,rgba(0,212,255,0) 100%,transparent 100%);transform:rotate(45deg);transform-origin:top left;animation:none;height:100px;opacity:1}@keyframes extendDiagonal{0%{height:0;opacity:0}10%{opacity:1}50%{height:100px;opacity:1}90%{opacity:0}to{height:100px;opacity:0}}.line-diagonal-reverse{width:2px;height:0;background:linear-gradient(135deg,transparent 0%,rgba(0,212,255,0) 0%,rgba(0,212,255,.8) 50%,rgba(0,212,255,0) 100%,transparent 100%);transform:rotate(-45deg);transform-origin:top right;animation:none;height:100px;opacity:1}.scan-line-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.scan-line{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 25%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.1) 75%,transparent 100%);box-shadow:0 0 20px #fff9,0 0 40px #fff6}.scan-horizontal{width:100%;height:3px;top:-3px;animation:none;opacity:0}@keyframes scanHorizontal{0%{top:-3px;opacity:0}5%{opacity:1}95%{opacity:1}to{top:100%;opacity:0}}.scan-vertical{width:3px;height:100%;left:-3px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.1) 25%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.1) 75%,transparent 100%);animation:none;opacity:0}@keyframes scanVertical{0%{left:-3px;opacity:0}5%{opacity:1}95%{opacity:1}to{left:100%;opacity:0}}.scan-diagonal{width:200%;height:3px;top:-50%;left:-50%;transform-origin:center;transform:rotate(45deg);animation:none;opacity:0}@keyframes scanDiagonal{0%{top:-50%;opacity:0}5%{opacity:.8}95%{opacity:.8}to{top:150%;opacity:0}}.app-viewport,.app-scaled-wrapper{width:100%;min-height:100vh}.app-container{width:100%;height:100vh;overflow-y:scroll;overflow-x:hidden;position:relative;background:radial-gradient(ellipse at center,#0f2350,#051129);background-attachment:fixed;scrollbar-gutter:stable;box-shadow:inset 0 0 100px #00ffff1a;display:grid;grid-template-rows:80px 1fr;grid-template-columns:1fr;gap:0;padding:12px}.app-container::-webkit-scrollbar{width:8px}.app-container::-webkit-scrollbar-track{background:#00d4ff1a;border-radius:4px}.app-container::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#00d4ff80,#00d4ff33);border-radius:4px;transition:all .3s ease}.app-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#00d4ffcc,#00d4ff66)}.scroll-animate{opacity:1;transform:translateY(0);transition:all .8s ease-out}.scroll-animate.animate{opacity:0;transform:translateY(30px)}.scroll-animate.animate.active{opacity:1;transform:translateY(0)}.scroll-highlight{transition:all .3s ease}.scroll-highlight:hover{transform:translateY(-2px)}.scroll-highlight.panel-no-hover-shift:hover{transform:translateY(0)}.scroll-highlight:hover *{text-shadow:0 0 10px rgba(0,212,255,.8);transition:text-shadow .3s ease}.app-header{grid-row:1;grid-column:1}.app-main{grid-row:2;grid-column:1;display:grid;grid-template-columns:33fr 35fr 32fr;grid-template-rows:2fr 1fr;gap:0;column-gap:10px;row-gap:10px;overflow:hidden}.app-column{display:grid;gap:0;overflow:hidden;align-content:start}.app-column-left{grid-column:1;grid-row:1 / 3;grid-template-rows:1.5fr 1fr;row-gap:8px}.app-column-center{grid-column:2;grid-row:1;grid-template-rows:auto 3fr;overflow:visible;row-gap:8px}.app-column-center .panel-chart .border-box-header{margin-bottom:var(--spacing-sm)}.app-column-center .panel-chart .border-box-no-scroll{padding-top:4px}.app-column-center .panel-chart .border-box-no-scroll .border-box-header{margin-bottom:var(--spacing-sm)}.app-column-right{grid-column:3;grid-row:1;grid-template-rows:1fr 1fr;gap:0 0;row-gap:8px}.app-column-center .border-box{border-top-right-radius:0;border-bottom-right-radius:0}.app-column-right .border-box{border-top-left-radius:0;border-bottom-left-radius:0;padding:2px}.app-column-right .border-box-header{margin-bottom:var(--spacing-sm)}.app-column-left .border-box{border-top-right-radius:0;border-bottom-right-radius:0}.app-column-left .border-box-header{margin-bottom:var(--spacing-sm)}.app-column-center .border-box,.app-column-center .data-card,.app-column-center .multi-data-card{border-top-left-radius:0;border-bottom-left-radius:0}.app-column-center .data-card .border-box-corner,.app-column-center .multi-data-card .border-box-corner{display:none}.app-footer{grid-column:2 / 4;grid-row:2;min-height:0}.app-footer .panel{height:100%}.app-footer .border-box{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);padding:2px}.app-footer .border-box-header{margin-bottom:var(--spacing-sm)}.panel{overflow:hidden;display:flex;flex-direction:column}.panel-kpi{padding-top:var(--spacing-md);overflow:visible}.panel>*{flex:1;min-height:0}.kpi-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:2px;padding:0;height:100%}@media screen and (max-width: 1920px){.app-container{grid-template-rows:75px 1fr}}@media screen and (max-width: 1600px){.app-container{grid-template-rows:70px 1fr;gap:0;padding:10px}.app-main{gap:0;column-gap:10px;row-gap:10px}.app-column{gap:8px}.kpi-cards{gap:2px}}@media screen and (max-width: 1366px){.app-container{grid-template-rows:65px 1fr;gap:0;padding:8px}.app-main{gap:0;column-gap:10px;row-gap:10px}.app-column{gap:0}.app-column-left,.app-column-center{row-gap:8px}.kpi-cards{gap:2px}}.app-viewport-scaled{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:100vh;overflow:auto;-webkit-overflow-scrolling:touch;padding:8px;background:radial-gradient(ellipse at center,#0f2350,#051129)}.app-scaled-wrapper-scaled{flex-shrink:0;overflow:hidden}.app-scaled-wrapper-scaled .app-container{height:1080px!important;min-height:1080px;overflow:visible}.app-scaled-wrapper-scaled .app-container{background-attachment:scroll}@media screen and (max-width: 500px){.app-viewport-scaled{padding:4px}.app-scaled-wrapper-mobile .app-container{padding:6px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #00ffff;--color-secondary: #00aaff;--color-accent: #ff6600;--color-warning: #ffcc00;--color-success: #00ff99;--color-purple: #cc00ff;--color-pink: #ff00cc;--bg-dark: #0a1a3e;--bg-darker: #051129;--bg-panel: rgba(10, 26, 62, .8);--bg-card: rgba(15, 35, 75, .6);--border-primary: rgba(0, 255, 255, .6);--border-glow: rgba(0, 255, 255, .9);--border-purple: rgba(204, 0, 255, .6);--border-pink: rgba(255, 0, 204, .6);--text-primary: #ffffff;--text-secondary: #e0f0ff;--text-muted: #a8c8e8;--text-glow: #00ffff;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-glow: 0 0 25px rgba(0, 255, 255, .6);--shadow-panel: 0 4px 20px rgba(0, 0, 0, .5);--shadow-purple: 0 0 25px rgba(204, 0, 255, .6);--shadow-pink: 0 0 25px rgba(255, 0, 204, .6)}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,var(--bg-darker) 0%,var(--bg-dark) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media screen and (max-width: 768px){html,body,#root{overflow:auto;height:auto;min-height:100vh;-webkit-overflow-scrolling:touch}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{box-shadow:0 0 5px var(--border-primary),0 0 10px var(--border-primary),inset 0 0 5px var(--border-primary)}50%{box-shadow:0 0 10px var(--border-glow),0 0 20px var(--border-glow),inset 0 0 10px var(--border-glow)}}@keyframes flowLight{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes numberJump{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes titleGlow{0%,to{text-shadow:0 0 15px rgba(255,255,255,.5)}50%{text-shadow:0 0 25px rgba(0,255,255,.8)}}.fade-in{animation:fadeIn .8s ease-out forwards}.border-glow{animation:borderGlow 2s ease-in-out infinite}.flow-light{background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent);background-size:200% 100%;animation:flowLight 3s linear infinite}.pulse{animation:pulse 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}@keyframes scrollGlow{0%{box-shadow:0 0 5px #00d4ff4d}50%{box-shadow:0 0 20px #00d4ffcc,0 0 30px #00d4ff66}to{box-shadow:0 0 5px #00d4ff4d}}@keyframes scrollBounce{0%{transform:translateY(30px);opacity:0}60%{transform:translateY(-10px);opacity:1}80%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes scrollScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.scroll-glow{animation:scrollGlow 2s ease-in-out infinite}.scroll-bounce{animation:scrollBounce .8s ease-out forwards}.scroll-scale{animation:scrollScale .6s ease-out forwards}