html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{color:#0f172a;font-family:Inter,Noto Sans SC,PingFang SC,Arial,sans-serif;background:#f8fafc}*{box-sizing:border-box}body{margin:0;min-width:1180px;background:#f8fafc}button,input,textarea,select{font:inherit}button{cursor:pointer}.login-screen,.visual-screen{min-height:100vh;color:#dbeafe;background:radial-gradient(circle at 18% 20%,rgb(14 165 233 / 18%),transparent 28%),linear-gradient(135deg,#020617,#061426 45%,#0f172a)}.login-screen{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);gap:42px;align-items:center;padding:56px 72px}.login-card,.login-preview,.visual-card,.visual-board-panel{border:1px solid rgb(125 211 252 / 26%);box-shadow:0 24px 70px #0206176b,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card{display:grid;gap:28px;padding:34px;background:#08172cc7;border-radius:16px}.login-brand{display:flex;gap:14px;align-items:center}.login-brand>span,.visual-mark{display:grid;width:48px;height:48px;color:#e0f2fe;font-weight:850;background:linear-gradient(135deg,#2563eb,#0891b2);border:1px solid rgb(103 232 249 / 45%);border-radius:10px;place-items:center}.login-brand strong,.login-brand small{display:block}.login-brand small,.login-copy p,.visual-title p,.visual-card small,.visual-card span,.visual-detail dt,.visual-board-panel span{color:#93c5fd}.login-copy h1{margin:0;color:#f8fafc;font-size:34px;line-height:1.12;letter-spacing:0}.login-copy p{margin:10px 0 0;font-size:15px}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:8px;color:#bfdbfe}.login-preview{position:relative;min-height:520px;overflow:hidden;background:linear-gradient(rgb(34 211 238 / 12%) 1px,transparent 1px),linear-gradient(90deg,rgb(34 211 238 / 10%) 1px,transparent 1px),#030d1c94;background-size:34px 34px;border-radius:18px}.login-orbit{position:absolute;top:72px;right:110px;bottom:120px;left:110px;transform:perspective(900px) rotateX(58deg)}.login-orbit i{position:absolute;right:0;left:0;height:34px;border:1px solid rgb(34 211 238 / 28%);border-radius:8px;box-shadow:0 0 24px #22d3ee2e}.login-orbit i:nth-child(1){top:0}.login-orbit i:nth-child(2){top:46px}.login-orbit i:nth-child(3){top:92px}.login-orbit i:nth-child(4){top:138px}.login-orbit i:nth-child(5){top:184px}.login-orbit i:nth-child(6){top:230px}.login-kpis{position:absolute;right:28px;bottom:28px;left:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.login-kpis span{padding:16px 12px;color:#e0f2fe;text-align:center;background:#0f172ab8;border:1px solid rgb(34 211 238 / 25%);border-radius:10px}.visual-screen{display:grid;grid-template-rows:78px minmax(0,1fr);height:100vh;overflow:hidden}.visual-screen:before{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(rgb(56 189 248 / 7%) 1px,transparent 1px),linear-gradient(90deg,rgb(56 189 248 / 6%) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}.visual-topbar{z-index:2;display:grid;grid-template-columns:minmax(360px,1fr) auto minmax(300px,1fr);gap:18px;align-items:center;padding:14px 24px;border-bottom:1px solid rgb(125 211 252 / 22%);background:#0206178a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.visual-title{display:flex;gap:14px;align-items:center}.visual-title h1{margin:0;color:#f8fafc;font-size:22px;line-height:1.1;letter-spacing:0}.visual-title p{margin:4px 0 0;font-size:12px}.visual-tabs{display:flex;gap:8px;padding:5px;background:#0f172aa8;border:1px solid rgb(125 211 252 / 22%);border-radius:10px}.visual-tabs button,.visual-actions button,.visual-card-head button,.visual-chain button{color:#bfdbfe;background:transparent;border:1px solid transparent;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.visual-tabs button{min-width:92px;height:34px;border-radius:8px}.visual-tabs button:hover,.visual-tabs button.active,.visual-actions button:hover,.visual-card-head button:hover,.visual-chain button:hover{color:#f8fafc;background:#0ea5e92e;border-color:#22d3ee6b;box-shadow:0 0 18px #22d3ee2e}.visual-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}.visual-actions span{color:#93c5fd;font-variant-numeric:tabular-nums}.visual-actions button{height:36px;padding:0 16px;border-radius:8px}.visual-layout{z-index:1;display:grid;grid-template-columns:286px minmax(0,1fr) 330px;gap:16px;min-height:0;padding:16px 20px 20px}.visual-column{display:grid;gap:14px;align-content:start;min-width:0}.visual-card{display:grid;gap:12px;min-width:0;padding:14px;background:#08172cb8;border-radius:12px}.visual-kpi-card{gap:2px}.visual-kpi-card strong{color:#67e8f9;font-size:30px;line-height:1.1;letter-spacing:0}.visual-card-head{display:flex;align-items:center;justify-content:space-between}.visual-card-head strong{color:#f8fafc;font-size:16px}.visual-card-head button{min-width:58px;height:28px;border-radius:7px}.visual-list-row,.visual-rank-row{display:grid;gap:3px;width:100%;padding:10px;color:#e0f2fe;text-align:left;background:#0f172a9e;border:1px solid rgb(125 211 252 / 18%);border-radius:8px}.visual-list-row:hover,.visual-rank-row:hover{border-color:#22d3ee75}.visual-center{display:grid;grid-template-rows:minmax(0,1fr) 118px;gap:14px;min-width:0;min-height:0}.visual-scene3d{position:relative;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgb(34 211 238 / 16%),transparent 45%),#030d1cad;border:1px solid rgb(125 211 252 / 25%);border-radius:16px;box-shadow:inset 0 0 80px #0ea5e91a,0 24px 90px #02061761}.visual-scene3d__canvas{width:100%;height:100%;min-height:520px}.visual-scene3d__canvas canvas{display:block}.visual-scene3d__hud{position:absolute;top:18px;left:18px;display:grid;gap:3px;padding:12px 14px;background:#02061794;border:1px solid rgb(34 211 238 / 24%);border-radius:10px}.visual-scene3d__hud strong{color:#f8fafc;font-size:24px}.visual-scene3d__hud span{color:#93c5fd}.visual-scene3d__shortcuts,.visual-scene3d__devices{position:absolute;display:flex;flex-wrap:wrap;gap:7px}.visual-scene3d__shortcuts{right:18px;bottom:18px;left:18px}.visual-scene3d__devices{top:18px;right:18px;width:210px;justify-content:flex-end}.visual-scene3d__shortcuts button,.visual-scene3d__devices button{min-width:46px;height:28px;color:#bfdbfe;background:#0f172aad;border:1px solid rgb(125 211 252 / 24%);border-radius:7px}.visual-scene3d__shortcuts button.active,.visual-scene3d__devices button.active{color:#061426;background:#67e8f9;border-color:#67e8f9}.visual-scene3d__devices button.danger{color:#fecaca;border-color:#ef44446b}.visual-board-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;background:#08172cbd;border-radius:14px}.visual-board-panel div{display:grid;gap:4px;padding:12px;background:#0f172a94;border:1px solid rgb(125 211 252 / 18%);border-radius:10px}.visual-board-panel strong{min-width:0;overflow:hidden;color:#f8fafc;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.visual-detail{display:grid;gap:8px;margin:0}.visual-detail div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px}.visual-detail dt,.visual-detail dd{min-width:0;margin:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.visual-detail dd{color:#e0f2fe}.visual-bars{display:flex;gap:9px;align-items:flex-end;height:188px;padding-top:18px}.visual-bars button{position:relative;flex:1;min-width:26px;background:linear-gradient(180deg,#22d3ee,#2563eb);border:0;border-radius:8px 8px 2px 2px;box-shadow:0 0 24px #22d3ee38}.visual-bars span{position:absolute;right:0;bottom:-22px;left:0;color:#93c5fd;font-size:12px;text-align:center}.visual-rank-row{grid-template-columns:84px minmax(0,1fr) 48px;align-items:center}.visual-rank-row i{height:7px;overflow:hidden;background:#0f172ae5;border-radius:999px}.visual-rank-row b{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#22d3ee)}.visual-chain{display:grid;gap:10px}.visual-chain button{min-height:36px;border-color:#7dd3fc38;border-radius:8px}.visual-result{margin:0;padding:10px;color:#bbf7d0;background:#14532d61;border:1px solid rgb(34 197 94 / 28%);border-radius:8px}.visual-screen{grid-template-rows:62px minmax(0,1fr);background:radial-gradient(circle at 50% -10%,rgb(14 165 233 / 26%),transparent 30%),radial-gradient(circle at 90% 20%,rgb(37 99 235 / 18%),transparent 24%),linear-gradient(180deg,#030712,#061323 48%,#020617)}.visual-screen:after{position:fixed;right:0;bottom:0;left:0;height:56px;pointer-events:none;content:"";background:linear-gradient(180deg,transparent,rgb(14 165 233 / 8%))}.visual-topbar{grid-template-columns:minmax(320px,1fr) 520px minmax(330px,1fr);padding:8px 16px;border-bottom-color:#0ea5e961;box-shadow:0 8px 28px #0284c714}.visual-title h1{font-size:24px;text-shadow:0 0 18px rgb(125 211 252 / 28%)}.visual-mark{width:42px;height:42px;border-radius:8px;box-shadow:0 0 22px #22d3ee3d}.visual-tabs{height:44px;padding:0;overflow:hidden;background:linear-gradient(180deg,#071428eb,#030d1cd6);border-color:#0ea5e970;border-radius:4px}.visual-tabs button{position:relative;flex:1;height:44px;min-width:0;padding:0 34px;font-size:15px;font-weight:700;border-radius:0;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.visual-tabs button.active{background:linear-gradient(180deg,#0ea5e975,#1e40af7a);box-shadow:inset 0 0 24px #7dd3fc47,0 0 28px #0ea5e947}.visual-actions{font-size:13px}.visual-weather{color:#bfdbfe!important}.visual-actions button{height:32px;padding:0 14px;background:#1e40af38;border-color:#7dd3fc52;border-radius:4px}.visual-layout{display:grid;grid-template-columns:300px minmax(600px,1fr) 380px;grid-template-rows:minmax(0,1fr) 122px;gap:12px;min-height:0;padding:12px 14px 14px}.visual-left,.visual-center,.visual-right{min-height:0}.visual-left,.visual-right{overflow:hidden}.visual-card{position:relative;gap:10px;padding:10px 12px;background:linear-gradient(180deg,#081f3cd1,#030f1fb8),#030d1cad;border-color:#0ea5e957;border-radius:6px;box-shadow:inset 0 1px #7dd3fc14,inset 0 0 32px #0ea5e912,0 14px 40px #02061742}.visual-card:before{position:absolute;top:-1px;left:12px;width:56px;height:2px;content:"";background:linear-gradient(90deg,#22d3ee,transparent);box-shadow:0 0 12px #22d3ee}.visual-card-head strong{font-size:15px;letter-spacing:0}.visual-card-head>span{color:#67e8f9;font-size:12px}.visual-column{gap:10px;align-content:stretch}.visual-stack-panel{height:100%;grid-template-rows:auto repeat(5,minmax(0,1fr))}.visual-kpi-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;min-height:0;padding:10px;color:#dbeafe;text-align:left;background:linear-gradient(90deg,rgb(14 165 233 / 12%),transparent 72%),#091a34a3;border:1px solid rgb(56 189 248 / 24%);border-radius:6px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.visual-kpi-row:hover{transform:translate(3px);border-color:#22d3eead;box-shadow:0 0 24px #22d3ee29}.visual-kpi-icon{display:grid;width:58px;height:58px;color:#67e8f9;font-size:26px;background:radial-gradient(circle,#0ea5e93d,#0206179e 62%);border:1px solid rgb(56 189 248 / 30%);border-radius:50%;place-items:center;box-shadow:inset 0 0 18px #22d3ee38,0 0 22px #0ea5e924}.visual-kpi-copy{display:grid;gap:2px;min-width:0}.visual-kpi-copy small,.visual-kpi-copy i{color:#93c5fd;font-style:normal}.visual-kpi-copy strong{color:#67e8f9;font-size:30px;line-height:1}.visual-kpi-copy em{margin-left:6px;color:#bfdbfe;font-size:14px;font-style:normal}.visual-kpi-row.green .visual-kpi-copy strong{color:#34d399}.visual-kpi-row.red{border-color:#f8717157;background:linear-gradient(90deg,rgb(239 68 68 / 14%),transparent 72%),#091a34a3}.visual-kpi-row.red .visual-kpi-icon,.visual-kpi-row.red .visual-kpi-copy strong{color:#fb7185}.visual-center{grid-template-rows:minmax(0,1fr) 52px 178px;gap:10px}.visual-scene3d{border-color:#0ea5e966;border-radius:6px}.visual-scene3d__top{position:absolute;top:18px;right:14px;left:14px;z-index:3;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(250px,1fr);gap:12px;align-items:center;min-height:32px;padding:2px 4px;pointer-events:none;background:linear-gradient(180deg,rgb(3 13 28 / 72%),transparent)}.visual-scene3d__title{display:flex;gap:9px;align-items:center;color:#e0f2fe;line-height:1.2}.visual-scene3d__title span{width:7px;height:7px;background:#38bdf8;border-radius:50%;box-shadow:0 0 14px #38bdf8}.visual-scene3d__modes,.visual-scene3d__legend{display:flex;gap:6px;justify-content:center;pointer-events:auto}.visual-scene3d__modes button,.visual-segment button{height:27px;padding:0 13px;color:#93c5fd;background:#0206178f;border:1px solid rgb(56 189 248 / 24%);border-radius:4px}.visual-scene3d__modes button.active,.visual-segment button.active{color:#e0f2fe;background:#0ea5e947;border-color:#38bdf8a3;box-shadow:inset 0 0 14px #22d3ee24}.visual-scene3d__legend{justify-content:flex-end;color:#c7d2fe;font-size:12px}.visual-scene3d__legend span{display:flex;gap:5px;align-items:center}.visual-scene3d__legend i{width:8px;height:8px;border-radius:50%}.visual-scene3d__legend .ok{background:#22c55e}.visual-scene3d__legend .watch{background:#f59e0b}.visual-scene3d__legend .warn{background:#ef4444}.visual-scene3d__legend .off{background:#94a3b8}.visual-scene3d__canvas{height:100%;min-height:0}.visual-scene3d__hud{top:70px;left:18px;min-width:126px;background:#030d1cad;border-radius:5px}.visual-scene3d__compass{position:absolute;top:64px;right:66px;z-index:2;display:grid;width:58px;height:58px;color:#bfdbfe;font-size:10px;place-items:center}.visual-scene3d__compass i{width:22px;height:22px;background:conic-gradient(from 45deg,#e0f2fe,#2563eb,#e0f2fe,#0f172a,#e0f2fe);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.visual-scene3d__compass b{position:absolute;top:0}.visual-scene3d__compass span{position:absolute;left:0}.visual-scene3d__compass em{position:absolute;right:0;font-style:normal}.visual-scene3d__compass small{position:absolute;bottom:0}.visual-scene3d__shortcuts{top:148px;right:16px;bottom:auto;left:auto;z-index:4;flex-direction:column-reverse;width:48px;padding:8px 5px;background:#0206177a;border:1px solid rgb(56 189 248 / 22%);border-radius:10px}.visual-scene3d__shortcuts button{width:36px;min-width:36px;height:30px}.visual-scene3d__devices{top:58px;right:140px;width:260px}.visual-scene-tray{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;overflow:hidden;background:#030f1fc2;border:1px solid rgb(14 165 233 / 34%);border-radius:6px}.visual-floor-chip{height:100%;padding:0 20px;color:#e0f2fe;background:linear-gradient(110deg,#0ea5e947,#0f172a1a);border-right:1px solid rgb(56 189 248 / 26%);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 100%,0 100%)}.visual-floor-chip,.visual-floor-metrics{display:flex;align-items:center}.visual-floor-metrics{justify-content:space-around;min-width:0;color:#93c5fd}.visual-floor-metrics span{white-space:nowrap}.visual-floor-metrics b{color:#67e8f9;font-size:17px}.visual-action-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:hidden;background:#030f1fb3;border:1px solid rgb(14 165 233 / 30%);border-radius:6px}.visual-action-strip button{color:#bfdbfe;background:transparent;border:0;border-right:1px solid rgb(56 189 248 / 20%)}.visual-action-strip button:hover{color:#f8fafc;background:#0ea5e92e}.visual-floor-drill{display:grid;grid-template-rows:48px minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;background:linear-gradient(180deg,#071932c7,#030f1fb3);border:1px solid rgb(14 165 233 / 34%);border-radius:6px;box-shadow:inset 0 0 28px #0ea5e912}.visual-floor-drill-head{display:grid;grid-template-columns:190px minmax(0,1fr) 96px;gap:12px;align-items:center;padding:8px 10px;border-bottom:1px solid rgb(56 189 248 / 18%)}.visual-floor-drill-head>div:first-child{display:grid;gap:2px;min-width:0}.visual-floor-drill-head span{color:#93c5fd;font-size:12px}.visual-floor-drill-head strong{min-width:0;overflow:hidden;color:#f8fafc;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.visual-floor-drill-head>button{height:32px;color:#dbeafe;background:#0ea5e929;border:1px solid rgb(34 211 238 / 36%);border-radius:5px}.visual-floor-drill-head>button:hover{color:#fff;background:#0ea5e947}.visual-floor-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0}.visual-floor-status span{display:flex;gap:6px;align-items:center;justify-content:center;min-width:0;height:28px;padding:0 8px;color:#bfdbfe;background:#0f172a8f;border:1px solid rgb(56 189 248 / 18%);border-radius:5px;white-space:nowrap}.visual-floor-status b{color:#67e8f9;font-size:16px}.visual-floor-status .green{border-color:#22c55e57}.visual-floor-status .amber{border-color:#f59e0b61}.visual-floor-status .red{border-color:#ef444466}.visual-floor-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px}.visual-floor-picker button{display:grid;gap:3px;min-width:0;height:50px;color:#bfdbfe;background:#0f172a85;border:1px solid rgb(56 189 248 / 22%);border-radius:5px;place-items:center}.visual-floor-picker button.active,.visual-floor-picker button:hover{color:#061426;background:linear-gradient(180deg,#67e8f9,#38bdf8);border-color:#67e8f9}.visual-floor-picker button.warn{border-color:#f59e0b8f}.visual-floor-picker span{font-size:12px}.visual-device-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;min-height:0;padding:10px;overflow:hidden}.visual-device-card{position:relative;display:grid;gap:6px;min-width:0;min-height:0;padding:10px;color:#dbeafe;text-align:left;background:linear-gradient(180deg,#0f172abd,#08172c8f);border:1px solid rgb(56 189 248 / 22%);border-radius:6px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.visual-device-card:before{position:absolute;top:10px;right:10px;width:8px;height:8px;content:"";background:#22c55e;border-radius:50%;box-shadow:0 0 12px #22c55e}.visual-device-card.attention:before{background:#38bdf8;box-shadow:0 0 12px #38bdf8}.visual-device-card.warning:before{background:#f59e0b;box-shadow:0 0 12px #f59e0b}.visual-device-card.critical:before{background:#ef4444;box-shadow:0 0 12px #ef4444}.visual-device-card:hover,.visual-device-card.active{transform:translateY(-2px);border-color:#67e8f9b8;box-shadow:0 0 24px #0ea5e92e}.visual-device-card-head{display:flex;gap:8px;align-items:center;min-width:0;padding-right:18px}.visual-device-card-head strong{overflow:hidden;color:#f8fafc;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.visual-device-card-head i{padding:2px 6px;color:#bbf7d0;font-size:11px;font-style:normal;background:#14532d6b;border:1px solid rgb(34 197 94 / 26%);border-radius:999px}.visual-device-card.warning .visual-device-card-head i,.visual-device-card.critical .visual-device-card-head i{color:#fecaca;background:#7f1d1d6b;border-color:#f8717142}.visual-device-card em,.visual-device-card small{min-width:0;overflow:hidden;color:#93c5fd;font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.visual-device-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.visual-device-card-metrics b{min-width:0;overflow:hidden;padding:5px;color:#67e8f9;font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#0ea5e91a;border:1px solid rgb(56 189 248 / 14%);border-radius:4px}.visual-right{grid-template-rows:200px 164px 104px minmax(0,1fr)}.visual-line-chart{width:100%;height:154px;overflow:visible}.visual-line-chart text{fill:#7dd3fc;font-size:10px}.visual-chart-grid line{stroke:#7dd3fc24;stroke-dasharray:3 4}.visual-chart-line{fill:none;stroke:#22d3ee;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;filter:drop-shadow(0 0 7px rgb(34 211 238 / 70%))}.visual-chart-line.muted{stroke:#94a3b8;stroke-dasharray:7 6;stroke-width:2;opacity:.72;filter:none}.visual-line-chart circle{fill:#22d3ee;stroke:#05263c;stroke-width:2}.visual-segment{display:flex;gap:4px}.visual-segment button{width:30px;height:24px;padding:0}.visual-alert-row{position:relative;display:grid;gap:4px;width:100%;padding:9px 78px 9px 12px;color:#dbeafe;text-align:left;background:#0f172a8a;border:1px solid rgb(56 189 248 / 18%);border-radius:5px}.visual-alert-row:before{position:absolute;top:15px;left:8px;width:7px;height:7px;content:"";background:#ef4444;border-radius:50%;box-shadow:0 0 10px #ef4444}.visual-alert-row span,.visual-alert-row small{padding-left:12px}.visual-alert-row b{position:absolute;top:18px;right:12px;padding:3px 8px;color:#fecaca;font-size:12px;background:#7f1d1d6b;border:1px solid rgb(248 113 113 / 28%);border-radius:4px}.visual-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.visual-work-grid button{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;min-width:0;height:44px;padding:0 10px;color:#dbeafe;background:#0f172a8f;border:1px solid rgb(56 189 248 / 18%);border-radius:5px}.visual-work-grid strong{color:#67e8f9;font-size:22px}.visual-work-grid span{font-size:12px;white-space:nowrap}.visual-work-grid .red{border-color:#ef444466}.visual-work-grid .amber{border-color:#f59e0b6b}.visual-work-grid .green{border-color:#22c55e6b}.visual-device-panel{overflow:hidden}.visual-device-main{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;align-items:center}.visual-unit-asset{display:block;height:72px;background:linear-gradient(160deg,transparent 52%,rgb(14 165 233 / 16%) 53%),linear-gradient(180deg,#dbeafe,#64748b 58%,#334155);border:1px solid rgb(226 232 240 / 30%);border-radius:6px;box-shadow:inset 0 5px 18px #ffffff57,0 0 18px #7dd3fc2e;clip-path:polygon(8% 12%,88% 6%,96% 22%,92% 78%,12% 88%,4% 70%)}.visual-detail div{grid-template-columns:66px minmax(0,1fr)}.visual-device-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:8px;border-top:1px solid rgb(56 189 248 / 18%)}.visual-device-metrics span{display:grid;gap:2px;color:#93c5fd;font-size:12px}.visual-device-metrics b{color:#67e8f9}.visual-bottom-grid{display:grid;grid-column:1 / 4;grid-template-columns:1.1fr 1fr .78fr 1fr;gap:12px;min-width:0;min-height:0}.visual-bottom-card{min-height:0}.visual-interface-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.visual-interface-grid button{display:grid;gap:3px;place-items:center;min-width:0;height:70px;color:#bbf7d0;background:#14532d33;border:1px solid rgb(34 197 94 / 34%);border-radius:5px}.visual-interface-grid span{font-size:12px}.visual-interface-grid strong{color:#4ade80}.visual-saving-grid,.visual-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.visual-saving-grid span,.visual-model-grid span{display:grid;gap:3px;min-width:0;padding:10px;background:#0f172a7a;border:1px solid rgb(56 189 248 / 16%);border-radius:5px}.visual-saving-grid b,.visual-model-grid b{color:#67e8f9;font-size:20px}.visual-saving-grid small,.visual-model-grid small{color:#93c5fd}.visual-message-list{display:grid;gap:7px;color:#bfdbfe;font-size:12px}.visual-message-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-message-list b{margin-right:9px;color:#93c5fd;font-weight:500}.top-screen-entry{height:34px;padding:0 12px;color:#fff;font-weight:700;background:linear-gradient(135deg,#2563eb,#0891b2);border:1px solid #93c5fd;border-radius:8px;box-shadow:0 8px 18px #2563eb2e}.top-screen-entry:hover{background:linear-gradient(135deg,#1d4ed8,#0e7490)}.sidebar-screen-entry{display:flex;align-items:center;justify-content:center;width:calc(100% - 12px);height:38px;margin:12px 6px 2px;color:#fff;font-weight:750;background:linear-gradient(135deg,#1d4ed8,#0891b2);border:1px solid #93c5fd;border-radius:8px;box-shadow:0 10px 22px #2563eb29}.sidebar-screen-entry:hover{background:linear-gradient(135deg,#1e40af,#0e7490)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.admin-shell{display:flex;flex-direction:row;min-height:100vh;background:#f8fafc}.admin-shell>.ant-layout{flex:1;min-width:0}.sidebar{flex:0 0 250px;width:250px;height:100vh;padding:16px 12px;overflow-y:auto;background:#fff;border-right:1px solid #dbe3ef}.brand{display:flex;gap:12px;align-items:center;padding:4px 6px 16px;border-bottom:1px solid #e2e8f0}.brand-mark{display:grid;width:42px;height:42px;color:#fff;font-weight:800;background:#1e40af;border-radius:8px;place-items:center}.brand strong,.brand span{display:block}.brand span{margin-top:2px;color:#64748b;font-size:12px}.nav-list{display:grid;gap:7px;margin-top:14px}.nav-group{display:grid;gap:5px}.nav-group-title,.sub-nav-item{display:flex;align-items:center;width:100%;min-height:34px;color:#334155;text-align:left;background:transparent;border:0;border-radius:8px;transition:background .18s ease,color .18s ease,border-color .18s ease}.nav-group-title{gap:9px;justify-content:flex-start;padding:8px 10px;font-weight:650}.nav-group-title .anticon{color:#64748b;font-size:15px}.nav-group-title small{min-width:22px;margin-left:auto;color:#64748b;font-size:12px;text-align:right}.sub-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-left:28px}.sub-nav-item{justify-content:center;min-height:30px;padding:5px 6px;color:#475569;font-size:12px;border:1px solid transparent}.nav-group-title:hover,.nav-group-title.active{color:#1e40af;background:#eff6ff}.nav-group-title:hover .anticon,.nav-group-title.active .anticon{color:#1e40af}.sub-nav-item:hover,.sub-nav-item.active{color:#1e40af;background:#fff;border-color:#bfdbfe;box-shadow:0 4px 12px #1e40af14}.topbar{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 24px;background:#fff;border-bottom:1px solid #dbe3ef}.topbar h1,.section-head h2{margin:0;letter-spacing:0}.topbar h1{font-size:20px;font-weight:750}.topbar p,.section-head p,.hint{margin:4px 0 0;color:#64748b;font-size:13px}.top-metrics{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.top-metrics span{padding:7px 10px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.top-metrics strong{color:#0f172a}.content{padding:20px 24px 30px}.section-head{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:22px;font-weight:760}.search{width:380px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-card{border:1px solid #dbe3ef;box-shadow:0 8px 22px #0f172a0d}.metric-card .ant-card-body{display:grid;gap:4px;padding:14px 15px}.metric-card span,.metric-card em{color:#64748b;font-size:12px;font-style:normal}.metric-card strong{color:#0f172a;font-size:29px;line-height:1.05;letter-spacing:0}.metric-card strong small{margin-left:4px;color:#64748b;font-size:13px;font-weight:500}.metric-card.blue strong{color:#1e40af}.metric-card.green strong{color:#059669}.metric-card.cyan strong{color:#0891b2}.metric-card.orange strong{color:#d97706}.metric-card.red strong{color:#dc2626}.page-body{display:grid;gap:14px}.dashboard-grid,.workflow-grid,.split-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.82fr);gap:14px;align-items:start}.split-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel,.table-panel .ant-card{border:1px solid #dbe3ef;box-shadow:0 10px 24px #0f172a0d}.panel .ant-card-head{min-height:42px;padding:0 15px}.panel .ant-card-head-title{padding:11px 0;font-weight:720}.panel .ant-card-body{padding:15px}.wide{min-width:0}.toolbar-panel{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-height:48px;padding:10px 12px;background:#fff;border:1px solid #dbe3ef;border-radius:8px}.toolbar-note{color:#64748b;font-size:13px}.floor-map,.config-map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.floor-map.dense{grid-template-columns:repeat(6,minmax(0,1fr))}.floor-map button,.config-map button{display:grid;gap:3px;min-height:54px;padding:8px;color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.config-map button{min-height:86px;text-align:left}.floor-map button span,.config-map button span,.config-map button em{color:#64748b;font-size:12px;font-style:normal}.floor-map button.warn,.config-map button.warn{color:#b45309;background:#fffbeb;border-color:#fcd34d}.floor-map button.selected,.config-map button.active{color:#fff;background:#1e40af;border-color:#1e40af}.floor-map button.selected span,.config-map button.active span,.config-map button.active em{color:#dbeafe}.summary-line{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:#475569}.mini-bars,.line-chart{display:flex;gap:13px;align-items:flex-end;height:170px;margin-top:10px;padding:10px 6px 26px;border-bottom:1px solid #e2e8f0}.line-chart{height:260px}.mini-bars span,.line-chart span{position:relative;flex:1;min-width:26px;background:linear-gradient(180deg,#1e40af,#60a5fa);border-radius:8px 8px 0 0}.mini-bars i,.line-chart i{position:absolute;right:0;bottom:-22px;left:0;color:#64748b;font-size:12px;font-style:normal;text-align:center}.alarm-list,.compact-list,.floor-tree,.diagnosis-list{display:grid;gap:10px}.alarm-list button,.compact-list button,.floor-tree button,.archive-grid button,.maintenance-grid button,.benchmark-grid button,.strategy-card,.role-grid button{display:grid;gap:4px;width:100%;padding:11px 12px;color:#0f172a;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.alarm-list button{background:#fff7ed;border-color:#fed7aa}.compact-list button:hover,.floor-tree button:hover,.archive-grid button:hover,.maintenance-grid button:hover,.benchmark-grid button:hover,.strategy-card:hover,.role-grid button:hover{border-color:#93c5fd;box-shadow:0 8px 20px #1e40af14}.compact-list span,.compact-list small,.alarm-list small,.strategy-card span,.strategy-card small,.maintenance-grid span,.maintenance-grid small,.archive-grid span,.archive-grid small,.benchmark-grid span,.benchmark-grid small,.role-grid span,.role-grid small{color:#64748b;font-size:12px}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.status-grid button{display:grid;gap:2px;padding:12px;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.status-grid strong{color:#1e40af;font-size:24px}.status-grid span{color:#64748b;font-size:12px}.data-table{display:grid;min-width:0;overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.table-head,.table-row{display:grid;gap:10px;align-items:center;min-width:760px;padding:9px 11px;font-size:13px}.table-head{color:#475569;font-weight:720;background:#f8fafc;border-bottom:1px solid #e2e8f0}.table-row{background:#fff;border-bottom:1px solid #edf2f7}.table-row:last-child{border-bottom:0}.table-row:hover{background:#f8fbff}.table-head span,.table-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-head.five,.table-row.five{grid-template-columns:1fr 1fr 1fr 90px 110px}.table-head.six,.table-row.six{grid-template-columns:1.1fr 1.1fr 1fr 1fr 1fr 116px}.table-head.seven,.table-row.seven{grid-template-columns:1.1fr 1fr 1.2fr 1fr 1fr 90px 130px}.control-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.control-form label{display:grid;gap:6px;color:#475569;font-size:13px}.button-row,.drawer-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.drawer-actions{justify-content:flex-end;margin-top:18px}.result-text{margin:12px 0 0;padding:10px 12px;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px}.archive-grid,.maintenance-grid,.benchmark-grid,.strategy-grid,.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.benchmark-grid,.strategy-grid,.role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.calendar-grid div{display:grid;gap:5px;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.calendar-grid .muted{opacity:.48}.calendar-grid span,.calendar-grid small{color:#64748b}.ranking-list{display:grid;gap:10px}.ranking-list button{display:grid;grid-template-columns:180px minmax(0,1fr) 180px;gap:12px;align-items:center;width:100%;padding:12px;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.ranking-list div{height:9px;overflow:hidden;background:#e2e8f0;border-radius:999px}.ranking-list i{display:block;height:100%;background:#059669}.ai-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.ai-flow span{padding:16px 12px;color:#1e40af;text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.ai-flow small{color:#475569}.diagnosis-list div{display:grid;grid-template-columns:82px 1fr 220px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e2e8f0}.interface-call{display:grid;gap:10px;margin-bottom:14px}.interface-call span{color:#475569}.interface-call code{display:block;padding:10px 12px;color:#0f172a;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.floor-tree button.active,.role-grid button.active{color:#1e40af;background:#eff6ff;border-color:#93c5fd}@media (max-width: 1320px){.topbar{align-items:flex-start;height:auto;min-height:72px;padding:14px 20px}.top-metrics{max-width:520px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-grid,.maintenance-grid,.benchmark-grid,.strategy-grid,.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}