:root{font-family:Noto Sans SC,Orbitron,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#e2e8f0;background:#0a0e27;--cyan: #0efcff;--cyan-soft: #56d4f1;--blue: #2e8cff;--deep-blue: #1e3a5f;--purple: #858ff8;--magenta: #c084fc;--green: #19ca88;--amber: #f6d10e;--orange: #fd9133;--red: #f6580e;--pink: #f472b6;--teal: #37d2d4;--panel: rgba(13, 18, 51, .72);--panel-strong: rgba(13, 18, 51, .92);--border: rgba(14, 252, 255, .22);--text-primary: #e8f4ff;--text-soft: #a4b8d1;--text-faint: #708096;--shadow: 0 0 22px rgba(14, 252, 255, .08), inset 0 0 30px rgba(14, 252, 255, .04);--bar-gradient: linear-gradient(90deg, #3e94cd 0%, #56d4f1 49%, #38e1e1 99%)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:linear-gradient(135deg,#0a0e27,#0f183e,#141b4d 60%,#0d1233)}button,input{font:inherit}button{cursor:pointer}.particle-field,.tech-grid{position:fixed;inset:0;pointer-events:none}.particle-field{z-index:0}.tech-grid{z-index:1;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:60px 60px}.boot-screen,.login-page,.dashboard-root{position:relative;min-height:100vh;overflow:hidden}.boot-screen{display:grid;place-items:center;gap:18px;background:linear-gradient(135deg,#0a0e27,#0f183e,#141b4d 60%,#0d1233)}.boot-orbit{width:72px;height:72px;border:2px solid rgba(0,212,255,.2);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}.boot-title{position:absolute;top:calc(50% + 58px);font-family:Orbitron,monospace;color:var(--cyan);letter-spacing:5px}.login-page{display:grid;grid-template-columns:minmax(0,1.15fr) 480px;gap:56px;align-items:center;padding:64px 8vw;background:linear-gradient(135deg,#0a0e27,#0f183e,#141b4d 60%,#0d1233)}.login-hero,.login-panel{z-index:2}.login-brand .brand-kicker{margin-bottom:14px;color:var(--cyan);font-family:Orbitron,monospace;font-size:13px;letter-spacing:5px;text-shadow:0 0 10px rgba(0,212,255,.5)}.login-brand h1{margin:0;font-size:clamp(40px,5vw,70px);line-height:1.1;background:linear-gradient(90deg,#fff,var(--cyan),var(--purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(0,212,255,.28))}.login-brand p{margin:24px 0 0;color:#c6d8ff;font-size:20px}.login-orbit{position:relative;width:240px;height:240px;margin-top:60px}.orbit-ring-b{inset:32px;border:1px dashed rgba(167,139,250,.44);animation:spin-reverse 16s linear infinite}.orbit-core{inset:72px;display:grid;place-items:center;border:1px solid rgba(0,212,255,.42);background:#00d4ff14;color:var(--cyan);font-family:Orbitron,monospace;font-size:32px;font-weight:800;box-shadow:0 0 46px #00d4ff40}.login-metrics{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.login-metrics span{padding:9px 16px;border:1px solid rgba(0,212,255,.22);border-radius:999px;background:#00d4ff14;color:#b9ecff;font-size:13px}.login-panel{padding:36px;border:1px solid var(--border);border-radius:16px;background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.panel-heading span{color:var(--cyan);font-family:Orbitron,monospace;font-size:12px;letter-spacing:4px}.panel-heading h2{margin:8px 0 26px;color:#fff;font-size:28px}.login-form{display:grid;gap:18px}.field{display:grid;gap:8px;color:#d6eaff}.field>span{font-size:13px;color:var(--text-soft)}.input-shell{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border:1px solid rgba(0,212,255,.24);border-radius:10px;background:#0000002e;color:var(--cyan)}.input-shell input{width:100%;border:0;outline:0;background:transparent;color:#eaf8ff}.input-shell input::placeholder{color:#60718f}.ghost-icon{display:grid;place-items:center;border:0;background:transparent;color:var(--text-soft)}.captcha-row{display:flex;gap:12px;align-items:center}.captcha-input-shell{flex:1}.captcha-img-btn{flex-shrink:0;width:120px;height:52px;padding:0;border:1px solid rgba(0,212,255,.24);border-radius:10px;background:#0000002e;cursor:pointer;overflow:hidden;display:grid;place-items:center;color:#00d4ff;transition:border-color .2s,box-shadow .2s}.captcha-img-btn:hover:not(:disabled){border-color:#00d4ff99;box-shadow:0 0 0 3px #00d4ff1f}.captcha-img-btn:disabled{cursor:wait;opacity:.6}.captcha-image{width:100%;height:100%;object-fit:cover}.animate-spin{animation:spin 1s linear infinite}.login-error{padding:10px 12px;border:1px solid rgba(248,113,113,.35);border-radius:10px;background:#f871711f;color:#fecaca;font-size:13px}.login-submit{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;margin-top:6px;border:1px solid rgba(0,212,255,.48);border-radius:12px;background:linear-gradient(90deg,#007bff,#00d4ff);color:#fff;font-weight:800;box-shadow:0 0 26px #00d4ff3d}.login-submit:disabled{cursor:wait;filter:grayscale(.4)}.dashboard-root{width:100vw;height:100vh;background:linear-gradient(135deg,#0a0e27,#0f183e,#141b4d 60%,#0d1233)}.dashboard-stage{position:absolute;z-index:2;top:50%;left:50%;display:flex;flex-direction:column;gap:20px;width:1920px;height:1080px;padding:24px;transform-origin:center center}.tech-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s ease}.tech-card:hover{border-color:#00d4ff66;box-shadow:0 0 30px #00d4ff26,inset 0 0 40px #00d4ff0d}.tech-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:card-scan 4s ease-in-out infinite}.corner{position:absolute;width:16px;height:16px;border-color:#00d4ff4d;z-index:4;pointer-events:none}.corner.tl{top:6px;left:6px;border-top:2px solid;border-left:2px solid}.corner.tr{top:6px;right:6px;border-top:2px solid;border-right:2px solid}.corner.bl{bottom:6px;left:6px;border-bottom:2px solid;border-left:2px solid}.corner.br{bottom:6px;right:6px;border-bottom:2px solid;border-right:2px solid}.dashboard-title-bar{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:24px;height:64px;padding:0 32px}.dashboard-title-bar .neon-title-main{font-size:32px;letter-spacing:4px;white-space:nowrap}.title-glow-line{flex:1;height:1px;max-width:320px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.55),transparent);position:relative}.title-glow-line:after{content:"";position:absolute;top:-2px;width:6px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.title-glow-line-left:after{right:0}.title-glow-line-right:after{left:0}.dashboard-toolbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 22px;border-radius:14px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.toolbar-left{display:flex;align-items:center;gap:12px}.toolbar-right{display:flex;align-items:center;gap:14px}.neon-title-main{margin:0;font-family:Orbitron,Noto Sans SC,sans-serif;font-size:26px;font-weight:700;letter-spacing:2px;background:linear-gradient(90deg,#00d4ff,#007bff,#00d4ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(0,212,255,.4));animation:gradient-shift 3s ease infinite}.tool-button{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(0,212,255,.28);border-radius:999px;background:linear-gradient(135deg,#00d4ff1f,#007bff0a);color:var(--cyan);font-size:13px;font-weight:600;letter-spacing:1px;transition:all .25s ease;overflow:hidden}.tool-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,212,255,.18),transparent);transform:translate(-100%);transition:transform .6s ease}.tool-button:hover{border-color:#00d4ff8c;background:linear-gradient(135deg,#00d4ff38,#007bff1a);box-shadow:0 0 18px #00d4ff47;transform:translateY(-1px)}.tool-button:hover:before{transform:translate(100%)}.tool-button:disabled{opacity:.5;cursor:wait;filter:grayscale(.4)}.tool-button svg{position:relative;z-index:1}.tool-button span{position:relative;z-index:1}.tool-button-danger{border-color:#f871714d;background:linear-gradient(135deg,#f871711f,#f871710a);color:#fca5a5}.tool-button-danger:hover{border-color:#f8717199;background:linear-gradient(135deg,#f8717138,#f8717114);box-shadow:0 0 18px #f8717147}.clock-icon-wrap{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(0,212,255,.32);border-radius:12px;background:#00d4ff14;color:var(--cyan);box-shadow:0 0 16px #00d4ff26,inset 0 0 16px #00d4ff0f;animation:breathe 3s ease-in-out infinite}.clock-block{display:grid;gap:2px;min-width:156px;padding:4px 12px 4px 4px;border-right:1px solid rgba(0,212,255,.18);text-align:left}.clock-block strong{color:var(--cyan);font-family:Orbitron,monospace;font-size:26px;font-weight:700;letter-spacing:2px;line-height:1;text-shadow:0 0 12px rgba(0,212,255,.5)}.clock-block span{color:#94a3b8;font-family:Orbitron,monospace;font-size:11px;letter-spacing:2px}.weekday-chip{display:grid;gap:2px;padding:6px 14px;border:1px solid rgba(14,252,255,.32);border-radius:10px;background:linear-gradient(135deg,#0efcff24,#858ff80f);box-shadow:0 0 14px #0efcff2e,inset 0 0 14px #0efcff0d;animation:border-pulse 4s ease-in-out infinite}.weekday-cn{color:var(--cyan);font-size:14px;font-weight:700;letter-spacing:3px;text-shadow:0 0 8px rgba(14,252,255,.5)}.weekday-lunar{color:var(--text-soft);font-size:10px;letter-spacing:1px}.dashboard-main{flex:1;display:grid;grid-template-columns:420px 1fr 420px;gap:20px;min-height:0}.side-column{display:grid;grid-template-rows:1fr 1fr;gap:20px;min-height:0}.center-column{display:grid;grid-template-rows:1fr 112px;gap:20px;min-height:0}.section-header{position:relative;z-index:3;display:flex;align-items:center;gap:10px;margin-bottom:14px}.accent-line{width:3px;height:20px;border-radius:2px;background:linear-gradient(180deg,var(--cyan),var(--blue));box-shadow:0 0 8px #00d4ff66}.section-icon{display:grid;place-items:center;color:var(--cyan);filter:drop-shadow(0 0 6px rgba(0,212,255,.4))}.section-header h2{margin:0;font-size:16px;font-weight:700;color:#e2e8f0;letter-spacing:2px}.overview-card,.space-card,.map-card,.company-card,.education-card{position:relative;display:flex;flex-direction:column;padding:20px;min-height:0}.overview-mini-grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.mini-metric{position:relative;display:grid;gap:5px;padding:12px;border:1px solid rgba(14,252,255,.18);border-radius:12px;background:linear-gradient(135deg,#0efcff14,#858ff80a);transition:all .3s ease;overflow:hidden;animation:border-pulse 4s ease-in-out infinite}.mini-metric:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(14,252,255,.18),transparent);animation:sweep-light 5s ease-in-out infinite;pointer-events:none}.mini-metric.tone-purple{animation-delay:.6s;border-color:#858ff838}.mini-metric:hover{border-color:#0efcff73;transform:translateY(-2px);box-shadow:0 4px 22px #0efcff2e}.mini-metric span{color:var(--text-faint);font-size:12px;letter-spacing:1px}.mini-metric strong{font-family:Orbitron,monospace;font-size:24px;font-weight:700;line-height:1;background:linear-gradient(180deg,#fff,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(0,212,255,.4))}.mini-metric em{margin-left:4px;color:var(--text-soft);font-family:Noto Sans SC,sans-serif;font-size:12px;font-style:normal;font-weight:500;-webkit-text-fill-color:initial}.tone-purple strong{background:linear-gradient(180deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(167,139,250,.4))}.tone-green strong{background:linear-gradient(180deg,#fff,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}.tone-amber strong{background:linear-gradient(180deg,#fff,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(251,191,36,.4))}.area-ratio-chart{position:relative;z-index:3;flex:1;min-height:140px}.building-type-chart{position:relative;min-height:140px}.ring-center{position:absolute;inset:0;display:grid;place-items:center;align-content:center;pointer-events:none;gap:1px}.area-ratio-chart .ring-center{bottom:28px}.ring-center span{color:var(--text-faint);font-size:10px;letter-spacing:1px}.ring-center strong{font-family:Orbitron,monospace;font-size:24px;font-weight:700;line-height:1;background:linear-gradient(180deg,#ffffff 0%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(14,252,255,.55));animation:flicker-glow 3.4s ease-in-out infinite}.data-source-line{position:relative;z-index:3;margin-top:4px;color:var(--text-faint);font-size:10px;font-style:italic;text-align:center}.space-stat-row{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.stat-box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:12px;transition:all .3s ease}.stat-box-cyan{border:1px solid rgba(14,252,255,.25);background:linear-gradient(180deg,#0efcff1f,#0efcff05);animation:border-pulse 4s ease-in-out infinite}.stat-box-purple{border:1px solid rgba(133,143,248,.28);background:linear-gradient(180deg,#858ff824,#858ff805);animation:border-pulse 4s ease-in-out infinite;animation-delay:.8s}.stat-box{position:relative;overflow:hidden}.stat-box:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);background-size:220% 100%;animation:shimmer-row 6s linear infinite}.stat-box strong{font-family:Orbitron,monospace;font-size:26px;font-weight:700;line-height:1;background:linear-gradient(180deg,#fff,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(0,212,255,.4))}.stat-box-purple strong{background:linear-gradient(180deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(167,139,250,.4))}.stat-box span{color:var(--text-faint);font-size:12px}.space-bottom-grid{position:relative;z-index:3;flex:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:140px}.space-side{display:flex;flex-direction:column;justify-content:center;gap:14px}.space-progress-block{display:grid;gap:6px}.progress-row-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-faint)}.progress-row-head strong{font-size:13px;font-weight:700}.neon-progress{position:relative;height:6px;overflow:hidden;border-radius:999px;background:#ffffff0f}.neon-progress>div{height:100%;border-radius:inherit;box-shadow:0 0 10px currentColor;transition:width 1.2s ease;position:relative}.neon-progress>div:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-scan 2s linear infinite}.zone-legend{display:flex;align-items:center;gap:14px;font-size:12px}.zone-legend-item{display:flex;align-items:center;gap:6px;color:var(--text-faint)}.zone-dot{width:8px;height:8px;border-radius:50%}.map-card{padding:20px}.map-card-bare{padding:0}.map-card-bare .video-section{margin-top:0;height:100%}.map-card-bare .video-wrapper{border-radius:16px}.map-card-head{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.map-card-head .section-header{margin-bottom:0}.map-sub{margin:4px 0 0 13px;color:var(--text-faint);font-size:10px;letter-spacing:2px;font-family:Orbitron,monospace}.zone-pills{display:flex;gap:10px}.zone-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:700}.zone-pill.cyan{background:#00d4ff1f;border:1px solid rgba(0,212,255,.3);color:var(--cyan);box-shadow:0 0 10px #00d4ff1a}.zone-pill.purple{background:#a78bfa1f;border:1px solid rgba(167,139,250,.3);color:var(--purple);box-shadow:0 0 10px #a78bfa1a}.zone-pill-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 5px currentColor}.video-section{position:relative;z-index:3;flex:1;display:flex;align-items:center;justify-content:center;margin-top:4px;min-height:0}.video-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:16px;border:1px solid rgba(0,212,255,.2);box-shadow:0 0 30px #00d4ff14,inset 0 0 40px #00d4ff05}.video-wrapper video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,#0a0e2759,#0a0e271a 30%,#0a0e2726 70%,#0a0e278c)}.video-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0e27b3;z-index:1;transition:opacity .6s ease}.video-spinner{width:48px;height:48px;border:3px solid rgba(0,212,255,.1);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #00d4ff33}.video-badge{position:absolute;top:12px;left:12px;z-index:3;display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(0,212,255,.25);border-radius:20px;background:#0a0e27b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:2px;box-shadow:0 0 15px #00d4ff26}.video-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:breathe 2s ease-in-out infinite}.video-corner-decor{position:absolute;width:12px;height:12px;z-index:3;pointer-events:none}.video-corner-decor.tl{top:-1px;left:-1px;border-top:2px solid rgba(0,212,255,.25);border-left:2px solid rgba(0,212,255,.25);border-radius:12px 0 0}.video-corner-decor.tr{top:-1px;right:-1px;border-top:2px solid rgba(0,212,255,.25);border-right:2px solid rgba(0,212,255,.25);border-radius:0 12px 0 0}.video-corner-decor.bl{bottom:-1px;left:-1px;border-bottom:2px solid rgba(0,212,255,.25);border-left:2px solid rgba(0,212,255,.25);border-radius:0 0 0 12px}.video-corner-decor.br{bottom:-1px;right:-1px;border-bottom:2px solid rgba(0,212,255,.25);border-right:2px solid rgba(0,212,255,.25);border-radius:0 0 12px}.video-stat-card{position:absolute;z-index:3;padding:10px 16px;border:1px solid rgba(0,212,255,.2);border-radius:14px;background:#0a0e27bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 20px #00d4ff14,0 8px 32px #0006;overflow:hidden;transition:all .3s ease}.video-stat-card:hover{border-color:#00d4ff66;box-shadow:0 0 25px #00d4ff26;transform:translateY(-2px)}.video-stat-scan{position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:card-scan 4s ease-in-out infinite}.video-stat-label{margin:0;color:var(--text-soft);font-size:9px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.video-stat-value{margin:4px 0 0;font-family:Orbitron,monospace;font-size:18px;font-weight:700;white-space:nowrap}.video-stat-value em{margin-left:4px;font-family:Noto Sans SC,sans-serif;font-size:11px;font-weight:400;font-style:normal;color:var(--text-soft)}.video-stat-card.pos-left{bottom:16px;left:16px}.video-stat-card.pos-mid-left{bottom:16px;left:calc(50% - 106px);transform:translate(-50%)}.video-stat-card.pos-mid-right{bottom:16px;left:calc(50% + 6px)}.video-stat-card.pos-right{bottom:16px;right:16px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;min-height:0}.kpi-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;border-radius:16px;text-align:center;animation:float-y 5s ease-in-out infinite}.kpi-card.tone-cyan{animation-delay:0s}.kpi-card.tone-purple{animation-delay:.6s}.kpi-card.tone-green{animation-delay:1.2s}.kpi-card.tone-amber{animation-delay:1.8s}.kpi-card:after{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);background-size:220% 100%;animation:shimmer-row 6s linear infinite;mix-blend-mode:screen}.kpi-icon{display:grid;place-items:center;color:var(--cyan);margin-bottom:4px;filter:drop-shadow(0 0 6px rgba(0,212,255,.4))}.kpi-card.tone-purple .kpi-icon{color:var(--purple);filter:drop-shadow(0 0 6px rgba(167,139,250,.4))}.kpi-card.tone-green .kpi-icon{color:#22d3ee;filter:drop-shadow(0 0 6px rgba(34,211,238,.4))}.kpi-card.tone-amber .kpi-icon{color:var(--amber);filter:drop-shadow(0 0 6px rgba(251,191,36,.4))}.kpi-label{color:var(--text-faint);font-size:12px}.kpi-value{font-family:Orbitron,monospace;font-size:26px;font-weight:700;background:linear-gradient(180deg,#ffffff 0%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(14,252,255,.55))}.kpi-card.tone-cyan{border-color:#0efcff52}.kpi-card.tone-purple{border-color:#858ff852}.kpi-card.tone-green{border-color:#19ca8852}.kpi-card.tone-amber{border-color:#f6d10e52}.kpi-card.tone-purple .kpi-value{background:linear-gradient(180deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(167,139,250,.4))}.kpi-card.tone-green .kpi-value{background:linear-gradient(180deg,#fff,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(34,211,238,.4))}.kpi-card.tone-amber .kpi-value{background:linear-gradient(180deg,#fff,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(251,191,36,.4))}.kpi-value em{margin-left:4px;font-family:Noto Sans SC,sans-serif;font-size:11px;font-weight:500;font-style:normal;color:var(--text-faint);-webkit-text-fill-color:initial}.company-summary{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:center;gap:10px;margin-bottom:12px;padding:14px 10px;border:1px solid rgba(0,212,255,.12);border-radius:14px;background:linear-gradient(135deg,#00d4ff0d,#a78bfa0a)}.company-summary-divider{width:1px;height:32px;justify-self:center;background:linear-gradient(180deg,transparent,rgba(0,212,255,.3),transparent)}.company-summary-item{display:grid;gap:4px;justify-items:center;text-align:center}.summary-label{color:var(--text-faint);font-size:11px;letter-spacing:1px}.summary-value{font-family:Orbitron,monospace;font-size:28px;font-weight:700;line-height:1;background:linear-gradient(180deg,#fff,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(0,212,255,.4))}.summary-value em{margin-left:4px;font-family:Noto Sans SC,sans-serif;font-size:11px;font-style:normal;font-weight:500;color:var(--text-soft);-webkit-text-fill-color:initial}.tone-purple-text{background:linear-gradient(180deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(167,139,250,.4))}.tone-green-text{background:linear-gradient(180deg,#fff,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}.block-sub-title{position:relative;z-index:3;display:flex;align-items:center;gap:8px;margin:10px 0 8px;color:var(--text-soft);font-size:12px;font-weight:700;letter-spacing:2px}.block-sub-title:before{content:"";width:3px;height:12px;border-radius:2px;background:linear-gradient(180deg,var(--cyan),var(--blue));box-shadow:0 0 6px #00d4ff80}.industry-block{position:relative;z-index:3;display:grid;grid-template-columns:144px 1fr;gap:12px;align-items:center;height:168px}.industry-pie{position:relative;width:100%;height:100%}.industry-pie:before{content:"";position:absolute;inset:6%;border:1px dashed rgba(14,252,255,.28);border-radius:50%;animation:rotate-slow 20s linear infinite;pointer-events:none}.industry-pie:after{content:"";position:absolute;inset:18%;border:1px solid rgba(133,143,248,.22);border-radius:50%;animation:rotate-slow 14s linear infinite reverse;pointer-events:none}.industry-pie-center{position:absolute;inset:0;display:grid;place-items:center;align-content:center;pointer-events:none}.industry-pie-center span{color:var(--text-faint);font-size:11px;letter-spacing:1px}.industry-pie-center strong{font-family:Orbitron,monospace;font-size:26px;font-weight:700;line-height:1;background:linear-gradient(180deg,#fff,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(0,212,255,.45))}.industry-list{display:grid;gap:4px;list-style:none;margin:0;padding:0}.industry-list-item{position:relative;display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;padding:5px 8px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#0efcff08;transition:all .25s ease;overflow:hidden}.industry-list-item:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(14,252,255,.15) 50%,transparent 100%);background-size:220% 100%;background-position:-200% center;animation:shimmer-row 5s linear infinite}.industry-list-item:nth-child(1):after{animation-delay:0s}.industry-list-item:nth-child(2):after{animation-delay:.6s}.industry-list-item:nth-child(3):after{animation-delay:1.2s}.industry-list-item:nth-child(4):after{animation-delay:1.8s}.industry-list-item:nth-child(5):after{animation-delay:2.4s}.industry-list-item:hover{background:#00d4ff12;border-color:#00d4ff2e;transform:translate(2px)}.industry-color{width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px currentColor}.industry-name{color:#cbd5e1;font-size:12px;letter-spacing:.5px}.industry-value{color:var(--text-soft);font-family:Orbitron,monospace;font-size:12px}.industry-pct{font-family:Orbitron,monospace;font-size:13px;font-weight:700;min-width:38px;text-align:right;text-shadow:0 0 6px currentColor}.progress-list{position:relative;z-index:3;list-style:none;margin:0;padding:0;display:grid;gap:8px}.progress-list-item{display:grid;grid-template-columns:110px 1fr 70px;align-items:center;gap:10px;padding:4px 0;opacity:0;animation:row-fade-in .6s ease forwards}@keyframes row-fade-in{to{opacity:1}}.progress-list-name{color:#cbd5e1;font-size:11px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-list-track{position:relative;height:8px;border-radius:999px;background:#1f67a32e;overflow:hidden}.progress-list-bar{position:absolute;inset:0 auto 0 0;border-radius:999px;width:0%;transition:width 1.4s cubic-bezier(.16,1,.3,1);overflow:hidden}.progress-list-glow{position:absolute;top:0;right:-2px;width:8px;height:100%;border-radius:50%;filter:blur(4px);opacity:.85;animation:breathe 1.6s ease-in-out infinite}.progress-list-bar:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:progress-scan 1.6s linear infinite}.progress-list-value{font-family:Orbitron,monospace;font-size:14px;font-weight:700;text-align:right;letter-spacing:.5px}.progress-list-value em{margin-left:3px;font-family:Noto Sans SC,sans-serif;font-style:normal;font-size:10px;font-weight:500;color:var(--text-faint)}.education-progress-list{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px}.data-mini-card{padding:11px 12px;border:1px solid rgba(0,212,255,.1);border-radius:12px;background:#00d4ff0a;transition:all .3s ease}.data-mini-card:hover{border-color:#00d4ff40;background:#00d4ff14;transform:translateY(-2px);box-shadow:0 4px 20px #00d4ff1a}.data-mini-card .progress-row-head{margin-bottom:6px}.dashboard-footer{display:flex;gap:20px;height:64px;min-height:64px}.ticker{flex:1;position:relative;display:flex;align-items:center;padding:0 20px;border-radius:12px;overflow:hidden}.ticker-title{display:flex;align-items:center;gap:10px;margin-right:16px;flex-shrink:0}.ticker-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:6px}.ticker-label{color:var(--text-faint);font-size:13px;font-weight:700;letter-spacing:2px}.ticker-sep{width:1px;height:20px;background:#334155;margin-left:6px}.marquee{flex:1;overflow:hidden;white-space:nowrap}.marquee-track{display:inline-flex;gap:60px;align-items:center;animation:marquee 40s linear infinite;color:var(--text-faint);font-size:13px;padding-left:20px}.ticker:hover .marquee-track{animation-play-state:paused}.marquee-item{white-space:nowrap}.partner-track{gap:16px}.partner-chip{padding:6px 14px;border:1px solid rgba(0,212,255,.15);border-radius:999px;background:#00d4ff0f;color:var(--text-faint);font-size:12px}.error-toast{position:absolute;right:28px;bottom:92px;z-index:8;display:flex;align-items:center;gap:8px;max-width:520px;padding:9px 12px;border:1px solid rgba(251,191,36,.34);border-radius:10px;background:#221805bd;color:#fde68a;font-size:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chart-empty{display:grid;place-items:center;width:100%;height:100%;color:#64748b;font-size:12px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes card-scan{0%{left:-100%}54%{left:100%}to{left:100%}}@keyframes gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes breathe{0%,to{opacity:.65;filter:brightness(1)}50%{opacity:1;filter:brightness(1.4)}}@keyframes progress-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes rotate-slow{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(.92);opacity:.5}70%{transform:scale(1.05);opacity:0}to{transform:scale(1.05);opacity:0}}@keyframes sweep-light{0%{transform:translate(-120%) skew(-12deg);opacity:0}20%{opacity:1}to{transform:translate(220%) skew(-12deg);opacity:0}}@keyframes flicker-glow{0%,to{text-shadow:0 0 8px currentColor,0 0 16px currentColor}47%{text-shadow:0 0 6px currentColor,0 0 10px currentColor}50%{text-shadow:0 0 14px currentColor,0 0 24px currentColor}53%{text-shadow:0 0 6px currentColor,0 0 10px currentColor}}@keyframes border-pulse{0%,to{box-shadow:0 0 14px #0efcff2e,inset 0 0 18px #0efcff0d}50%{box-shadow:0 0 24px #0efcff66,inset 0 0 28px #0efcff1f}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer-row{0%{background-position:-200% center}to{background-position:220% center}}@media(max-width:900px){body{overflow:auto}.login-page{grid-template-columns:1fr;min-height:100svh;padding:28px}.login-orbit{display:none}.login-panel{max-width:480px;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.gh-title-bar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;height:56px;padding:0 24px}.gh-title-bar .dashboard-title-bar{flex:1;height:auto;padding:0}.gh-title-bar .neon-title-main{font-size:28px;letter-spacing:6px}.weather-strip{display:flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid rgba(14,252,255,.18);border-radius:10px;background:linear-gradient(135deg,#0efcff14,#858ff80a);font-size:12px;color:var(--text-soft);white-space:nowrap}.weather-item{display:inline-flex;align-items:center;gap:4px}.weather-divider{width:1px;height:12px;background:#0efcff38}.gh-user{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(14,252,255,.18);border-radius:10px;background:linear-gradient(135deg,#0efcff14,#858ff80a);font-size:12px;color:var(--text-soft);white-space:nowrap;cursor:pointer;transition:all .25s ease}.gh-user:hover{border-color:#0efcff66;background:linear-gradient(135deg,#0efcff24,#858ff814)}.dashboard-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 24px}.nav-tab{position:relative;padding:7px 18px;border:1px solid rgba(14,252,255,.12);border-radius:8px;background:#0efcff0a;color:var(--text-faint);font-size:13px;font-weight:600;letter-spacing:1px;transition:all .25s ease;cursor:pointer}.nav-tab:hover{border-color:#0efcff59;color:var(--cyan);background:#0efcff14}.nav-tab.active{border-color:#0efcff8c;background:linear-gradient(135deg,#0efcff29,#007bff1a);color:var(--cyan);box-shadow:0 0 18px #0efcff2e}.tech-card.panel-spotlight{animation:panel-spotlight-pulse 1.6s ease-out}@keyframes panel-spotlight-pulse{0%{box-shadow:0 0 0 1px #0efcffe6,0 0 22px #0efcff8c}to{box-shadow:0 0 #0efcff00}}.dashboard-tab-hint{position:relative;z-index:6;align-self:center;margin-top:6px;padding:4px 14px;font-size:12px;color:var(--cyan);background:#0efcff14;border:1px solid rgba(14,252,255,.35);border-radius:14px}.dashboard-status-strip{position:relative;z-index:5;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:0 24px 12px}.status-pill{display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px 12px;border:1px solid rgba(14,252,255,.16);border-radius:8px;background:linear-gradient(180deg,#0efcff0f,#858ff805)}.status-pill span{color:var(--text-faint);font-size:11px;letter-spacing:0}.status-pill strong{font-family:Orbitron,monospace;font-size:16px;font-weight:700;line-height:1.05;color:var(--cyan);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.gh-main{grid-template-columns:400px 1fr 400px}.gh-side-left{grid-template-rows:minmax(0,1.55fr) minmax(0,1fr)}.gh-center-col{grid-template-rows:2fr 1fr}.gh-side-right{grid-template-rows:minmax(0,1fr) minmax(0,1.25fr)}.section-more{margin-left:auto;display:inline-flex;align-items:center;gap:2px;font-size:11px;color:var(--text-faint);cursor:pointer;transition:color .2s}.section-more:hover{color:var(--cyan)}.env-card{display:flex;flex-direction:column;padding:16px;min-height:0}.env-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(64px,1fr);gap:10px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.env-grid::-webkit-scrollbar{width:4px}.env-grid::-webkit-scrollbar-thumb{background:#0efcff26;border-radius:4px}.mini-metric{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:64px;padding:8px;border:1px solid rgba(14,252,255,.1);border-radius:10px;background:linear-gradient(135deg,#0efcff0d,#858ff808);transition:all .25s ease;overflow:hidden}.mini-metric:hover{border-color:#0efcff4d;background:linear-gradient(135deg,#0efcff1a,#858ff80f);transform:translateY(-1px)}.mini-metric-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#0efcff14;color:var(--cyan);flex-shrink:0}.mini-metric.tone-blue .mini-metric-icon{color:#56d4f1;background:#56d4f114}.mini-metric.tone-green .mini-metric-icon{color:#38eb70;background:#38eb7014}.mini-metric.tone-amber .mini-metric-icon{color:#fbbf24;background:#fbbf2414}.mini-metric.tone-purple .mini-metric-icon{color:#a78bfa;background:#a78bfa14}.mini-metric-body{display:flex;flex-direction:column;gap:2px;min-width:0}.mini-metric-label{display:block;min-width:0;font-size:10px;color:var(--text-faint);letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-metric-value{display:block;min-width:0;font-family:Orbitron,monospace;font-size:clamp(13px,.82vw,15px);font-weight:700;line-height:1.2;color:#fff;text-shadow:0 0 8px rgba(0,212,255,.4);white-space:nowrap}.mini-metric-value em{margin-left:2px;font-family:Noto Sans SC,sans-serif;font-size:9px;font-style:normal;font-weight:400;color:var(--text-faint)}.water-card{display:flex;flex-direction:column;padding:16px;min-height:0}.agri-overview{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.agri-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.agri-overview-stat{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid rgba(14,252,255,.12);border-radius:10px;background:#0efcff08}.agri-overview-stat span{font-size:10px;color:var(--text-faint)}.agri-overview-stat strong{font-size:14px;color:var(--cyan);font-weight:700;font-family:Orbitron,monospace}.agri-overview-feed{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.agri-overview-feed-title{font-size:11px;color:var(--text-soft);font-weight:700;letter-spacing:1px}.agri-overview-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(14,252,255,.08);border-radius:8px;background:#0efcff08}.agri-overview-row-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#e2e8f0}.agri-overview-row-value{white-space:nowrap;font-size:10px;color:var(--cyan);font-family:Orbitron,monospace}.agri-overview-row-meta{white-space:nowrap;font-size:10px;color:var(--text-faint)}.device-run-card{display:flex;flex-direction:column;padding:16px;min-height:0}.device-run-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;min-height:0;align-items:center}.device-ring-wrap{position:relative;min-height:120px}.device-ring{position:relative;width:100%;height:100%;min-height:120px}.device-ring-center{position:absolute;inset:0;display:grid;place-items:center;align-content:center;pointer-events:none;gap:2px}.device-ring-center span{font-size:10px;color:var(--text-faint);letter-spacing:1px}.device-ring-center strong{font-family:Orbitron,monospace;font-size:22px;font-weight:700;color:var(--cyan);text-shadow:0 0 10px rgba(0,212,255,.5)}.device-legend{display:flex;flex-direction:column;gap:8px}.device-legend-item{display:flex;align-items:center;gap:6px;font-size:11px}.device-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.device-legend-name{color:var(--text-soft);min-width:40px}.device-legend-value{font-family:Orbitron,monospace;font-weight:700;margin-left:auto}.device-legend-pct{color:var(--text-faint);font-size:10px}.twin-card{padding:0;overflow:hidden;min-height:0}.twin-card .tech-card{border:none;box-shadow:none}.digital-twin-view{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:16px}.twin-scene{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.twin-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:brightness(.9) saturate(1.05)}.twin-scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 12px var(--cyan);animation:scan-vertical 4s ease-in-out infinite;z-index:2;pointer-events:none}.twin-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.04) 1px,transparent 1px);background-size:40px 40px;z-index:1;pointer-events:none}@keyframes scan-vertical{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.sensor-tag{position:absolute;z-index:3;display:flex;align-items:flex-start;gap:6px;padding:8px 12px;border:1px solid rgba(14,252,255,.25);border-radius:10px;background:#0a0e27bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 20px #00d4ff1a;transition:all .3s ease;max-width:200px}.sensor-tag:hover{border-color:#0efcff80;box-shadow:0 0 25px #00d4ff33;transform:translateY(-2px)}.sensor-tag-dot{width:8px;height:8px;border-radius:50%;background:#64748b;margin-top:4px;flex-shrink:0}.sensor-tag-dot.online{background:#38eb70;box-shadow:0 0 8px #38eb70;animation:breathe 2s ease-in-out infinite}.sensor-tag-body{display:flex;flex-direction:column;gap:2px}.sensor-tag-title{font-size:12px;font-weight:700;color:#e2e8f0;white-space:nowrap}.sensor-tag-sub{font-size:10px;color:var(--text-soft);white-space:nowrap}.alarm-card{display:flex;flex-direction:column;padding:16px;min-height:0}.alarm-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.alarm-list::-webkit-scrollbar{width:4px}.alarm-list::-webkit-scrollbar-thumb{background:#0efcff26;border-radius:4px}.alarm-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#0efcff05;transition:all .25s ease}.alarm-item:hover{background:#0efcff0d;transform:translate(2px)}.alarm-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;flex-shrink:0;margin-top:1px}.alarm-item.level-warning .alarm-icon{background:#fbbf241f;color:#fbbf24}.alarm-item.level-error .alarm-icon{background:#f871711f;color:#f87171}.alarm-item.level-critical .alarm-icon{background:#f8717129;color:#ff6b6b}.alarm-item.level-offline .alarm-icon{background:#94a3b81f;color:#94a3b8}.alarm-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.alarm-title{font-size:12px;font-weight:600;color:#e2e8f0}.alarm-detail{font-size:10px;color:var(--text-faint)}.alarm-time{font-size:11px;color:var(--text-faint);font-family:Orbitron,monospace;white-space:nowrap}.dashboard-empty{display:grid;place-items:center;min-height:88px;padding:14px;border:1px dashed rgba(14,252,255,.16);border-radius:8px;color:var(--text-faint);font-size:12px;background:#0efcff08}.video-grid-card{display:flex;flex-direction:column;padding:16px;min-height:0}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;min-height:0}.video-grid-item{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(14,252,255,.12);background:#0a0e2780;min-height:0}.video-grid-media{position:relative;width:100%;height:100%;min-height:0}.video-grid-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:filter .3s}.video-grid-item:hover .video-grid-img{filter:brightness(.9)}.video-grid-video{z-index:1}.video-grid-poster{z-index:0}.video-grid-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,39,.3) 0%,transparent 40%,rgba(10,14,39,.6) 100%);pointer-events:none}.video-grid-state{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;text-align:center;background:#080b1c80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.video-grid-state-title{font-size:12px;font-weight:700;color:#e2e8f0}.video-grid-state-desc{max-width:100%;font-size:10px;line-height:1.4;color:var(--text-soft)}.video-grid-retry{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(14,252,255,.2);border-radius:6px;padding:4px 8px;background:#050c1cb3;color:#dbeafe;font-size:10px;font-weight:700;cursor:pointer}.video-grid-retry:hover{background:#0a142ceb}.video-grid-label{position:absolute;bottom:6px;left:6px;display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-soft);z-index:2}.video-grid-live{position:absolute;top:6px;right:6px;padding:2px 6px;border-radius:4px;background:#f8717133;color:#f87171;font-size:9px;font-weight:700;letter-spacing:1px;z-index:2;animation:breathe 2s ease-in-out infinite}.greenhouse-matrix-card{display:flex;flex-direction:column;padding:16px;min-height:0}.greenhouse-matrix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(136px,1fr);gap:8px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.greenhouse-matrix-grid::-webkit-scrollbar{width:4px}.greenhouse-matrix-grid::-webkit-scrollbar-thumb{background:#0efcff26;border-radius:4px}.greenhouse-matrix-item{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:8px;border:1px solid rgba(14,252,255,.12);background:#0efcff08;min-width:0;overflow:hidden}.greenhouse-matrix-item.status-warning{border-color:#fbbf242e}.greenhouse-matrix-item.status-alarm{border-color:#f871712e}.greenhouse-matrix-item.status-offline{border-color:#94a3b82e}.greenhouse-matrix-head{display:flex;justify-content:space-between;gap:8px}.greenhouse-matrix-code{font-size:12px;font-weight:700;color:#e2e8f0}.greenhouse-matrix-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--text-soft)}.greenhouse-matrix-badge{align-self:flex-start;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase}.greenhouse-matrix-badge.status-normal{background:#38eb7024;color:#38eb70}.greenhouse-matrix-badge.status-warning{background:#fbbf2424;color:#fbbf24}.greenhouse-matrix-badge.status-alarm{background:#f8717124;color:#f87171}.greenhouse-matrix-badge.status-offline{background:#94a3b824;color:#94a3b8}.greenhouse-matrix-badge.status-active{background:#38eb7024;color:#38eb70}.greenhouse-matrix-badge.status-maintenance{background:#fbbf2424;color:#fbbf24}.greenhouse-matrix-badge.status-inactive{background:#94a3b824;color:#94a3b8}.greenhouse-matrix-meta{font-size:10px;color:var(--text-faint)}.greenhouse-matrix-tags{display:flex;flex-wrap:wrap;gap:4px}.greenhouse-matrix-tags span{padding:2px 6px;border-radius:4px;background:#0efcff0f;color:var(--text-soft);font-size:9px;white-space:nowrap}.greenhouse-matrix-time{font-size:9px;color:var(--text-faint)}.connector-health-card{display:flex;flex-direction:column;padding:16px;min-height:0}.connector-health-list{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding-right:4px}.connector-health-list::-webkit-scrollbar{width:4px}.connector-health-list::-webkit-scrollbar-thumb{background:#0efcff26;border-radius:4px}.connector-health-item{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:8px;border:1px solid rgba(14,252,255,.12);background:#0efcff08}.connector-health-head{display:flex;justify-content:space-between;gap:8px}.connector-health-name{font-size:12px;font-weight:700;color:#e2e8f0}.connector-health-platform{font-size:10px;color:var(--text-soft)}.connector-health-status{align-self:flex-start;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase}.connector-health-status.status-healthy,.connector-health-status.status-normal{background:#38eb7024;color:#38eb70}.connector-health-status.status-degraded,.connector-health-status.status-warning{background:#fbbf2424;color:#fbbf24}.connector-health-status.status-offline,.connector-health-status.status-error{background:#f8717124;color:#f87171}.connector-health-status.status-unknown{background:#94a3b824;color:#94a3b8}.connector-health-meta{display:flex;flex-direction:column;color:var(--text-faint);font-size:10px}.connector-health-error{display:flex;align-items:center;gap:4px;margin-top:4px;padding:3px 6px;border-radius:4px;background:#f871711a;color:#f87171;font-size:10px;line-height:1.3}.connector-health-summary{display:flex;gap:10px;margin-bottom:8px;font-size:11px;font-weight:700}.connector-health-summary .status-healthy{color:#38eb70}.connector-health-summary .status-degraded{color:#fbbf24}.connector-health-summary .status-offline{color:#f87171}.data-anomaly-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 2px;min-height:22px}.data-anomaly-strip.is-ok{color:#38eb70;font-size:11px}.data-anomaly-strip.is-ok svg{vertical-align:-2px;margin-right:4px}.data-anomaly-item{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.data-anomaly-item.severity-warning{background:#fbbf241f;color:#fbbf24}.data-anomaly-item.severity-critical{background:#f8717124;color:#f87171}.agri-overview-row-meta.is-warn{color:#fbbf24;font-weight:700}.greenhouse-matrix-time.is-warn{color:#fbbf24}.matrix-stale-tag{margin-left:6px;padding:1px 5px;border-radius:3px;background:#fbbf2424;color:#fbbf24;font-size:9px;font-weight:700}.crop-growth-card{display:flex;flex-direction:column;padding:16px;min-height:0}.crop-growth-body{display:grid;grid-template-columns:auto 1fr;gap:16px;flex:1;min-height:0;align-items:center}.crop-info-row{display:flex;flex-direction:column;gap:10px}.crop-info-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(14,252,255,.1);border-radius:8px;background:#0efcff08;font-size:12px;color:var(--text-soft);white-space:nowrap}.crop-info-item svg{color:var(--cyan);flex-shrink:0}.crop-info-item strong{margin-left:auto;color:#e2e8f0;font-weight:700}.crop-progress-block{display:flex;flex-direction:column;gap:10px;justify-content:center;flex:1}.gh-progress-row{display:flex;flex-direction:column;gap:4px}.gh-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-faint)}.gh-progress-head strong{font-family:Orbitron,monospace;font-weight:700}.stat-badge{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border-radius:8px;border:1px solid rgba(14,252,255,.15);background:linear-gradient(180deg,#0efcff14,#0efcff05)}.stat-badge-label{font-size:10px;color:var(--text-faint)}.stat-badge-value{font-family:Orbitron,monospace;font-size:16px;font-weight:700;color:#fff;text-shadow:0 0 8px rgba(0,212,255,.4)}.stat-badge-value em{font-style:normal;font-size:10px;color:var(--text-faint);margin-left:2px}.gh-footer{height:56px;min-height:56px}.login-page{display:grid;grid-template-columns:minmax(0,1.3fr) 460px;gap:0;align-items:stretch;padding:0;background:linear-gradient(135deg,#0a0e27,#0f183e,#141b4d 60%,#0d1233)}.login-hero{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:64px 8vw}.login-hero-bg{position:absolute;inset:0;background-image:url(/greenhouse-bg.jpg);background-size:cover;background-position:center;filter:saturate(1.1)}.login-hero-mask{position:absolute;inset:0;background:linear-gradient(135deg,#02060ce0,#060e1eb8 40%,#0a142d8c,#070f23bf)}.login-hero-content{position:relative;z-index:3}.login-brand .brand-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;border:1px solid rgba(14,252,255,.22);border-radius:999px;background:#0efcff0f;color:var(--cyan);font-family:Orbitron,monospace;font-size:11px;letter-spacing:3px;text-shadow:0 0 10px rgba(0,212,255,.4)}.login-brand h1{margin:0;font-size:clamp(36px,4.5vw,60px);line-height:1.15;background:linear-gradient(90deg,#fff,var(--cyan),#38eb70);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(0,212,255,.28))}.login-brand p{margin:20px 0 0;color:#a4d8c8;font-size:18px;letter-spacing:2px}.login-orbit{position:relative;width:260px;height:260px;margin-top:50px}.orbit-ring,.orbit-core{position:absolute;inset:0;border-radius:50%}.orbit-ring-a{border:1px solid rgba(0,212,255,.34);animation:spin 18s linear infinite}.orbit-ring-b{inset:36px;border:1px dashed rgba(56,235,112,.44);animation:spin-reverse 16s linear infinite}.orbit-core{inset:76px;display:grid;place-items:center;border:1px solid rgba(56,235,112,.42);background:#38eb7014;color:#38eb70;box-shadow:0 0 46px #38eb7040}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.orbit-dot-a{top:0;left:50%;margin-left:-5px;animation:orbit-rotate-a 12s linear infinite;transform-origin:5px 130px}.orbit-dot-b{bottom:0;left:50%;margin-left:-5px;animation:orbit-rotate-b 10s linear infinite;transform-origin:5px -130px}@keyframes orbit-rotate-a{0%{transform:rotate(0) translate(130px) rotate(0)}to{transform:rotate(360deg) translate(130px) rotate(-360deg)}}@keyframes orbit-rotate-b{0%{transform:rotate(0) translate(-110px) rotate(0)}to{transform:rotate(-360deg) translate(-110px) rotate(360deg)}}.login-metrics{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.login-metrics span{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid rgba(14,252,255,.18);border-radius:999px;background:#0efcff0f;color:#b9ecff;font-size:13px;transition:all .25s ease}.login-metrics span:hover{border-color:#0efcff66;background:#0efcff1f;transform:translateY(-2px)}.login-panel{margin:48px 48px 48px 0;padding:40px;border:1px solid var(--border);border-radius:16px;background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);align-self:center}@media(max-width:1100px){.login-page{grid-template-columns:1fr;padding:40px;gap:32px}.login-hero{min-height:360px;padding:40px}.login-panel{margin:0 auto;max-width:480px;width:100%}.login-orbit{display:none}}.report-card .report-analytics{display:flex;flex-direction:column;gap:14px;padding:4px 2px}.report-block-title{margin-bottom:6px;color:var(--text-soft);font-size:12px;letter-spacing:1px}.report-pie{height:130px}.crop-card .crop-list{display:flex;flex-direction:column;gap:10px;padding:4px 2px}.crop-item{padding:8px 10px;border:1px solid rgba(14,252,255,.12);border-radius:8px;background:#00000029}.crop-item-head{display:flex;align-items:center;gap:8px}.crop-item-name{font-weight:600;color:#eaf8ff}.crop-item-crop{padding:1px 8px;border-radius:999px;background:#38eb7024;color:#7ef0a0;font-size:11px}.crop-fit{margin-left:auto;font-size:11px;padding:1px 8px;border-radius:999px}.crop-fit-good{background:#38eb7029;color:#7ef0a0}.crop-fit-warn{background:#fd913329;color:#ffb066}.crop-fit-unknown{background:#94a3b829;color:#94a3b8}.crop-item-env{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:12px;color:var(--text-soft)}.crop-item-ideal{color:#6b7d99}.control-card .control-feedback{margin-bottom:8px;font-size:12px;color:var(--cyan);min-height:16px}.control-card .control-list{display:flex;flex-direction:column;gap:10px;padding:2px}.control-group-title{margin-bottom:4px;font-size:12px;color:var(--text-soft);letter-spacing:1px}.control-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid rgba(14,252,255,.1);border-radius:8px;background:#00000029;margin-bottom:5px}.control-row.is-disabled{opacity:.5}.control-row-name{flex:1;font-size:13px;color:#d6eaff}.control-actions{display:flex;gap:5px}.control-btn{display:grid;place-items:center;width:26px;height:24px;border:1px solid rgba(14,252,255,.3);border-radius:6px;background:#0efcff0f;color:var(--cyan)}.control-btn:hover:not(:disabled){background:#0efcff29}.control-btn:disabled{opacity:.5;cursor:wait}.control-btn-stop{color:#ffb066;border-color:#fd913366;background:#fd913314}.control-disabled-tag{font-size:11px;color:#6b7d99}.mqtt-realtime-card .mqtt-status{margin-left:auto;font-size:11px;font-family:Orbitron,monospace;display:flex;align-items:center;gap:6px;padding:2px 10px;border-radius:10px;letter-spacing:.04em}.mqtt-realtime-card .mqtt-status.online{color:var(--green);border:1px solid rgba(25,202,136,.35);background:#19ca8814}.mqtt-realtime-card .mqtt-status.offline{color:var(--orange);border:1px solid rgba(253,145,51,.35);background:#fd913314}.mqtt-dot-online{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:breathe 1.2s ease-in-out infinite}.mqtt-dot-offline{width:7px;height:7px;border-radius:50%;background:var(--orange)}.mqtt-waiting{display:flex;align-items:center;gap:8px;padding:24px 0;color:var(--text-faint);font-size:13px;justify-content:center}.mqtt-pulse{width:10px;height:10px;border-radius:50%;border:2px solid var(--cyan);border-top-color:transparent;animation:spin .8s linear infinite}.mqtt-updated{display:flex;align-items:center;justify-content:space-between;padding-top:10px;margin-top:8px;border-top:1px solid var(--border);font-size:12px;color:var(--text-faint)}.mqtt-updated strong{font-family:Orbitron,monospace;color:var(--text-soft);font-weight:500}