:root{font-family:Inter,Noto Sans SC,system-ui,sans-serif;color:#13231d;background:#edf2ef;font-synthesis:none;--green: #008f68;--green-dark: #006d50;--cyan: #168da3;--ink: #091612;--line: #d8e3dd;--muted: #60736a;--surface: #f9fcfa;--surface-glass: #ffffffcf;--glow: #00c990;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#edf2ef}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}svg{width:20px;height:20px}h1,h2,h3,p{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr;background:#edf2ef}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden;color:#e8f5ef;background:radial-gradient(circle at 50% -5%,#143c30,transparent 36%),linear-gradient(180deg,#091b16,#07130f);padding:22px 14px;border-right:1px solid #77a89324;box-shadow:12px 0 40px #07130f1c;z-index:20}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.24;background-image:linear-gradient(#8ed2b316 1px,transparent 1px),linear-gradient(90deg,#8ed2b316 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}.brand{position:relative;padding:0 3px 20px;border-bottom:1px solid #a5d4c21c}.brand-image img{width:100%;display:block;opacity:.96;filter:brightness(0) invert(1)}.sidebar .main-menu{position:relative;margin-top:22px;color:#a9c4b8;border:0;background:transparent}.sidebar .main-menu .ant-menu-item{width:100%;height:44px;margin-inline:0;color:#a9c4b8;border:1px solid transparent;border-radius:8px}.sidebar .main-menu .ant-menu-item:hover{color:#fff;background:#a4e6ca0b}.sidebar .main-menu .ant-menu-item-selected{color:#dfffee;border-color:#46c39426;background:linear-gradient(90deg,#16a8732b,#16a8730a);box-shadow:inset 2px 0 #25d296,0 0 22px #00bd7d0b}.sidebar .main-menu svg{width:18px}.sidebar-foot{position:absolute;bottom:22px;left:20px;right:20px;display:flex;align-items:center;gap:10px;padding:12px;color:#8aa99b;border:1px solid #77aa941d;border-radius:10px;background:#dff8eb08;font-size:9px}.sidebar-foot strong,.sidebar-foot span{display:block}.sidebar-foot strong{margin-bottom:2px;color:#cce8db;font-size:10px;font-weight:600}.system-signal{width:24px;height:24px;display:grid!important;place-items:center;flex:none;border:1px solid #31bc884f;border-radius:50%;background:#20a87516}.system-signal i{width:7px;height:7px;border-radius:50%;background:#2bd899;box-shadow:0 0 10px #2bd899;animation:system-pulse 2.4s var(--ease-out) infinite}.mobile-close,.menu-button,.scrim{display:none}main{position:relative;min-width:0;background-color:#edf2ef;background-image:linear-gradient(#5d75680b 1px,transparent 1px),linear-gradient(90deg,#5d75680b 1px,transparent 1px),radial-gradient(circle at 85% 0,#8bcbb422,transparent 34%);background-size:32px 32px,32px 32px,auto}.topbar{height:82px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:0 30px;border-bottom:1px solid #cfded6;background:#f8fbf9e8;box-shadow:0 6px 24px #163a2b0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;opacity:.65;background:linear-gradient(90deg,transparent,#00a978 28%,#2ca4b5 58%,transparent 86%)}.page-heading>span{display:block;margin-bottom:2px;color:#34816a;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px;font-weight:700;letter-spacing:1.4px}.topbar h1{font-size:18px;font-weight:650;letter-spacing:.02em}.topbar p{margin-top:2px;color:var(--muted);font-size:10px}.site-picker{margin-left:auto;display:flex;align-items:center;gap:9px;color:#6c7f76;font-size:10px}.site-picker .ant-select{min-width:145px}.site-picker .ant-select-selector{background:#f6faf8!important;border-color:#c8d9d0!important}.account{display:flex;align-items:center;gap:9px;padding-left:20px;border-left:1px solid #cfddd6}.account .ant-avatar{color:#fff;font-weight:600;background:linear-gradient(135deg,#00a978,#177c89);box-shadow:0 0 0 3px #008f6812}.account strong,.account small{display:block}.account strong{font-size:12px}.account small{color:var(--muted);font-size:10px}.account button,.icon-button{display:grid;place-items:center;padding:7px;color:var(--muted);border:0;background:transparent;border-radius:7px}.account button:hover,.icon-button:hover{color:#b34040;background:#fff0f0}.content{position:relative;padding:28px 30px 64px}.page-stack{display:grid;gap:20px;max-width:1600px;margin:0 auto}.section-title,.toolbar,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-title:before{content:"LIVE OPERATIONS";position:absolute;left:0;top:-5px;color:#43846f;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px;font-weight:700;letter-spacing:1.6px}.section-title{position:relative;padding-top:8px}.section-title h2{font-size:21px;font-weight:650}.section-title p,.panel-head p{margin-top:4px;color:var(--muted);font-size:11px}.panel-head h3{font-size:14px;font-weight:650}.toolbar{justify-content:flex-end}.toolbar .search{margin-right:auto}button.primary,button.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:8px 14px;border-radius:8px;transition:transform .16s var(--ease-out),border-color .16s ease,background-color .16s ease,box-shadow .16s ease}button.primary{color:#fff;border:1px solid #008962;background:linear-gradient(135deg,#00a978,#087d74);box-shadow:0 6px 16px #008f6824}button.primary:hover{background:linear-gradient(135deg,#00b884,#087a72);box-shadow:0 8px 20px #008f6833}button.secondary{color:#35584a;border:1px solid #c8d8d0;background:#fbfdfccf}button.secondary:hover{border-color:#76ad97;background:#f4faf7}button.primary:active,button.secondary:active{transform:scale(.97)}button svg{width:16px;height:16px}.wide{width:100%}.danger-text{display:inline-flex;align-items:center;gap:4px;padding:6px 7px;color:#bb4646;border:0;background:transparent}.danger-text:hover{background:#fff0f0;border-radius:6px}select,input{height:38px;min-width:0;padding:0 11px;color:#193128;border:1px solid #cbdad2;border-radius:8px;background:#fbfdfc;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}select:focus,input:focus{border-color:#38a27c;background:#fff;box-shadow:0 0 0 3px #009b7017}.search{min-width:260px;position:relative;display:inline-flex;align-items:center}.search svg{position:absolute;left:11px;width:16px;color:#82948c}.search input{width:100%;padding-left:34px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kpi-grid.compact{grid-template-columns:repeat(3,minmax(180px,280px))}.kpi{position:relative;min-height:122px;overflow:hidden;background:linear-gradient(145deg,#ffffffed,#f5faf7ed);border:1px solid #d4e1da;border-radius:14px;box-shadow:0 10px 28px #173d2e0c;transition:transform .2s var(--ease-out),border-color .2s ease,box-shadow .2s ease}.kpi:after{content:"";position:absolute;top:0;right:0;width:70px;height:70px;opacity:.22;background:linear-gradient(135deg,transparent 49%,currentColor 50% 51%,transparent 52%),linear-gradient(45deg,transparent 49%,currentColor 50% 51%,transparent 52%);background-size:14px 14px}.kpi.green{color:#b8f8dc;background:radial-gradient(circle at 90% 20%,#1d8f6f55,transparent 34%),linear-gradient(145deg,#102820,#0a1914);border-color:#36a87e4d;box-shadow:0 14px 34px #0d302328}.kpi.green .ant-statistic-title,.kpi.green small{color:#91b6a5}.kpi.green .ant-statistic-content{color:#fff}.kpi.green .ant-statistic-content-suffix{color:#9ed3bb}.kpi .ant-card-body{padding:20px}.kpi-body{display:flex;align-items:center;gap:15px}.kpi .ant-statistic-title{margin-bottom:3px;color:var(--muted);font-size:11px}.kpi .ant-statistic-content{font-size:25px;font-weight:600}.kpi .ant-statistic-content-suffix{margin-left:4px;color:#53675e;font-size:12px;font-weight:400}.kpi-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid currentColor;border-radius:11px}.kpi-icon.green{color:#72dfb4;background:#23a8791c;box-shadow:0 0 18px #24c88f24}.kpi-icon.blue{color:#258aa2;background:#e6f5f7}.kpi-icon.red{color:#c65353;background:#fdecec}.kpi-icon.amber{color:#bd7b20;background:#fff3dd}.kpi-icon.purple{color:#6b62a9;background:#f0eef9}.kpi p{color:var(--muted);font-size:12px}.kpi strong{display:block;margin-top:5px;font-size:25px;font-weight:600}.kpi strong em{margin-left:4px;color:#53675e;font-size:12px;font-style:normal;font-weight:400}.kpi small{color:#87968f;font-size:10px}.panel{position:relative;padding:20px;overflow:hidden;background:linear-gradient(145deg,#fffffff2,#f7fbf9ed);border:1px solid #d5e2db;border-radius:13px;box-shadow:0 10px 30px #173d2e0a}.panel:before{content:"";position:absolute;left:20px;top:0;width:54px;height:2px;background:linear-gradient(90deg,#00a978,#20a1b2);box-shadow:0 0 12px #00a9785c}.panel-head{margin-bottom:17px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{position:relative;padding:16px;overflow:hidden;border:1px solid #dae5df;border-radius:10px;background-color:#f7fbf9;background-image:linear-gradient(#4b71600a 1px,transparent 1px),linear-gradient(90deg,#4b71600a 1px,transparent 1px);background-size:16px 16px}.metric:after{content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;background:linear-gradient(#18a578,#2293a5)}.metric div span,.metric div small{display:block}.metric div span{font-size:12px;font-weight:600}.metric div small{margin-top:2px;color:#92a098;font-size:9px}.metric strong{display:block;margin:14px 0 8px;color:#076b50;font-family:ui-monospace,SFMono-Regular,monospace;font-size:24px}.metric strong em{font-family:Inter,sans-serif;font-size:10px;font-style:normal;font-weight:400}.metric time{color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px}.facility-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px 18px;color:#cde3d8;border:1px solid #386f5842;border-radius:12px;background:linear-gradient(110deg,#0d241b,#123228);box-shadow:0 12px 28px #102d2217}.facility-overview span{padding-left:13px;border-left:2px solid #3bb88a}.facility-overview small,.facility-overview strong{display:block}.facility-overview small{color:#87a99a;font-size:10px}.facility-overview strong{margin-top:4px;color:#fff;font-size:17px}.facility-overview .needs-attention{border-color:#e1a64c}.facility-overview .needs-attention strong{color:#f1c77f}.facility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.facility-card{position:relative;padding:18px;overflow:hidden;background:linear-gradient(145deg,#ffffffed,#f6faf8ed);border:1px solid #d5e2db;border-radius:12px;box-shadow:0 8px 24px #173d2e0a;transition:transform .2s var(--ease-out),border-color .2s ease,box-shadow .2s ease}.facility-card:after{content:"";position:absolute;right:-26px;top:-26px;width:82px;height:82px;border:1px solid #169b7138;border-radius:50%;box-shadow:0 0 0 12px #169b7108,0 0 0 24px #169b7105}.facility-card header{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.facility-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--green);border:1px solid #159b7038;background:linear-gradient(145deg,#e8f8f0,#dff1e9);border-radius:9px;box-shadow:0 5px 14px #008f6812}.facility-card header h3{font-size:14px}.facility-card header p{margin-top:3px;color:var(--muted);font-size:10px}.facility-card header .ant-tag{margin-left:auto}.facility-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.facility-details span{color:var(--muted);font-size:10px}.facility-details strong{display:block;margin-top:3px;color:#263b33;font-size:12px}.zones{min-height:74px;padding:11px;border:1px solid #dce8e2;border-radius:8px;background:#edf5f140}.zones>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:10px}.zones>div:first-child button{display:flex;align-items:center;gap:3px;padding:2px;color:var(--green);border:0;background:transparent;font-size:10px}.zones small{display:block;margin-top:10px;color:var(--muted);font-size:10px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.chips>span{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;color:#325c4c;background:#fafffc;border:1px solid #cfe1d8;border-radius:99px;font-size:10px}.chips>span small{min-width:16px;margin:0;padding:1px 4px;color:#3b705c;border-radius:99px;background:#e1f0e9;font-size:8px;text-align:center}.chips button{display:grid;padding:0;border:0;color:#9b706b;background:transparent}.chips svg{width:11px;height:11px}.facility-card footer{display:flex;align-items:center;gap:6px;margin-top:15px}.facility-card footer .danger-text{margin-left:auto}.status,.alarm-status,.result-status{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:10px;white-space:nowrap}.status.active,.result-status.succeeded{color:#177551;background:#e6f5ed}.status.disabled,.result-status.cancelled{color:#6d7a74;background:#edf0ee}.online,.offline{display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.online{color:#18805a}.offline{color:#8b9691}.online i,.offline i{width:6px;height:6px;border-radius:50%;background:currentColor}.form-panel{border-left:3px solid #129b70;background:linear-gradient(120deg,#f6fcf8f5,#ffffffed)}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.field{display:grid;gap:6px}.field>span{color:#4f685d;font-size:10px;font-weight:550}.field.wide{grid-column:span 2}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px}.check{align-self:end;height:38px;display:flex;align-items:center;gap:7px;color:#52665d;font-size:12px}.check input{width:16px;height:16px}.binding-form{display:grid;grid-template-columns:1.2fr 1fr 1.5fr 1fr 1fr auto;gap:8px;margin-bottom:18px}.facility-drawer{display:grid;gap:22px}.drawer-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;border:1px solid #d8e5de;border-radius:10px;background:#f5faf7}.drawer-summary small,.drawer-summary strong{display:block}.drawer-summary small{color:var(--muted);font-size:10px}.drawer-summary strong{margin-top:4px;color:#243d33;font-size:12px}.facility-description{padding:12px 14px;color:#52685e;border-left:3px solid #24a77a;background:#f6faf8;font-size:12px;line-height:1.7}.drawer-section{display:grid}.drawer-section+.drawer-section{padding-top:21px;border-top:1px solid #dce7e1}.zone-list{display:grid;gap:7px}.zone-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #dce7e1;border-radius:9px;background:#fbfdfc}.zone-list article strong,.zone-list article small{display:block}.zone-list article strong{font-size:12px}.zone-list article small{margin-top:3px;color:var(--muted);font-size:10px}.zone-list article>span{display:flex;align-items:center;gap:4px}.table-sub{display:block;margin-top:3px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;font-weight:400}.modal-form{display:grid;gap:15px;padding-top:5px}.modal-form .form-actions{margin-top:4px}.binding-modal{grid-template-columns:1fr 1fr}.binding-modal .association-note,.binding-modal .form-actions{grid-column:1 / -1}.field-hint{color:var(--muted);font-size:9px;line-height:1.5}.association-note{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;color:#52685e;border:1px solid #d4e4dc;border-radius:8px;background:#f5faf7}.association-note svg{width:16px;flex:none;color:#b17a25}.association-note strong,.association-note small{display:block}.association-note strong{font-size:11px}.association-note small{margin-top:3px;font-size:9px}.table-wrap{overflow-x:auto;border:1px solid #dce6e1;border-radius:9px;background:#ffffffa3}table{width:100%;border-collapse:collapse;font-size:10px}th{padding:11px 10px;color:#587268;border-bottom:1px solid #cfddd6;background:#edf5f1;text-align:left;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;font-weight:700;letter-spacing:.05em;white-space:nowrap}td{padding:12px 10px;border-bottom:1px solid #e3ebe7;color:#2b443a}tbody tr{transition:background-color .16s ease}.mono{color:#12745a;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px}.actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.filter-panel{padding:17px 20px;background:linear-gradient(100deg,#f3faf6ed,#ffffffed)}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;gap:10px;align-items:end}.filter-action{margin-bottom:0}.comprehensive-panel{background:radial-gradient(circle at 100% 0,#159b7120,transparent 28%),linear-gradient(145deg,#fffffff2,#f4faf7ed)}.metric-count{padding:5px 9px;color:#167657;border:1px solid #8bc4ad;border-radius:99px;background:#edf8f3;font-size:10px}.comprehensive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-summary{min-width:0;padding:15px;color:#233d33;text-align:left;border:1px solid #d5e4dd;border-radius:11px;background:#fbfdfccf;box-shadow:0 7px 20px #183d2f0a;transition:border-color .16s ease,box-shadow .16s ease,transform .16s var(--ease-out)}.metric-summary:hover,.metric-summary.active{border-color:#35a47c;box-shadow:0 9px 24px #15835f1a,inset 0 0 0 1px #35a47c30}.metric-summary:active{transform:scale(.98)}.metric-summary header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.metric-summary header strong,.metric-summary header small{display:block}.metric-summary header strong{font-size:12px}.metric-summary header small{margin-top:2px;color:#8b9d95;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px}.metric-summary header em{padding:3px 6px;border-radius:99px;font-size:8px;font-style:normal;white-space:nowrap}.metric-summary header em.fresh{color:#117550;background:#e3f5ec}.metric-summary header em.delayed{color:#936313;background:#fff1d7}.metric-summary header em.stale{color:#69766f;background:#edf0ee}.metric-reading{display:flex;align-items:baseline;gap:5px;margin:14px 0 3px;color:#076b50}.metric-reading strong{font-family:ui-monospace,SFMono-Regular,monospace;font-size:25px}.metric-reading span{color:#60736a;font-size:10px}.metric-summary time{color:#788b82;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px}.metric-summary dl{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:13px 0 0;overflow:hidden;border:1px solid #dfebe5;border-radius:7px;background:#dfebe5}.metric-summary dl div{min-width:0;padding:7px 5px;background:#f5faf7}.metric-summary dt{color:#82938b;font-size:8px}.metric-summary dd{margin:3px 0 0;overflow:hidden;color:#26443a;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;text-overflow:ellipsis}.chart{padding:8px 5px 0}.chart svg{width:100%;height:auto;overflow:visible}.chart line{stroke:#8fa69b;stroke-width:1}.chart .grid-line{stroke:#dce7e2;stroke-dasharray:4 7}.chart polyline{fill:none;stroke:#009f75;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 4px #008f6840)}.chart text{fill:#688077;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.chart-axis{display:flex;justify-content:space-between;padding-left:42px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px}.twin-page{color:#243e34}.twin-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid #d4e4dc;border-radius:14px;background:radial-gradient(circle at 82% 0,#93e1c537,transparent 30%),linear-gradient(135deg,#fff,#f3faf6);box-shadow:0 12px 32px #153c2c0d}.twin-toolbar>div:first-child>span{color:#168665;font:700 8px ui-monospace,SFMono-Regular,monospace;letter-spacing:2px}.twin-toolbar h2{margin-top:5px;color:#18382c;font-size:22px}.twin-toolbar p{margin-top:5px;color:#71877e;font-size:11px}.twin-toolbar>div:last-child{display:flex;gap:8px}.twin-toolbar select{min-width:200px;background:#fff}.twin-toolbar button.secondary{color:#28634e;border-color:#b8d7ca;background:#f8fcfa}.twin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.twin-stats>span{position:relative;padding:15px 17px;overflow:hidden;border:1px solid #d7e6df;border-radius:11px;background:linear-gradient(145deg,#fff,#f4faf7);box-shadow:0 8px 24px #173d2e0a}.twin-stats>span:after{content:"";position:absolute;right:-18px;top:-18px;width:62px;height:62px;border:1px solid #35aa7c30;border-radius:50%;box-shadow:0 0 0 10px #28a67608}.twin-stats small,.twin-stats strong,.twin-stats em{display:block}.twin-stats small{color:#6d8279;font-size:9px}.twin-stats strong{margin-top:5px;color:#17664d;font:650 20px ui-monospace,SFMono-Regular,monospace}.twin-stats em{margin-top:2px;color:#899990;font-size:8px;font-style:normal}.twin-console{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:690px;overflow:hidden;border:1px solid #d4e4dc;border-radius:15px;background:#fff;box-shadow:0 16px 42px #153c2c14}.twin-stage{position:relative;min-width:0;min-height:690px;padding:21px;overflow:hidden;background:radial-gradient(circle at 78% 20%,#fff4c8b8,transparent 24%),radial-gradient(circle at 48% 54%,#bcebd866,transparent 40%),linear-gradient(165deg,#fbfefc,#eaf7f0)}.twin-gridlines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:linear-gradient(#398e6d0b 1px,transparent 1px),linear-gradient(90deg,#398e6d0b 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 94%);mask-image:linear-gradient(to bottom,#000,transparent 94%)}.twin-stage>header{position:relative;z-index:6;display:flex;justify-content:space-between;color:#527b6b;font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px}.twin-stage>header span{display:flex;align-items:center;gap:7px}.twin-stage>header i{width:6px;height:6px;border-radius:50%;background:#22ac7b;box-shadow:0 0 9px #22ac7b;animation:twin-node-pulse 2s var(--ease-in-out) infinite}.twin-stage>header em{color:#7f978d;font-style:normal}.twin-illustration{position:absolute;z-index:2;left:5%;bottom:76px;width:91%;height:auto;overflow:visible;filter:drop-shadow(0 18px 18px #447b641f)}.twin-shadow{fill:#5e8a7520}.twin-ground{fill:url(#twinGround);stroke:#6caf9255;stroke-width:2}.twin-beds polygon{fill:#6ba866;stroke:#4d8555;stroke-width:2}.twin-beds polygon:nth-child(2n){fill:#78b672}.twin-crop-rows{fill:none;stroke:#d2edbd;stroke-width:8;stroke-linecap:round}.twin-water-lines{fill:#319eb0;stroke:#319eb0;stroke-width:3;stroke-linecap:round}.twin-glass polygon{fill:url(#twinGlass);stroke:#46a78173;stroke-width:2}.twin-frame{fill:none;stroke:#438a6e9c;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.twin-fan>circle:first-child{fill:#f0faf6d9;stroke:#408b6e;stroke-width:2}.twin-fan>circle:last-child{fill:#32775d}.twin-fan>g{fill:#4f9679;transform-box:fill-box;transform-origin:center;animation:fan-turn 9s linear infinite}.twin-sun circle:first-child{fill:#f7c94e}.twin-sun circle:last-child{fill:none;stroke:#f1c85580;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:sun-breathe 6s var(--ease-in-out) infinite}.twin-links{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.twin-links line{stroke:#43a98479;stroke-width:.16;stroke-dasharray:1 1.2;vector-effect:non-scaling-stroke}.twin-links line.offline{stroke:#a4b1ab78}.twin-device-map{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;pointer-events:none}.scene-device{position:absolute;width:38px;height:38px;display:grid;place-items:center;padding:0;color:#148360;border:2px solid white;border-radius:11px;background:#e9f8f1;box-shadow:0 5px 15px #176d4e35,0 0 0 1px #2fa37847;transform:translate(-50%,-50%);transition:transform .18s var(--ease-out),box-shadow .18s ease,background-color .18s ease;pointer-events:auto}.scene-device svg{width:17px}.scene-device.offline{color:#829088;background:#eef1ef;box-shadow:0 4px 12px #415b4f20,0 0 0 1px #8d9a9447}.scene-device.active{color:#fff;background:#15966d;box-shadow:0 7px 20px #15805d48,0 0 0 5px #28a87b22}.scene-device:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;opacity:0;border:1px solid #23a579;border-radius:15px}.scene-device.active:after{animation:twin-selected 2.4s var(--ease-out) infinite}.scene-device label{position:absolute;left:50%;top:calc(100% + 6px);max-width:108px;overflow:hidden;padding:3px 6px;color:#355d4e;border:1px solid #cfe1d9;border-radius:5px;background:#fffffff2;box-shadow:0 4px 10px #315b4a12;font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%);pointer-events:none}.scene-device.active label{color:#0b7654;border-color:#82c4aa}.twin-floating-metrics{position:absolute;z-index:6;left:22px;top:58px;display:grid;gap:8px}.twin-floating-metrics article{min-width:120px;padding:10px 11px;border:1px solid #cfe2d9;border-radius:9px;background:#fffffff0;box-shadow:0 8px 20px #28544312;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.twin-floating-metrics span,.twin-floating-metrics strong,.twin-floating-metrics small{display:block}.twin-floating-metrics span{color:#668077;font-size:8px}.twin-floating-metrics strong{margin-top:3px;color:#17684f;font:650 16px ui-monospace,SFMono-Regular,monospace}.twin-floating-metrics strong em{color:#71887e;font-size:8px;font-style:normal}.twin-floating-metrics small{margin-top:3px;color:#74877f;font-size:7px}.twin-floating-metrics small.fresh{color:#15906a}.twin-floating-metrics small.delayed{color:#aa721f}.twin-airflow{position:absolute;z-index:4;right:8%;top:22%;display:grid;gap:9px;transform:rotate(-13deg)}.twin-airflow i{width:100px;height:2px;opacity:0;border-radius:99px;background:linear-gradient(90deg,transparent,#42b9b4);animation:twin-air 3s linear infinite}.twin-airflow i:nth-child(2){animation-delay:.7s}.twin-airflow i:nth-child(3){animation-delay:1.4s}.twin-zone-strip{position:absolute;z-index:6;left:20px;right:20px;bottom:16px;display:flex;align-items:center;gap:7px;overflow-x:auto;padding:9px 11px;border:1px solid #d5e5de;border-radius:9px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.twin-zone-strip>span{margin-right:4px;color:#6c8178;font-size:8px;white-space:nowrap}.twin-zone-strip em{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;color:#30654f;border-radius:99px;background:#edf7f2;font-size:8px;font-style:normal;white-space:nowrap}.twin-zone-strip em small{min-width:17px;padding:1px 4px;color:#177554;border-radius:99px;background:#fff;text-align:center}.twin-side{display:grid;align-content:start;overflow-y:auto;border-left:1px solid #d7e6df;background:linear-gradient(180deg,#fbfdfc,#f3f9f6)}.twin-side>section{padding:18px}.twin-side>section+section{border-top:1px solid #dfeae5}.twin-side-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.twin-side-head>span{color:#29483c;font-size:12px;font-weight:650}.twin-side-head>small{color:#7a8e85;font-size:8px}.twin-object-title{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #d1e4db;border-radius:10px;background:#fff;box-shadow:0 6px 18px #173d2e0a}.twin-object-title>span{width:38px;height:38px;display:grid;place-items:center;color:#168663;border-radius:9px;background:#e6f6ee}.twin-object-title svg{width:18px}.twin-object-title strong,.twin-object-title small{display:block}.twin-object-title strong{color:#244a3a;font-size:11px}.twin-object-title small{margin-top:3px;color:#7a8d85;font:8px ui-monospace,SFMono-Regular,monospace}.twin-object-title b{padding:4px 7px;border-radius:99px;font-size:8px}.twin-object-title b.online{color:#147554;background:#e5f5ed}.twin-object-title b.offline{color:#737f79;background:#edf0ee}.twin-object dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:9px;overflow:hidden;border:1px solid #dce9e3;border-radius:8px;background:#dce9e3}.twin-object dl div{min-width:0;padding:9px;background:#f9fcfa}.twin-object dt{color:#809088;font-size:8px}.twin-object dd{margin:3px 0 0;overflow:hidden;color:#315244;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.twin-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.twin-metrics article{padding:10px;border:1px solid #d7e6df;border-radius:8px;background:#fff;box-shadow:0 4px 13px #173d2e08}.twin-metrics article>span strong,.twin-metrics article>span small{display:block}.twin-metrics article>span strong{color:#416257;font-size:9px}.twin-metrics article>span small{margin-top:2px;color:#899991;font-size:7px}.twin-metrics b{display:block;margin-top:8px;color:#137455;font:650 16px ui-monospace,SFMono-Regular,monospace}.twin-metrics b em{color:#7c9087;font-size:8px;font-style:normal}.twin-metrics article>i{height:3px;display:block;margin-top:8px;overflow:hidden;border-radius:99px;background:#e1ece7}.twin-metrics article>i span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#28a87b,#3eb1b8)}.twin-metrics p,.twin-device-list>p,.twin-object>p{color:#71877e;font-size:9px}.twin-device-list{display:grid;gap:4px;max-height:230px;overflow-y:auto}.twin-device-list button{width:100%;display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;color:inherit;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;transition:border-color .16s ease,background-color .16s ease}.twin-device-list button.active{border-color:#b9ddce;background:#eaf7f1}.twin-device-list button>i{width:6px;height:6px;border-radius:50%}.twin-device-list button>i.online{background:#24a978;box-shadow:0 0 7px #24a978}.twin-device-list button>i.offline{background:#9aa59f}.twin-device-list strong,.twin-device-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twin-device-list strong{color:#38594c;font-size:9px}.twin-device-list small{margin-top:2px;color:#84958d;font:7px ui-monospace,SFMono-Regular,monospace}.twin-device-list em{color:#718a7f;font-size:8px;font-style:normal}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.control-card{position:relative;padding:18px;overflow:hidden;color:#dcebe4;border:1px solid #2d584648;border-radius:12px;background-color:#0c1c16;background-image:linear-gradient(#8fd2b40a 1px,transparent 1px),linear-gradient(90deg,#8fd2b40a 1px,transparent 1px),radial-gradient(circle at 95% 0,#198e6b38,transparent 35%);background-size:20px 20px,20px 20px,auto;box-shadow:0 12px 30px #07181226;transition:transform .2s var(--ease-out),border-color .2s ease,box-shadow .2s ease}.control-card:after{content:"CONTROL NODE";position:absolute;right:13px;bottom:9px;color:#7ab69b42;font-family:ui-monospace,SFMono-Regular,monospace;font-size:7px;letter-spacing:1.2px}.control-card header{display:flex;align-items:center;gap:11px}.device-symbol{width:38px;height:38px;display:grid;place-items:center;color:#65d4a6;border:1px solid #3fc28d42;background:#1c765624;border-radius:9px;box-shadow:0 0 18px #12a8761f}.control-card header h3{color:#fff;font-size:13px}.control-card header p{margin-top:3px;color:#8da99c;font-size:9px}.control-card header .ant-badge{margin-left:auto}.control-card .ant-badge-status-text{color:#b2c8be;font-size:10px}.control-card dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:17px 0;overflow:hidden;border:1px solid #6a948126;border-radius:7px;background:#70927f26}.control-card dl div{padding:9px;background:#e5f7ed08}.control-card dt{color:#789486;font-size:8px}.control-card dd{margin:4px 0 0;color:#d5e5de;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.control-card footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.control-card button.secondary{color:#c88f8f;border-color:#754d4d;background:#3f202030}.control-off{color:#d18a8a!important}.command-state{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;color:#9cb5aa;border:1px solid #648a7824;background:#e4f5ec08;border-radius:6px;font-size:9px}.command-state.error,.command-state.failed,.command-state.timed_out{color:#f1a2a2;background:#7b292924}.command-state.suppressed{color:#e4bd78;background:#75582024}.command-state.acknowledged,.command-state.sent{color:#7fdeb8;background:#1a80592b}.safety-note{display:flex;gap:12px;padding:14px 17px;color:#70521c;background:linear-gradient(90deg,#fff7e5,#fffaf0);border:1px solid #ead9ae;border-left:3px solid #d7962e;border-radius:9px}.safety-note h3,.safety-note strong{font-size:11px}.safety-note p{margin-top:4px;font-size:9px}.safety-note svg{flex:none;color:#c48926}.tabs{width:fit-content;display:flex;gap:4px;padding:4px;border:1px solid #d0dfd7;border-radius:9px;background:#f7faf8b8}.tabs button{padding:8px 15px;color:var(--muted);border:0;border-radius:6px;background:transparent;font-size:10px;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}.tabs button.active{color:#fff;background:linear-gradient(135deg,#00976d,#168695);box-shadow:0 5px 14px #008f6826;font-weight:600}.alarm-status.open{color:#b64040;background:#fdeaea}.alarm-status.acknowledged{color:#ad6e12;background:#fff2d9}.alarm-status.closed{color:#597068;background:#edf1ef}.alarm-value{color:#bd3d3d;font-weight:600}.result-status.planned{color:#536a98;background:#edf1fb}.result-status.running{color:#ae711a;background:#fff2dc}.result-status.failed{color:#b64040;background:#fdeaea}.ant-tag{border-radius:99px;font-size:9px}.ant-badge-status-text{font-size:10px}.ant-empty{min-height:190px;display:grid;place-items:center;align-content:center;color:#84958d}.ant-empty strong{color:#5d7168;font-size:12px}.ant-empty p{margin-top:5px;font-size:10px}.inline-error{width:100%}.state-panel,.full-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:12px;color:#73857c}.state-panel strong,.full-state strong{font-size:12px}.full-state{min-height:100vh;background-color:#edf2ef;background-image:linear-gradient(#5d75680b 1px,transparent 1px),linear-gradient(90deg,#5d75680b 1px,transparent 1px);background-size:32px 32px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-error{display:flex;align-items:center;gap:7px;padding:10px 12px;color:#a93e3e;background:#fff0f0;border:1px solid #f2cdcd;border-radius:7px;font-size:11px}.form-error svg{width:16px;flex:none}.form-error.inline{max-width:100%}.refresh-cluster{display:flex;align-items:center;gap:14px}.refresh-cluster>span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.refresh-cluster svg{width:14px}.overview-lead{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);gap:16px}.operations-hero{min-height:350px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,.95fr);align-content:space-between;gap:8px 20px;padding:27px;overflow:hidden;color:#dceee6;border:1px solid #348e6c4f;border-radius:15px;background-color:#0a1b15;background-image:linear-gradient(#89d7b20a 1px,transparent 1px),linear-gradient(90deg,#89d7b20a 1px,transparent 1px),radial-gradient(circle at 76% 35%,#1979584d,transparent 40%),linear-gradient(145deg,#102a21,#081611);background-size:24px 24px,24px 24px,auto,auto;box-shadow:0 18px 42px #102d2224}.hero-copy,.hero-visual,.hero-status,.hero-actions{position:relative;z-index:1}.hero-copy{align-self:center}.hero-copy>small{display:block;margin:22px 0 7px;color:#6cb296;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;letter-spacing:1.8px}.hero-copy h2{color:#fff;font-size:clamp(25px,2.5vw,36px);font-weight:620}.hero-copy p{display:flex;align-items:center;gap:6px;margin-top:8px;color:#87a99b;font-size:12px}.hero-copy p svg{width:14px}.hero-copy>strong{display:block;margin-top:23px;color:#bde8d5;font-size:13px;font-weight:550}.live-chip{width:fit-content;display:inline-flex;align-items:center;gap:7px;padding:6px 9px;color:#8ce0b9;border:1px solid #4ec59638;border-radius:99px;background:#38b98112;font-size:10px}.live-chip i{width:6px;height:6px;border-radius:50%;background:#3be39f;box-shadow:0 0 10px #3be39f;animation:system-pulse 2.4s var(--ease-out) infinite}.hero-visual{min-height:210px;display:grid;place-items:center}.hero-visual svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 18px 18px #0006)}.hero-ground,.hero-frame{fill:none;stroke:#73c3a1;stroke-width:1.4;opacity:.62}.hero-glass{fill:#8fd0b31a;stroke:#7ed1ad;stroke-width:1.8}.hero-side{fill:#3d806528;stroke:#6ab18f;stroke-width:1.5}.hero-crop{fill:none;stroke:#60b47e;stroke-width:9;stroke-linecap:round;opacity:.72}.hero-visual circle{fill:#5df0ad;filter:drop-shadow(0 0 7px #4affb4)}.hero-orbit{position:absolute;width:250px;aspect-ratio:1;border:1px dashed #72be9e2c;border-radius:50%;animation:hero-orbit 24s linear infinite}.hero-node{position:absolute;width:9px;height:9px;border:2px solid #4bd99f;border-radius:50%;background:#10281f;box-shadow:0 0 0 6px #41bd8b18;animation:sensor-pulse 2.4s var(--ease-out) infinite}.node-one{left:25%;top:48%}.node-two{right:25%;top:58%;animation-delay:-.9s}.hero-status{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid #8dc3ab21;border-radius:9px;background:#bce6d411}.hero-status>span{padding:11px 13px;background:#d8f2e608}.hero-status small{display:block;color:#7fa392;font-size:10px}.hero-status strong{display:block;margin-top:3px;color:#fff;font-family:ui-monospace,SFMono-Regular,monospace;font-size:17px}.hero-status em{color:#83aa98;font-size:10px;font-style:normal;font-weight:400}.hero-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hero-actions button{min-width:0;display:flex;align-items:center;gap:7px;padding:9px;color:#b5d1c4;border:1px solid #7ab29824;border-radius:8px;background:#d8f2e608;font-size:11px;text-align:left;transition:border-color .16s ease,background-color .16s ease}.hero-actions button:hover{color:#fff;border-color:#65d3a159;background:#4abd8c18}.hero-actions button svg{width:14px;flex:none}.hero-actions button svg:last-child{width:12px;margin-left:auto;opacity:.5}.attention-panel{padding:21px}.attention-count{min-width:30px;height:30px;display:grid;place-items:center;color:#507166;border-radius:9px;background:#e9f1ed;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;font-weight:700}.attention-count.active{color:#b33c3c;background:#fdeaea}.attention-list{display:grid;gap:7px}.attention-list>button{width:100%;display:grid;grid-template-columns:35px minmax(0,1fr) 15px;align-items:center;gap:9px;padding:10px 5px;color:inherit;border:0;border-bottom:1px solid #e3ebe7;background:transparent;text-align:left}.attention-list>button:hover{background:#f2f8f5}.attention-list>button>svg{width:13px;color:#9aaba3}.attention-list strong,.attention-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-list strong{font-size:12px}.attention-list small{margin-top:3px;color:var(--muted);font-size:10px}.attention-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px}.attention-icon svg{width:15px}.attention-icon.danger{color:#bd4848;background:#fdeaea}.attention-icon.warning{color:#a46f1f;background:#fff2dc}.attention-icon.muted{color:#667c73;background:#edf2ef}.attention-clear{min-height:230px;display:grid;place-items:center;align-content:center;text-align:center}.attention-clear svg{width:30px;height:30px;margin-bottom:12px;color:#26a779}.attention-clear strong{font-size:13px}.attention-clear p{max-width:230px;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.6}.overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:16px;align-items:start}.text-link{display:inline-flex;align-items:center;gap:3px;padding:5px;color:#087755;border:0;background:transparent;font-size:11px}.text-link svg{width:13px}.health-list{display:grid;gap:9px}.health-list article{display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(280px,1.35fr) minmax(105px,.55fr);align-items:center;gap:17px;padding:13px;border:1px solid #dde8e2;border-radius:10px;background:#f9fcfa}.health-main{min-width:0;display:flex;align-items:center;gap:10px}.health-main>div{min-width:0}.health-main strong,.health-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-main strong{font-size:13px}.health-main small{margin-top:3px;color:var(--muted);font-size:10px}.health-main .ant-tag{margin-left:auto}.facility-symbol{width:34px;height:34px;display:grid;place-items:center;flex:none;color:#0d9068;border:1px solid #58ad8c38;border-radius:8px;background:#e7f5ee}.facility-symbol svg{width:16px}.health-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.health-stats span{color:var(--muted);font-size:9px}.health-stats strong{display:block;margin-top:3px;color:#263d34;font-size:11px;white-space:nowrap}.health-progress{position:relative;height:7px;overflow:visible;border-radius:99px;background:#dae7e0}.health-progress i{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#0a9f71,#24b7a3)}.health-progress span{position:absolute;right:0;top:10px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px}.event-list{display:grid}.event-list button{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr) 13px;gap:10px;padding:8px 0 13px;color:inherit;border:0;background:transparent;text-align:left}.event-list button:not(:last-child):after{content:"";position:absolute;left:4px;top:24px;bottom:-1px;width:1px;background:#d5e5dd}.event-list button>svg{width:13px;margin-top:17px;color:#9bada5}.event-dot{position:relative;z-index:1;width:9px;height:9px;margin-top:18px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px currentColor}.event-dot.alarm{color:#d45b5b;background:#d45b5b}.event-dot.water{color:#2698b1;background:#2698b1}.event-list small,.event-list strong,.event-list em{display:block}.event-list small{color:#789087;font-size:9px}.event-list strong{margin-top:3px;font-size:12px}.event-list em{margin-top:2px;color:var(--muted);font-size:10px;font-style:normal}.compact-empty{min-height:160px;display:grid;place-items:center;align-content:center;text-align:center}.compact-empty svg{color:#789087}.compact-empty strong{margin-top:8px;font-size:12px}.compact-empty span{margin-top:4px;color:var(--muted);font-size:10px}.metric-panel .metric time{display:flex;align-items:center;gap:5px}.metric-panel .metric time i{width:6px;height:6px;border-radius:50%}.metric-panel .metric time i.fresh{background:#1fb37e;box-shadow:0 0 7px #1fb37e}.metric-panel .metric time i.delayed{background:#d49a35}.metric-panel .metric time i.stale{background:#9ba8a2}.sidebar .main-menu .ant-menu-title-content{font-size:13px}.panel-head p,.section-title p{font-size:12px}.field>span,.facility-details span,.zones>div:first-child,.zones small,.online,.offline,.status,.alarm-status,.result-status,.ant-badge-status-text{font-size:11px}table{font-size:12px}th{font-size:10px}td{padding-block:13px}.mono,.ant-tag{font-size:10px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(400px,.65fr);overflow:hidden;background:#ebe7dd}.login-scene{position:relative;min-width:0;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;padding:clamp(42px,6vw,86px);color:#151a17;background:radial-gradient(circle at 68% 48%,#f8f4e9 0,#e9e4d8 42%,#d8d5cb)}.login-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,#ffffff66,transparent 42%),repeating-linear-gradient(90deg,transparent 0 79px,#171b1810 80px)}.scene-copy{position:relative;z-index:3;max-width:600px}.eyebrow{display:inline-block;margin-bottom:18px;color:#5c7568;font-size:10px;font-weight:700;letter-spacing:3px;animation:login-enter .5s var(--ease-out) 50ms backwards}.scene-copy h1{max-width:560px;font-family:Georgia,Songti SC,serif;font-size:clamp(36px,4.4vw,66px);line-height:1.12;font-weight:500;letter-spacing:-.04em;animation:login-enter .6s var(--ease-out) .1s backwards}.scene-copy>p{max-width:490px;margin-top:20px;color:#656b66;font-size:14px;line-height:1.8;animation:login-enter .6s var(--ease-out) .15s backwards}.greenhouse-stage{position:relative;z-index:2;min-height:410px}.greenhouse-stage:after{content:"";position:absolute;left:13%;right:5%;bottom:8%;height:17%;border-radius:50%;background:#323a3421;filter:blur(24px)}.atmosphere-ring{position:absolute;left:50%;top:49%;border:1px solid #69786e2e;border-radius:50%;transform:translate(-50%,-50%);animation:ring-turn 24s linear infinite}.ring-one{width:min(64vw,680px);aspect-ratio:1}.ring-two{width:min(48vw,500px);aspect-ratio:1;border-style:dashed;animation-direction:reverse;animation-duration:30s}.greenhouse-model{position:absolute;z-index:2;left:51%;top:53%;width:min(70vw,720px);transform:translate(-50%,-50%);animation:greenhouse-enter .7s var(--ease-out) .12s backwards}.greenhouse-art{display:block;width:100%;height:auto;overflow:visible}.greenhouse-shadow{fill:#31413926}.sun-glow{transform-box:fill-box;transform-origin:center;animation:sun-breathe 6s var(--ease-in-out) infinite}.sun-glow circle:first-child{fill:#e1b65f99}.sun-glow circle:last-child{fill:none;stroke:#d9ae5a5e;stroke-width:2}.glass{stroke:#60796a99;stroke-width:2}.roof-front,.front-wall{fill:url(#greenhouse-glass)}.roof-side,.side-wall{fill:url(#greenhouse-side)}.greenhouse-frame{fill:none;stroke:#536b5d9e;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.greenhouse-crops{opacity:.95}.crop-line{fill:none;stroke:#557b5e;stroke-linecap:round;stroke-width:18}.crop-line-back{opacity:.55;stroke-width:12}.crop-line-front{stroke:#3f6c4c;stroke-width:22}.crop-leaves{fill:#2f6844;opacity:.88;transform-box:fill-box;transform-origin:center bottom;animation:crop-sway 7s var(--ease-in-out) infinite}.greenhouse-door rect{fill:#f1f4ed73;stroke:#536b5d99;stroke-width:2}.greenhouse-door circle{fill:#456451}.greenhouse-fan>circle:first-child{fill:#405f4d30;stroke:#4a6956a8;stroke-width:2}.greenhouse-fan>circle:last-child{fill:#375e46}.fan-blades{fill:#416e50;transform-box:fill-box;transform-origin:center;animation:fan-turn 9s linear infinite}.air-flow{fill:none;stroke:#4c806493;stroke-linecap:round;stroke-width:3;animation:air-flow 5s var(--ease-in-out) infinite}.air-flow-two{animation-delay:-2.5s}.air-flow path:last-child{opacity:.55}.sensor-pulse{position:absolute;z-index:3;width:13px;height:13px;border:2px solid #216d4d;border-radius:50%;background:#f6f2e7;box-shadow:0 0 0 6px #2b7e5b21;animation:sensor-pulse 2.4s var(--ease-out) infinite}.sensor-pulse-one{left:38%;top:50%}.sensor-pulse-two{right:27%;top:57%;animation-delay:.8s}.scene-card{position:absolute;z-index:4;min-width:158px;animation:login-card-enter .5s var(--ease-out) backwards;transition:transform .2s var(--ease-out)}.scene-card-motion{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #ffffff80;border-radius:14px;color:#f7f3e8;background:#151a17ec;box-shadow:0 16px 36px #252b2730;animation:card-float 6s var(--ease-in-out) infinite}.scene-card svg{flex:none;width:18px;color:#86b493}.scene-card span{color:#aeb8b1;font-size:10px}.scene-card strong{display:block;margin-top:2px;color:#fff;font-size:15px}.temperature-card{left:3%;top:29%;animation-delay:.25s}.humidity-card{right:0;top:43%;animation-delay:.3s}.light-card{left:15%;bottom:2%;animation-delay:.35s}.humidity-card .scene-card-motion{animation-delay:-2s;animation-duration:7s}.light-card .scene-card-motion{animation-delay:-4s;animation-duration:6.5s}.scene-stats{position:relative;z-index:3;display:flex;gap:clamp(20px,4vw,48px);animation:login-enter .6s var(--ease-out) .25s backwards}.scene-stats span{color:#707670;font-size:10px}.scene-stats strong{display:block;margin-bottom:3px;color:#202722;font-size:15px}.login-panel{position:relative;z-index:5;display:grid;place-items:center;padding:clamp(30px,5vw,72px);border-left:1px solid #ffffffc7;background:#fbfaf6e8;box-shadow:-24px 0 70px #30352f12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-panel form{width:min(380px,100%);animation:login-form-enter .3s var(--ease-out) backwards}.login-logo{margin-bottom:clamp(45px,9vh,85px)}.login-logo img{width:min(320px,100%);display:block}.login-kicker{display:block;margin-bottom:8px;color:#3d705b;font-size:11px;font-weight:700;letter-spacing:2px}.login-panel h2{color:#171c19;font-size:28px;font-weight:600}.login-panel form>p{margin:8px 0 34px;color:#777b77;font-size:12px}.login-panel .ant-form-item{margin-bottom:20px}.login-panel .ant-form-item-label>label{color:#555e58;font-size:11px}.login-panel .ant-input,.login-panel .ant-input-affix-wrapper{height:46px;border-color:#d4d1c8;border-radius:10px;background:#ffffffb8}.login-panel .ant-input-affix-wrapper .ant-input{height:auto;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.login-panel .ant-alert{margin-bottom:18px}.login-panel .ant-btn{height:46px;margin-top:4px;border-radius:10px;box-shadow:0 9px 22px #176b4d2b;transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out)}.login-panel .ant-btn:active{transform:scale(.97);box-shadow:0 4px 12px #176b4d24}.login-security{display:block;margin-top:18px;color:#989b97;text-align:center;font-size:9px}@media (hover: hover) and (pointer: fine){.scene-card:hover{transform:translateY(-4px)}.kpi:hover,.facility-card:hover,.control-card:hover{transform:translateY(-2px);border-color:#65ad914f;box-shadow:0 14px 34px #123c2c17}.scene-device:hover{transform:translate(-50%,-50%) scale(1.06)}.twin-device-list button:hover{border-color:#d0e4da;background:#f3faf7}tbody tr:hover{background:#eef7f2}}@keyframes login-enter{0%{opacity:0;transform:translateY(12px)}}@keyframes login-card-enter{0%{opacity:0;transform:translateY(16px) scale(.96)}}@keyframes login-form-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes greenhouse-enter{0%{opacity:0;transform:translate(-50%,-44%) scale(.96)}}@keyframes ring-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes sensor-pulse{0%,to{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sun-breathe{0%,to{opacity:.65;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}@keyframes crop-sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes fan-turn{to{transform:rotate(360deg)}}@keyframes air-flow{0%,to{opacity:.3;transform:translate(-8px)}50%{opacity:.9;transform:translate(8px)}}@keyframes system-pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}@keyframes hero-orbit{to{transform:rotate(360deg)}}@keyframes twin-air{0%{opacity:0;transform:translate(-30%)}30%,70%{opacity:.55}to{opacity:0;transform:translate(30%)}}@keyframes twin-node-pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}@keyframes twin-selected{0%,to{opacity:0;transform:scale(.92)}50%{opacity:.65;transform:scale(1.08)}}@media (prefers-reduced-motion: reduce){.atmosphere-ring,.sensor-pulse,.scene-card-motion,.sun-glow,.crop-leaves,.fan-blades,.air-flow,.system-signal i,.hero-orbit,.hero-node,.live-chip i,.twin-airflow i,.scene-device.active:after,.twin-stage>header i,.twin-fan>g,.twin-sun circle:last-child{animation:none}.eyebrow,.scene-copy h1,.scene-copy>p,.greenhouse-model,.scene-card,.scene-stats,.login-panel form{animation:login-fade .2s var(--ease-out) backwards}.scene-card,.login-panel .ant-btn,.kpi,.facility-card,.control-card,button.primary,button.secondary{transition:opacity .16s var(--ease-out)}.scene-card:hover,.login-panel .ant-btn:active,.kpi:hover,.facility-card:hover,.control-card:hover,button.primary:active,button.secondary:active{transform:none}}@keyframes login-fade{0%{opacity:0}}@media (max-width: 1200px){.overview-lead,.overview-grid{grid-template-columns:1fr}.kpi-grid,.metric-grid,.comprehensive-grid,.facility-grid,.control-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.binding-form,.filter-grid{grid-template-columns:repeat(3,1fr)}.login-page{grid-template-columns:1fr 430px}.scene-stats{gap:20px}.attention-clear{min-height:130px}}@media (max-width: 1050px){.twin-console{grid-template-columns:1fr}.twin-side{grid-template-columns:1fr 1fr;border-top:1px solid #d7e6df;border-left:0}.twin-side>section:first-child{grid-column:1 / -1}.twin-side>section+section{border-top:1px solid #dfeae5}.twin-stage{min-height:650px}}@media (max-width: 820px){.shell{display:block}.sidebar{position:fixed;left:-255px;width:238px;transition:left .2s var(--ease-out)}.sidebar.open{left:0}.mobile-close{display:grid;position:absolute;top:10px;right:8px;padding:5px;color:#fff;border:0;background:transparent}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;border:0;background:#071b1578}.menu-button{display:grid;place-items:center;padding:6px;border:0;background:transparent}.topbar{height:68px;padding:0 15px;gap:11px}.topbar>div:nth-child(2) p{display:none}.site-picker{font-size:0}.site-picker .ant-select{min-width:110px;max-width:145px}.account{padding-left:10px}.account>div{display:none}.content{padding:20px 14px 45px}.operations-hero{grid-template-columns:1fr}.hero-visual{display:none}.hero-status,.hero-actions{grid-column:auto}.health-list article{grid-template-columns:1fr}.health-progress{margin-bottom:12px}.facility-overview,.drawer-summary{grid-template-columns:repeat(2,1fr)}.facility-grid,.control-grid{grid-template-columns:1fr}.binding-form,.filter-grid{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-scene{display:none}.login-panel{min-height:100vh;padding:25px}}@media (max-width: 560px){.refresh-cluster>span{display:none}.operations-hero{min-height:0;padding:20px}.hero-actions{grid-template-columns:repeat(2,1fr)}.hero-status{grid-template-columns:1fr}.health-stats{grid-template-columns:repeat(2,1fr)}.facility-overview{grid-template-columns:1fr 1fr}.binding-modal,.kpi-grid,.kpi-grid.compact,.metric-grid,.comprehensive-grid,.form-grid,.binding-form,.filter-grid{grid-template-columns:1fr}.binding-modal .association-note,.binding-modal .form-actions,.field.wide{grid-column:auto}.toolbar{flex-wrap:wrap}.toolbar .search{width:100%;min-width:0}.panel{padding:15px}.account .ant-avatar{display:none}.site-picker .ant-select{width:105px}.topbar h1{font-size:16px}}@media (max-width: 700px){.twin-toolbar{align-items:stretch;flex-direction:column}.twin-toolbar>div:last-child{display:grid;grid-template-columns:1fr auto}.twin-toolbar select{width:100%;min-width:0}.twin-stats{grid-template-columns:1fr 1fr}.twin-console,.twin-stage{min-height:540px}.twin-stage{padding:14px}.twin-illustration{left:0;bottom:75px;width:104%}.twin-floating-metrics{left:13px;top:48px}.twin-floating-metrics article{min-width:96px;padding:7px 8px}.twin-floating-metrics article:nth-child(n+3){display:none}.scene-device{width:32px;height:32px}.scene-device label{display:none}.twin-side{grid-template-columns:1fr}.twin-side>section:first-child{grid-column:auto}.twin-zone-strip{left:12px;right:12px}.twin-airflow{display:none}}