.ai-bubble{position:fixed;z-index:1100;width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:linear-gradient(135deg,#34d5e5,#0b7a93);color:#fff;display:grid;place-items:center;cursor:grab;box-shadow:0 6px 16px #00000047;touch-action:none;transition:left .25s cubic-bezier(.3,1.4,.5,1),transform .15s;padding:0}.ai-bubble.dragging{cursor:grabbing;transform:scale(1.12);transition:none;box-shadow:0 12px 24px #00000059}.ai-bubble .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#1dbfd1;opacity:.35;animation:ai-breathe 3.6s ease-in-out infinite;pointer-events:none}.ai-bubble.dragging .ring{display:none}.ai-bubble .spin,.ai-voice .orb .spin{animation:ai-spin 26s linear infinite;position:relative}@keyframes ai-spin{to{transform:rotate(360deg)}}@keyframes ai-breathe{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.28);opacity:0}}.ai-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#02245659;display:flex;justify-content:flex-end;align-items:flex-end;padding:18px}.ai-panel{width:420px;max-width:100%;height:min(680px,calc(100dvh - 36px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 60px #00000059;overflow:hidden}.ai-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.ai-head .logo{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-strong);flex:none}.ai-head .who{flex:1;min-width:0;display:flex;flex-direction:column}.ai-head .who b{font-size:15px}.ai-head .who span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-talk{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:16px;padding:6px 11px;background:var(--primary-strong);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.ai-plants{padding:8px 14px;border-bottom:1px solid var(--border)}.ai-plants>span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.ai-plants>div{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.ai-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--surface-2, var(--surface))}.ai-msg{align-self:flex-start;max-width:86%;background:var(--surface-3);color:var(--text);border-radius:14px 14px 14px 4px;padding:9px 12px;font-size:13.5px;line-height:1.45;white-space:pre-wrap}.ai-msg.mine{align-self:flex-end;background:var(--primary-strong);color:#fff;border-radius:14px 14px 4px}.ai-mini{margin-top:10px}.ai-mini .bars{display:flex;align-items:flex-end;gap:2px;height:56px}.ai-mini .bars span{flex:1;border-radius:2px;background:var(--primary)}.ai-mini .ends{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:3px}.ai-quick{display:flex;gap:8px;overflow-x:auto;padding:8px 14px;scrollbar-width:none}.ai-quick button{flex:none;border:0;border-radius:18px;padding:8px 12px;background:var(--primary-soft);color:var(--primary-strong);font-size:12px;font-weight:600;cursor:pointer}.ai-input{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.ai-input .input{flex:1;border-radius:20px}.ai-mic.on{background:var(--danger);color:#fff;animation:ai-breathe 1.4s ease-in-out infinite}.ai-send{background:var(--primary-strong);color:#fff;border-radius:50%}.ai-send:disabled{background:var(--border);color:var(--muted)}@media(max-width:560px){.ai-overlay{padding:0}.ai-panel{width:100%;height:100%;border-radius:0;border:0}}.ai-voice{--ac: #1dbfd1;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2050;overflow:hidden;background:linear-gradient(135deg,#010b1e,#031a3d 55%,#04304f);color:#fff;display:flex;justify-content:center}.ai-voice.speaking{--ac: #53e9cd}.ai-voice.thinking{--ac: #8db4ff}.ai-voice.idle{--ac: #6f93b3}.ai-voice .glow{position:absolute;border-radius:50%;pointer-events:none;background:var(--ac)}.ai-voice .glow.a{top:6%;left:50%;width:460px;height:460px;margin-left:-230px;opacity:.09;animation:ai-drift 18s ease-in-out infinite}.ai-voice .glow.b{bottom:-120px;left:-100px;width:320px;height:320px;opacity:.07;background:#1dbfd1}@keyframes ai-drift{0%,to{transform:translate(-24px) scale(.94)}50%{transform:translate(24px) scale(1.06)}}.ai-voice-in{position:relative;width:100%;max-width:560px;height:100%;display:flex;flex-direction:column;padding:20px}.ai-voice .vhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.ai-voice .vwho{display:flex;align-items:center;gap:10px;min-width:0}.ai-voice .vlogo{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.13)}.ai-voice .vwho b{display:block;font-size:16px}.ai-voice .vwho span{display:flex;align-items:center;gap:5px;color:#a9d9e6;font-size:11.5px}.ai-voice .vwho span i{width:6px;height:6px;border-radius:50%;background:#53e9cd}.ai-voice .vseg{display:flex;padding:3px;border-radius:20px;background:#ffffff12;border:1px solid rgba(255,255,255,.13)}.ai-voice .vseg button{border:0;border-radius:17px;padding:7px 14px;background:transparent;color:#bfeff5;font-size:12px;font-weight:700;cursor:pointer}.ai-voice .vseg button.on{background:#fff;color:#04304f}.ai-voice .vcenter{display:flex;flex-direction:column;align-items:center;margin-top:6px}.ai-voice .orbwrap{position:relative;width:290px;height:290px;border:0;background:none;display:grid;place-items:center;cursor:pointer;color:#fff;padding:0}.ai-voice .ripple{position:absolute;width:132px;height:132px;border-radius:50%;border:1.5px solid var(--ac);opacity:0}.ai-voice.listening .ripple,.ai-voice.speaking .ripple{animation:ai-ripple 2.6s ease-out infinite}.ai-voice.speaking .ripple{animation-duration:1.7s}.ai-voice .ripple.r2{animation-delay:1.3s!important}@keyframes ai-ripple{0%{transform:scale(1);opacity:.5}to{transform:scale(2.05);opacity:0}}.ai-voice .ticks{position:absolute;top:0;right:0;bottom:0;left:0}.ai-voice .ticks>span{position:absolute;left:50%;top:50%;width:3px;height:26px;margin:-13px 0 0 -1.5px}.ai-voice .ticks i{display:block;width:100%;height:100%;border-radius:2px;background:var(--ac);opacity:.95;transform:scaleY(.14)}.ai-voice.listening .ticks i{animation:ai-tick-l 1.4s ease-in-out infinite alternate}.ai-voice.speaking .ticks i{animation:ai-tick-s .5s ease-in-out infinite alternate}.ai-voice.thinking .ticks i{animation:ai-tick-t 1.8s linear infinite}@keyframes ai-tick-l{0%{transform:scaleY(.14)}to{transform:scaleY(.38)}}@keyframes ai-tick-s{0%{transform:scaleY(.16)}to{transform:scaleY(.85)}}@keyframes ai-tick-t{0%,35%,to{transform:scaleY(.14)}10%{transform:scaleY(.95)}}.ai-voice .orb{position:relative;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:#ffffff0a}.ai-voice .orb:before{content:"";position:absolute;width:128px;height:128px;border-radius:50%;background:linear-gradient(135deg,#2ccbdd,#0b7a93);box-shadow:0 0 40px var(--ac);border:1.5px solid rgba(255,255,255,.4)}.ai-voice.speaking .orb:before{background:linear-gradient(135deg,#6ff0d6,#1fb5c9)}.ai-voice.thinking .orb:before{background:linear-gradient(135deg,#7fa9ff,#2e6fd6)}.ai-voice.idle .orb:before{background:linear-gradient(135deg,#5c86a8,#2a5878)}.ai-voice.thinking .orb .spin{animation-duration:1.5s}.ai-voice .vstatus{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.13);font-size:13.5px;font-weight:600}.ai-voice .vstatus i{width:8px;height:8px;border-radius:50%;background:var(--ac)}.ai-voice .vinterrupt{margin-top:10px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:20px;padding:9px 16px;background:#fff;color:#04304f;font-size:13px;font-weight:700;cursor:pointer}.ai-voice .vnotice{color:#fca5a5;font-size:12.5px;text-align:center;margin-top:10px}.ai-voice .vtext{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:0;overflow-y:auto;padding:10px 0}.ai-voice .vhint{color:#8fc9d8;font-size:12px;text-align:center;letter-spacing:.4px}.ai-voice .vsug{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-voice .vsug button{display:flex;align-items:center;gap:9px;text-align:left;border-radius:16px;padding:11px 12px;background:#ffffff12;border:1px solid rgba(255,255,255,.13);color:#fff;font-size:12.5px;font-weight:600;cursor:pointer}.ai-voice .vsug button span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;background:#2ccbdd2e;color:#53e9cd}.ai-voice .vheard{color:#9fd8e2;font-size:14px;font-style:italic;text-align:center;padding:0 10px}.ai-voice .vreply{border-radius:20px;padding:14px 16px;background:#ffffff12;border:1px solid rgba(255,255,255,.13);animation:ai-in .45s ease}.ai-voice .vreply b{display:block;color:#53e9cd;font-size:11px;letter-spacing:.8px;margin-bottom:5px}.ai-voice .vreply p{font-size:16px;line-height:1.5;margin:0}@keyframes ai-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ai-voice .vbar{align-self:center;display:flex;align-items:center;gap:22px;padding:12px 22px;border-radius:44px;background:#ffffff12;border:1px solid rgba(255,255,255,.13)}.ai-voice .vbar>div{display:flex;flex-direction:column;align-items:center;gap:4px}.ai-voice .vbar span{color:#a9d9e6;font-size:10.5px}.ai-voice .vbar button{position:relative;width:52px;height:52px;border-radius:50%;border:0;display:grid;place-items:center;background:#ffffff1f;color:#fff;cursor:pointer}.ai-voice .vbar button.on{background:#fff;color:#04304f}.ai-voice .vbar button em{position:absolute;width:28px;height:2.5px;border-radius:2px;background:#ef4444;transform:rotate(-45deg)}.ai-voice .vbar button.end{width:66px;height:66px;background:#ef4444;box-shadow:0 4px 16px #ef444480}@media(max-height:700px){.ai-voice .orbwrap{transform:scale(.78);margin:-32px 0}}@media(prefers-reduced-motion:reduce){.ai-bubble .ring,.ai-bubble .spin,.ai-voice *{animation:none!important}}.ai-plants select.input{width:100%}:root{--bg: #f2f5f8;--surface: #ffffff;--surface-2: #f7f9fb;--surface-3: #eef2f6;--text: #0b1f33;--text-2: #33475b;--muted: #677a8e;--faint: #9aa9b8;--border: #e3e9ef;--border-strong: #d2dbe4;--primary: #1dbfd1;--primary-strong: #0392a6;--primary-soft: rgba(29, 191, 209, .1);--primary-contrast: #ffffff;--mint: #53e9cd;--solar: #f6d012;--sky: #7bb8fd;--navy: #022456;--danger: #e5484d;--danger-soft: rgba(229, 72, 77, .1);--success: #12a594;--success-soft: rgba(18, 165, 148, .1);--warning: #e8a317;--warning-soft: rgba(232, 163, 23, .12);--header-bg: #022456;--header-text: rgba(255, 255, 255, .72);--header-active: #ffffff;--header-border: rgba(255, 255, 255, .08);--shadow: 0 1px 2px rgba(11, 31, 51, .04);--shadow-lg: 0 24px 64px -24px rgba(11, 31, 51, .35);--ring: 0 0 0 3px rgba(29, 191, 209, .25);--radius: 10px;--radius-sm: 7px;--header-h: 56px;--font: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Montserrat", ui-sans-serif, system-ui, sans-serif;--overlay: rgba(2, 20, 40, .45);color-scheme:light}:root[data-theme=dark]{--bg: #000000;--surface: #0d0e10;--surface-2: #141518;--surface-3: #1a1c20;--text: #f4f6f8;--text-2: #c9ced5;--muted: #8a919b;--faint: #5d646e;--border: #1e2126;--border-strong: #2a2e35;--primary-strong: #3dd6e8;--primary-soft: rgba(29, 191, 209, .12);--primary-contrast: #001417;--danger: #ff5c61;--danger-soft: rgba(255, 92, 97, .12);--success: #2cc9b3;--success-soft: rgba(44, 201, 179, .12);--warning: #f5b83d;--warning-soft: rgba(245, 184, 61, .12);--header-bg: #070809;--header-border: #1a1c20;--shadow: none;--shadow-lg: 0 30px 80px -20px rgba(0, 0, 0, .9);--overlay: rgba(0, 0, 0, .75);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13.5px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}h1,h2,h3,h4{font-family:var(--font);margin:0;color:var(--text);letter-spacing:-.02em}h1{font-size:22px;font-weight:600}h2{font-size:14.5px;font-weight:600;letter-spacing:-.01em}h3{font-size:13.5px;font-weight:600}p{margin:0}a{color:var(--primary-strong);text-decoration:none}button{font:inherit;color:inherit}input,select,textarea{font:inherit;color:var(--text)}img{max-width:100%}::selection{background:#1dbfd147}.num,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.muted{color:var(--muted)}.faint{color:var(--faint)}.hidden{display:none!important}.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}.shell{min-height:100vh;display:flex;flex-direction:column}.topnav{position:sticky;top:0;z-index:1200;height:var(--header-h);background:var(--header-bg);border-bottom:1px solid var(--header-border);display:flex;align-items:center;gap:18px;padding:0 20px;color:#fff}.brand{display:flex;align-items:center;gap:9px;flex:none}.brand img{width:26px;height:26px;object-fit:contain}.brand-name{font-weight:600;font-size:16px;letter-spacing:-.02em;white-space:nowrap;color:#fff}.brand-name b{color:var(--primary);font-weight:600}.brand-sep{width:1px;height:22px;background:var(--header-border);flex:none}.tabs{display:flex;align-items:stretch;height:100%;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;display:flex;align-items:center;gap:7px;padding:0 12px;height:100%;color:var(--header-text);font-weight:500;font-size:13px;white-space:nowrap;transition:color .15s}.tab:hover{color:#fff}.tab.active{color:var(--header-active)}.tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--primary)}.tab .nav-badge{font-family:var(--mono);font-size:10.5px;padding:0 6px;border-radius:99px;background:#ffffff1f;color:#fff;line-height:17px}.tab .nav-badge.danger{background:#e5484de6}.top-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}.hbtn{position:relative;height:34px;min-width:34px;padding:0 9px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--header-text);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:12.5px}.hbtn:hover{background:#ffffff14;color:#fff}.hbtn.search{border-color:#ffffff1f;background:#ffffff0d;min-width:220px;justify-content:flex-start}.hbtn.search kbd{margin-left:auto;font-family:var(--mono);font-size:10.5px;opacity:.7}.dot-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--danger);color:#fff;font-size:9.5px;font-weight:600;font-family:var(--mono);display:grid;place-items:center}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:12px;color:#fff;background:linear-gradient(135deg,#0392a6,#1dbfd1);flex:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.lg{width:64px;height:64px;font-size:22px}.mobile-only{display:none!important}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:1500}.drawer{position:fixed;inset:0 auto 0 0;width:280px;background:var(--surface);z-index:61;border-right:1px solid var(--border);display:flex;flex-direction:column;animation:slide .2s ease;z-index:1501}@keyframes slide{0%{transform:translate(-100%)}}.drawer .nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:var(--text-2);font-weight:500}.drawer .nav-item.active{background:var(--primary-soft);color:var(--primary-strong)}.main{flex:1;min-width:0}.page{padding:20px 28px 40px;width:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.page-head>div:first-child{min-width:0}.page-head .eyebrow{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin-bottom:2px}.page-head .sub{color:var(--muted);margin-top:2px;font-size:12.5px}.page-head h1 .accent{color:var(--primary-strong)}.head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px;margin-bottom:8px;cursor:pointer;background:none;border:0;padding:0}.back-link:hover{color:var(--text)}.grid{display:grid;gap:14px}.grid>*{min-width:0}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch}.grid-main-wide{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch}.stack{display:flex;flex-direction:column;gap:14px}.stack>*{min-width:0}.row{display:flex;align-items:center;gap:8px;min-width:0}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;min-width:0;overflow-wrap:anywhere}.card.flush{padding:0;overflow:hidden}.card.tight{padding:12px 14px}.card-head{display:flex;align-items:center;gap:8px;margin-bottom:14px;min-width:0}.card-head h2,.card-head h3{flex:1;min-width:0}.card-head .sub{color:var(--muted);font-size:12px;font-weight:400;margin-top:1px}.card-pad{padding:16px}.divider{height:1px;background:var(--border);margin:12px 0}.kpi{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-title{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;flex:none}.kpi-value{font-family:var(--mono);font-size:clamp(20px,2.1vw,28px);font-weight:500;line-height:1.15;letter-spacing:-.03em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-value .u{font-family:var(--font);font-size:12.5px;font-weight:400;color:var(--muted);margin-left:5px;letter-spacing:0}.kpi-foot{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);min-width:0;flex-wrap:wrap}.kpi-art{display:none}.kpi:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--kpi-accent, transparent)}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:1px 7px;border-radius:5px;white-space:nowrap;line-height:18px}.pill.up{background:var(--success-soft);color:var(--success)}.pill.down{background:var(--danger-soft);color:var(--danger)}.pill.info{background:var(--primary-soft);color:var(--primary-strong)}.pill.warn{background:var(--warning-soft);color:var(--warning)}.pill.neutral{background:var(--surface-3);color:var(--muted)}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.status.online{color:var(--success)}.status.offline{color:var(--danger)}.status.warning{color:var(--warning)}.status.online:before{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #12a59480}50%{box-shadow:0 0 0 4px #12a59400}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 13px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:500;font-size:12.5px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary-strong);border-color:var(--primary-strong);color:#fff}:root[data-theme=dark] .btn.primary{background:var(--primary);border-color:var(--primary);color:#001417}.btn.primary:hover{filter:brightness(1.06)}.btn.navy{background:var(--navy);border-color:var(--navy);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger-ghost{color:var(--danger);border-color:var(--border);background:var(--surface)}.btn.danger-ghost:hover{background:var(--danger-soft)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-3)}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.block{width:100%}.btn.lg{height:44px;font-size:14px}.icon-btn{position:relative;width:34px;height:34px;flex:none;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--text-2)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.sm{width:28px;height:28px}.icon-btn.ghost{border-color:transparent;background:transparent}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;min-width:0}.field label{font-size:12px;font-weight:500;color:var(--text-2);display:flex;align-items:center;gap:5px}.field .hint{font-size:11.5px;color:var(--muted)}.input,.select,.textarea{height:36px;width:100%;min-width:0;padding:0 11px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);transition:border-color .15s,box-shadow .15s;outline:none;font-size:13px}.textarea{height:auto;min-height:80px;padding:9px 11px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:var(--ring)}.input-wrap{position:relative;display:flex;align-items:center;min-width:0}.input-wrap>svg{position:absolute;left:11px;color:var(--faint);pointer-events:none}.input-wrap .input{padding-left:34px}.input-wrap .trail{position:absolute;right:4px}.checkbox{display:inline-flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;color:var(--text-2);min-width:0}.checkbox input{width:16px;height:16px;accent-color:var(--primary-strong);cursor:pointer;flex:none}.switch{position:relative;width:38px;height:22px;flex:none;border-radius:99px;background:var(--border-strong);border:0;cursor:pointer;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .2s}.switch.on{background:var(--primary-strong)}.switch.on:after{transform:translate(16px)}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:8px;background:var(--surface-3);max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented button{border:0;background:none;padding:5px 12px;border-radius:6px;font-size:12.5px;font-weight:500;color:var(--muted);cursor:pointer;white-space:nowrap}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}:root[data-theme=dark] .segmented button.active{background:#2a2d33}.chips{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:7px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap;max-width:100%}.chip:hover{background:var(--surface-2)}.chip.active{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--primary)}.chip .count{font-family:var(--mono);font-size:11px;color:var(--muted)}.chip.active .count{color:inherit}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-2);position:sticky;top:0;z-index:1}.table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover{background:var(--surface-2)}.table .r{text-align:right}.table td.num,.table .r.num{font-family:var(--mono)}.cell-main{display:flex;align-items:center;gap:10px;min-width:0}.cell-thumb{width:34px;height:34px;border-radius:8px;flex:none;object-fit:cover;background:var(--surface-3);display:grid;place-items:center;color:var(--primary-strong);overflow:hidden}.cell-title{font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.cell-sub{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:2000;display:grid;place-items:center;padding:16px;animation:fade .15s ease}.modal{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);animation:pop .18s ease}.modal.wide{width:min(760px,100%)}.modal.xl{width:min(1000px,100%)}.modal-head{display:flex;align-items:flex-start;gap:12px;padding:16px 18px 4px}.modal-head h2{flex:1;font-size:16px}.modal-head .sub{color:var(--muted);font-size:12.5px;margin-top:2px}.modal-body{padding:12px 18px}.modal-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px 16px;border-top:1px solid var(--border);flex-wrap:wrap}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}.toasts{position:fixed;right:16px;bottom:16px;z-index:2100;display:flex;flex-direction:column;gap:8px}.toast{min-width:240px;max-width:360px;display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:10px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:pop .2s ease;font-size:13px}.toast.success svg{color:var(--success)}.toast.error svg{color:var(--danger)}.toast.info svg{color:var(--primary)}.popover{position:absolute;z-index:1300;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);animation:pop .15s ease;overflow:hidden;color:var(--text)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:none;cursor:pointer;font-size:13px;color:var(--text-2);text-align:left;min-width:0;text-decoration:none}.menu-item:hover{background:var(--surface-2);color:var(--text)}.menu-item.danger{color:var(--danger)}.cmdk{width:min(620px,100%);align-self:start;margin-top:10vh}.cmdk-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmdk-input input{flex:1;border:0;outline:none;background:none;font-size:14.5px;min-width:0}.cmdk-list{max-height:420px;overflow:auto;padding:6px}.cmdk-group{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);padding:10px 10px 4px;font-weight:500}.cmdk-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;cursor:pointer;min-width:0}.cmdk-item.sel,.cmdk-item:hover{background:var(--primary-soft)}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 37%,var(--surface-3) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:40px 16px;color:var(--muted)}.empty .ic{width:44px;height:44px;border-radius:10px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center}.empty h3{color:var(--text)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--primary-soft);border-top-color:var(--primary);animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100vh;display:grid;place-items:center;background:#020e1f;color:#1dbfd1}.boot{display:flex;flex-direction:column;align-items:center;gap:16px}.boot img{width:64px}.boot span{font-size:11px;letter-spacing:3px;font-weight:500}.alert-box{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:8px;font-size:12.5px}.alert-box.error{background:var(--danger-soft);color:var(--danger)}.alert-box.info{background:var(--primary-soft);color:var(--primary-strong)}.alert-box.warn{background:var(--warning-soft);color:var(--warning)}.offline-banner{position:fixed;left:50%;transform:translate(-50%);bottom:16px;z-index:2100;padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:500;background:#111;color:#fff;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-lg)}.offline-banner.ok{background:var(--success)}.plant-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 16px;margin-bottom:14px}.plant-bar .meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-width:0;color:var(--muted);font-size:12.5px}.plant-bar .meta span{display:inline-flex;align-items:center;gap:6px;min-width:0}.plant-photo{position:relative;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--surface-3) center/cover no-repeat}.plant-photo .tag{position:absolute;left:10px;top:10px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.stat-grid>div{background:var(--surface);padding:10px 12px;min-width:0}.stat-grid .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-grid .v{font-family:var(--mono);font-size:16px;font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em}.stat-grid .v small{font-family:var(--font);font-size:11.5px;color:var(--muted);font-weight:400;margin-left:3px}.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:14px}.kpi-strip>div{padding:10px 14px;min-width:0;border-left:1px solid var(--border)}.kpi-strip>div:first-child{border-left:0}.kpi-strip .l{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden}.kpi-strip .l i{width:8px;height:8px;border-radius:2px;flex:none}.kpi-strip .v{font-family:var(--mono);font-size:19px;font-weight:500;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.03em}.kpi-strip .v small{font-family:var(--font);font-size:11.5px;color:var(--muted);margin-left:4px;font-weight:400}.flow-svg-wrap{width:100%}.flow-svg-wrap svg{width:100%;height:auto;display:block;overflow:visible}.flow-svg-wrap .node-bg{fill:var(--surface-2);stroke:var(--border-strong)}.flow-svg-wrap .node-label{fill:var(--muted);font-size:11px;font-family:var(--font);letter-spacing:.04em;text-transform:uppercase}.flow-svg-wrap .node-value{fill:var(--text);font-size:17px;font-family:var(--mono);font-weight:500;letter-spacing:-.5px}.flow-svg-wrap .node-unit{fill:var(--muted);font-size:11px;font-family:var(--font)}.flow-svg-wrap .wire{fill:none;stroke:var(--border-strong);stroke-width:2}.flow-svg-wrap .wire.on{stroke-width:2;stroke-dasharray:5 7;animation:dash .9s linear infinite}@keyframes dash{to{stroke-dashoffset:-12}}.progress{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}.progress>div{height:100%;border-radius:99px;background:var(--primary);transition:width .5s ease}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);min-width:0}.legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block;flex:none}.chart-tip{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);padding:9px 11px;font-size:12px;min-width:150px}.chart-tip .t{font-weight:600;margin-bottom:5px;color:var(--text)}.chart-tip .r{display:flex;align-items:center;gap:8px;color:var(--text-2);margin-top:3px}.chart-tip .r i{width:8px;height:8px;border-radius:2px}.chart-tip .r b{margin-left:auto;color:var(--text);font-family:var(--mono);font-weight:500}.metric{padding:12px 14px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);min-width:0}.metric .l{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden}.metric .v{font-family:var(--mono);font-size:19px;font-weight:500;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.03em}.metric .v small{font-family:var(--font);font-size:11.5px;font-weight:400;color:var(--muted);margin-left:3px}.metric .s{font-size:11.5px;color:var(--faint);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline{position:relative;display:flex;flex-direction:column;gap:10px}.tl-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;position:relative}.tl-item:not(:last-child):before{content:"";position:absolute;left:17px;top:36px;bottom:-10px;width:2px;background:var(--border)}.tl-dot{width:36px;height:36px;border-radius:9px;display:grid;place-items:center}.tl-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:11px 13px;min-width:0}.gantt{overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.gantt-grid{display:grid;min-width:max-content}.gantt-label{position:sticky;left:0;z-index:2;background:var(--surface);border-right:1px solid var(--border);padding:8px 12px;font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:8px;min-height:42px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gantt-day{font-size:10px;color:var(--faint);text-align:center;padding:6px 0;border-left:1px solid var(--border);font-family:var(--mono)}.gantt-day.today{color:var(--primary-strong);font-weight:600;background:var(--primary-soft)}.gantt-lane{position:relative;border-top:1px solid var(--border);min-height:42px}.gantt-bar{position:absolute;top:9px;height:24px;border-radius:5px;color:#fff;font-size:11px;font-weight:500;display:flex;align-items:center;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-wrap{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--surface-3)}.leaflet-container{font-family:var(--font);background:var(--surface-3)}:root[data-theme=dark] .leaflet-tile-pane{filter:brightness(.62) invert(1) contrast(3) hue-rotate(200deg) saturate(.3) brightness(.7)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);border-radius:8px}.leaflet-popup-content{margin:10px 12px;font-size:12.5px}.leaflet-control-zoom a{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}.leaflet-control-attribution{background:color-mix(in srgb,var(--surface) 80%,transparent)!important;color:var(--muted)!important}.map-pin{width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid #fff;box-shadow:0 2px 6px #0006}.map-pin.active{width:30px;height:30px}.auth{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:#020e1f}.auth-visual{position:relative;overflow:hidden;color:#fff;padding:36px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.auth-visual .bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:background-image .6s ease}.auth-visual .bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#020e1f99,#0224568c 45%,#0392a64d)}.auth-visual>*:not(.bg){position:relative;z-index:1}.auth-visual h2{color:#fff;font-size:40px;line-height:1.08;font-weight:600;max-width:520px;letter-spacing:-.035em}.auth-visual p{color:#ffffffc7;font-size:16px;max-width:460px;margin-top:12px}.auth-dots{display:flex;gap:6px;margin-top:22px}.auth-dots button{width:7px;height:7px;border-radius:99px;border:0;background:#ffffff4d;cursor:pointer;transition:width .3s;padding:0}.auth-dots button.on{width:22px;background:#fff}.auth-panel{display:grid;place-items:center;padding:28px;background:var(--bg)}.auth-card{width:min(380px,100%)}.auth-card .logo{width:44px;height:44px;margin-bottom:14px}.auth-card h1{font-size:26px}.auth-card h1 b{color:var(--primary);font-weight:600}.auth-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.auth-feat{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:0}.auth-feat b{display:block;font-family:var(--mono);font-weight:500;font-size:18px}.auth-feat span{font-size:11.5px;opacity:.72}.weather-hero{display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--radius);padding:18px;color:#fff;background:linear-gradient(135deg,#022456,#04427f,#0392a6);position:relative;overflow:hidden;min-width:0}:root[data-theme=dark] .weather-hero{background:linear-gradient(135deg,#061423,#082a3d 55%,#0b3b49);border:1px solid #13242e}.weather-hero .temp{font-family:var(--mono);font-size:48px;font-weight:400;line-height:1;letter-spacing:-.05em}.weather-hero .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}.weather-hero .stats .l{font-size:11px;opacity:.72;display:flex;align-items:center;gap:4px;white-space:nowrap}.weather-hero .stats .v{font-family:var(--mono);font-size:14px;font-weight:500}.hours{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.hour{min-width:64px;flex:1;padding:10px 6px;border-radius:8px;border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px}.hour strong{font-family:var(--mono);font-weight:500}.hour.now{border-color:var(--primary);background:var(--primary-soft)}.alert-row{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--border);min-width:0}.alert-row:first-child{border-top:0}.alert-row .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none}.user-card{display:flex;flex-direction:column;gap:12px}.user-card .top{display:flex;align-items:center;gap:10px;min-width:0}.select-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;border:1px solid var(--border);cursor:pointer;margin-bottom:6px;background:var(--surface);min-width:0}.select-row.on{border-color:var(--primary);background:var(--primary-soft)}.select-row .box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--faint);display:grid;place-items:center;flex:none}.select-row.on .box{background:var(--primary-strong);border-color:var(--primary-strong);color:#fff}.icon-picker{display:flex;gap:5px;flex-wrap:wrap}.icon-picker button{width:30px;height:30px;border-radius:7px;border:1px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--muted)}.icon-picker button.on{background:var(--primary-strong);border-color:var(--primary-strong);color:#fff}.hero{position:relative;border-radius:8px;overflow:hidden;min-height:140px;color:#fff;background:#022456 center/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;padding:12px}@media(max-width:1280px){.grid-main{grid-template-columns:minmax(0,1fr) 300px}.hbtn.search{min-width:0}.hbtn.search span,.hbtn.search kbd{display:none}}@media(max-width:1150px){.tabs,.brand-sep{display:none}.mobile-only{display:inline-flex!important}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main,.grid-main-wide{grid-template-columns:minmax(0,1fr)}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.page{padding:14px 14px 32px}.topnav{padding:0 12px;gap:10px}.auth{grid-template-columns:1fr}.auth-visual{min-height:300px;padding:24px}.auth-visual h2{font-size:28px}.auth-feats{display:none}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-strip>div:nth-child(3){border-left:0}.kpi-strip>div:nth-child(n+3){border-top:1px solid var(--border)}.weather-hero .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grid-4,.grid-3,.grid-2{grid-template-columns:minmax(0,1fr)}h1{font-size:19px}.table th,.table td{padding:9px 10px}.hide-sm{display:none}.flow-svg-wrap .node-label{font-size:19px}.flow-svg-wrap .node-value{font-size:30px}.flow-svg-wrap .node-unit{font-size:18px}.desktop-only{display:none!important}}.kpi:before{display:none}.kpi-color{position:relative;overflow:hidden;border-radius:14px;padding:14px 16px 16px;min-height:164px;color:#fff;min-width:0;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 100%,#fff 8%),color-mix(in srgb,var(--c) 82%,#000 18%));display:flex;flex-direction:column;justify-content:space-between;gap:8px;box-shadow:0 10px 28px -16px color-mix(in srgb,var(--c) 80%,transparent)}.kpi-color.is-night{background:var(--c)}.kpi-landscape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.kpi-anim{position:relative;width:96px;height:80px;margin:-4px 0 0 -6px;flex:none;pointer-events:none}.kpi-body{position:relative;min-width:0}.kpi-color .kpi-value{color:#fff;font-size:clamp(22px,2.2vw,30px);font-weight:600}.kpi-color .kpi-value .u{color:#fffc;font-family:var(--font)}.kpi-name{font-size:12.5px;font-weight:500;color:#ffffffe6;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-color .kpi-foot{color:#ffffffd9;margin-top:6px}.kpi-color .kpi-foot .pill{background:#fff3!important;color:#fff!important}.a-spin{animation:a-spin 14s linear infinite}.a-beam{animation:a-beam .9s linear infinite}.a-shine{animation:a-shine 2.8s ease-in-out infinite}.a-twinkle{animation:a-twinkle 1.8s ease-in-out infinite}.a-halo{animation:a-halo 4.4s ease-in-out infinite}.a-pulse{animation:a-pulse 1.1s linear infinite}.a-flicker{animation:a-flicker 1.8s steps(1,end) infinite}.a-ring{animation:a-ring 2.1s ease-out infinite}.a-smoke{animation:a-smoke 2.7s ease-out infinite}.a-drift{animation:a-drift 5.2s ease-in-out infinite}.a-sway{animation:a-sway 3.2s ease-in-out infinite}.a-drive{animation:a-drive 5s linear infinite}.a-coin{animation:a-coin 2.2s ease-in-out infinite}@keyframes a-spin{to{transform:rotate(360deg)}}@keyframes a-beam{to{stroke-dashoffset:-16}}@keyframes a-shine{0%,to{fill-opacity:.12}50%{fill-opacity:.32}}@keyframes a-twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes a-halo{0%,to{fill-opacity:.18}50%{fill-opacity:.34}}@keyframes a-pulse{to{stroke-dashoffset:-32}}@keyframes a-flicker{0%{opacity:1}5%{opacity:.45}10%{opacity:1}15%{opacity:.6}20%{opacity:1}}@keyframes a-ring{0%{transform:scale(.25);opacity:.7}to{transform:scale(1.35);opacity:0}}@keyframes a-smoke{0%{opacity:.5;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(8px,-24px) scale(1.7)}}@keyframes a-drift{0%,to{transform:translate(-4px)}50%{transform:translate(5px)}}@keyframes a-sway{0%,to{transform:rotate(-10deg)}50%{transform:rotate(12deg)}}@keyframes a-drive{0%{transform:translate(-36px);opacity:0}12%{opacity:1}85%{opacity:1}to{transform:translate(40px);opacity:0}}@keyframes a-coin{0%,to{transform:translateY(0) scaleX(1)}25%{transform:translateY(-7px) scaleX(.2)}50%{transform:translateY(-9px) scaleX(-1)}75%{transform:translateY(-4px) scaleX(-.2)}}@media(prefers-reduced-motion:reduce){.kpi-color *{animation:none!important}}.rank-list{overflow-y:auto;min-height:0;flex:1;margin:0 -4px;padding:0 4px}.rank-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);cursor:pointer}.rank-row:last-child{border-bottom:0}.rank-row:hover .rank-name{color:var(--primary-strong)}.rank-n{font-family:var(--mono);font-size:11px;color:var(--faint);text-align:right}.rank-name{font-size:12.5px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-val{font-family:var(--mono);font-size:12px;white-space:nowrap}.rank-bar{grid-column:2 / 4;height:5px;border-radius:99px;background:var(--surface-3);overflow:hidden}.rank-bar>div{height:100%;border-radius:99px}.select.sm{height:28px;font-size:12px;padding:0 8px;width:auto}.fill-card{display:flex;flex-direction:column;min-height:0}.fill-card>.grow{flex:1;min-height:0}.dash-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:14px;height:max(560px,calc(100vh - 330px))}.dash-row>*{min-width:0;min-height:0}.dash-side{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0}.dash-side>*{min-height:0}@media(max-width:860px){.dash-row{grid-template-columns:minmax(0,1fr);height:auto}.dash-row>:first-child{height:380px}.dash-side{grid-template-rows:420px auto}}.table-scroll{max-height:max(420px,calc(100vh - 260px));overflow:auto}.map-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--bg);display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto minmax(0,1fr);animation:fade .15s ease}.map-full-head{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.map-full-side{border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;min-height:0}.map-full .map-wrap{border-radius:0;border:0}@media(max-width:860px){.map-full{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 260px}.map-full-side{border-left:0;border-top:1px solid var(--border)}}.plant-list tbody tr{transition:background .15s}.plant-list tbody tr td:first-child{position:relative}.plant-list tbody tr td:first-child:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--primary);opacity:0;transform:scaleY(.4);transition:opacity .2s,transform .2s}.plant-list tbody tr:hover td:first-child:before{opacity:1;transform:scaleY(1)}.plant-list tbody tr:hover{background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.plant-avatar{position:relative;width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 28%,var(--surface)),color-mix(in srgb,var(--pc) 10%,var(--surface)));color:color-mix(in srgb,var(--pc) 75%,var(--text));font-size:12px;font-weight:600;letter-spacing:.02em;border:1px solid color-mix(in srgb,var(--pc) 30%,transparent)}.plant-avatar img{width:100%;height:100%;object-fit:cover;border-radius:10px}.plant-avatar:after{content:"";position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border-radius:50%;border:2px solid var(--surface);background:var(--faint)}.plant-avatar.st-online:after{background:var(--success)}.plant-avatar.st-warning:after{background:var(--warning)}.plant-avatar.st-offline:after{background:var(--danger)}.state-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:99px;font-size:11.5px;font-weight:500;white-space:nowrap}.state-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.state-pill.online{color:var(--success);background:var(--success-soft)}.state-pill.online:before{animation:pulse 2s infinite}.state-pill.warning{color:var(--warning);background:var(--warning-soft)}.state-pill.offline{color:var(--danger);background:var(--danger-soft)}.brand-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);white-space:nowrap}.brand-tag:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--pc)}.today-cell{display:flex;flex-direction:column;gap:5px;min-width:120px}.today-cell .num{font-size:12.5px}.mini-bar{height:4px;border-radius:99px;background:var(--surface-3);overflow:hidden}.mini-bar>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#f59e0b,#f6d012);transition:width .6s ease}.row-go{width:26px;height:26px;border-radius:8px;display:inline-grid;place-items:center;color:var(--faint);transition:background .15s,color .15s,transform .15s}.plant-list tbody tr:hover .row-go{background:var(--primary-soft);color:var(--primary-strong);transform:translate(2px)}tr.reveal{opacity:0;transform:translateY(10px)}tr.reveal.in{opacity:1;transform:none;transition:opacity .45s ease var(--d, 0ms),transform .45s cubic-bezier(.2,.7,.2,1) var(--d, 0ms)}@media(prefers-reduced-motion:reduce){tr.reveal{opacity:1;transform:none}}:root,:root[data-theme=dark]{--header-bg: #000000;--header-border: #16181c}.tab{border-radius:8px 8px 0 0}.tab.active{color:#fff;background:radial-gradient(120% 90% at 50% 100%,rgba(29,191,209,.32),rgba(29,191,209,.06) 55%,transparent 80%)}.tab.active:after{left:18%;right:18%;height:2px;background:#1dbfd1;box-shadow:0 0 10px 2px #1dbfd1d9,0 0 22px 6px #1dbfd159}.tab.active svg{color:#3dd6e8;filter:drop-shadow(0 0 6px rgba(29,191,209,.7))}.tabs{position:relative}.tab.active{background:none}.tab.active:after{display:none}.tab svg{transition:color .3s,filter .3s}.tab-ink{position:absolute;left:0;bottom:0;height:100%;pointer-events:none;border-radius:8px 8px 0 0;background:radial-gradient(120% 90% at 50% 100%,rgba(29,191,209,.32),rgba(29,191,209,.06) 55%,transparent 80%);transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),opacity .2s}.tab-ink:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:2px;border-radius:2px;background:#1dbfd1;box-shadow:0 0 10px 2px #1dbfd1d9,0 0 22px 6px #1dbfd159}.tab{position:relative;z-index:1}.page-head{align-items:center;padding:4px 0 2px;animation:pop .35s ease}.plant-thumb{position:relative;width:64px;height:44px;flex:none;border-radius:9px;overflow:visible}.plant-thumb img{width:100%;height:100%;object-fit:cover;border-radius:9px;border:1px solid var(--border);display:block;background:var(--surface-3)}.plant-thumb.default img{object-position:center 60%;filter:saturate(.9)}.plant-thumb:after{content:"";position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border-radius:50%;border:2px solid var(--surface);background:var(--faint)}.plant-thumb.st-online:after{background:var(--success)}.plant-thumb.st-warning:after{background:var(--warning)}.plant-thumb.st-offline:after{background:var(--danger)}.plant-thumb .brand-dot{position:absolute;left:4px;top:4px;width:7px;height:7px;border-radius:2px;background:var(--pc);box-shadow:0 0 0 1.5px #00000059}.plant-list tbody tr:hover .plant-thumb img{transform:scale(1.04)}.plant-thumb img{transition:transform .25s ease}.auth-v2{grid-template-columns:1.2fr 1fr}.auth-v2 .auth-visual{justify-content:center;align-items:center;padding:40px;gap:26px;background:#020b18;isolation:isolate}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(60% 50% at 50% 38%,rgba(29,191,209,.22),transparent 70%),radial-gradient(40% 40% at 85% 90%,rgba(83,233,205,.12),transparent 70%),radial-gradient(45% 45% at 10% 85%,rgba(2,36,86,.9),transparent 70%),linear-gradient(180deg,#020b18,#031a33)}.auth-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.35;background-image:linear-gradient(rgba(29,191,209,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(29,191,209,.08) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,transparent 80%)}.auth-hero{display:flex;flex-direction:column;align-items:center;text-align:center}.auth-logo{position:relative;width:110px;height:110px;display:grid;place-items:center;margin-bottom:18px}.auth-logo img{width:74px;height:74px;position:relative;filter:drop-shadow(0 0 18px rgba(29,191,209,.55));animation:logo-float 6s ease-in-out infinite}.auth-logo .halo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(29,191,209,.35);animation:halo 4s ease-out infinite}.auth-logo .halo.h2{animation-delay:2s}@keyframes halo{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.6);opacity:0}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.auth-v2 .auth-visual h2{font-size:46px;font-weight:600;letter-spacing:-.04em;max-width:none}.auth-v2 .auth-visual h2 b{color:#1dbfd1;font-weight:600}.auth-v2 .auth-visual p{margin-top:6px;font-size:15.5px;color:#ffffffa6}.auth-curve{width:min(560px,100%);height:90px;overflow:visible}.auth-curve .line{stroke-dasharray:900;stroke-dashoffset:900;animation:draw 3.2s cubic-bezier(.6,.1,.2,1) .3s forwards;filter:drop-shadow(0 0 6px rgba(29,191,209,.8))}.auth-curve .fill{opacity:0;animation:fadein 1.2s ease 2.4s forwards}.auth-curve .dot{opacity:0;animation:fadein .4s ease 2s forwards,dotpulse 2s ease-in-out 2.4s infinite}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fadein{to{opacity:1}}@keyframes dotpulse{0%,to{r:5}50%{r:7}}.insights{position:relative;width:min(440px,100%);height:236px}.insight{position:absolute;left:0;right:0;top:0;display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border-radius:14px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;box-shadow:0 16px 40px -20px #000c;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .8s ease,filter .8s ease}.insight.s0{transform:translateY(0) scale(1);opacity:1;z-index:3}.insight.s1{transform:translateY(80px) scale(.965);opacity:.7;z-index:2;filter:blur(.2px)}.insight.s2{transform:translateY(156px) scale(.93);opacity:.38;z-index:1;filter:blur(.6px)}.insight.s-out{transform:translateY(210px) scale(.9);opacity:0;z-index:0;pointer-events:none}.insight.s-wait{transform:translateY(-46px) scale(1.03);opacity:0;z-index:4;pointer-events:none}.insight .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.insight.tone-cyan .ic{background:#1dbfd12e;color:#3dd6e8}.insight.tone-amber .ic{background:#f6d01229;color:#f6d012}.insight.tone-red .ic{background:#ff5c6129;color:#ff7a7e}.insight.tone-green .ic{background:#53e9cd29;color:#53e9cd}.insight .t{font-size:12.5px;font-weight:600;display:flex;gap:8px;align-items:center}.insight .now{margin-left:auto;font-size:11px;font-weight:400;color:#ffffff80;white-space:nowrap}.insight .d{font-size:13px;color:#ffffffc7;margin-top:2px;line-height:1.45}.auth-v2 .auth-panel,.auth-v2 .auth-visual{position:relative}.auth-volver{position:relative;align-self:center;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:13px;font-weight:600;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s}.auth-volver:hover{background:#fff3}.auth-v2 .auth-card h1{font-size:28px;letter-spacing:-.03em}.auth-v2 .input{height:44px;border-radius:10px}.auth-submit{gap:10px;border-radius:12px!important;box-shadow:0 12px 30px -12px #1dbfd1cc}.auth-submit svg{transition:transform .2s}.auth-submit:hover svg{transform:translate(3px)}@media(max-width:860px){.auth-v2{grid-template-columns:1fr}.auth-v2 .auth-visual{min-height:auto;padding:32px 18px 24px}.auth-v2 .auth-visual h2{font-size:34px}.auth-curve{display:none}.insights{height:96px}.insight.s1,.insight.s2{opacity:0}}@media(prefers-reduced-motion:reduce){.auth-v2 *{animation:none!important;transition:none!important}.auth-curve .line{stroke-dashoffset:0}.auth-curve .fill,.auth-curve .dot{opacity:1}}.auth-photos{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:#020b18}.auth-photo{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;background-size:cover;background-position:center;opacity:0;transform:scale(1.08);transition:opacity 2.4s ease,transform 11s ease-out}.auth-photo.on{opacity:1;transform:scale(1)}.auth-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 55% at 50% 30%,#020b1859,#020b18bf 70%),linear-gradient(180deg,#020b188c,#020b1859 35%,#020b18e0)}.auth-v2 .auth-visual{justify-content:center;gap:22px}.auth-stage{width:min(560px,100%);display:flex;flex-direction:column;gap:14px}.ins-chart{position:relative;padding:12px 14px 8px;border-radius:16px;background:#020e1f8c;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ins-chart-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:4px;font-size:11.5px;color:#ffffffb3}.ins-chart-head .ttl{font-weight:600;color:#fff;font-size:12.5px;margin-right:auto;transition:opacity .4s}.ins-chart-head .lg{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.ins-chart-head .lg i{width:14px;height:3px;border-radius:2px;display:inline-block}.ins-chart-head .lg i.dash{background:repeating-linear-gradient(90deg,rgba(255,255,255,.6) 0 4px,transparent 4px 7px)}.ins-chart svg{width:100%;height:auto;display:block;overflow:visible}.ins-chart .grid{stroke:#ffffff14;stroke-width:1}.ins-chart .cur{fill:none;stroke-width:2.6;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(29,191,209,.45));transition:d .9s cubic-bezier(.22,1,.36,1),stroke .6s}.ins-chart .cmp{fill:none;stroke:#ffffff8c;stroke-width:1.6;stroke-dasharray:5 5;transition:d .9s cubic-bezier(.22,1,.36,1),opacity .5s}.ins-chart .area{transition:d .9s cubic-bezier(.22,1,.36,1)}.ins-chart .area stop{transition:stop-color .6s}.ins-chart .hl,.ins-chart .hl-ring{transition:cx .9s cubic-bezier(.22,1,.36,1),cy .9s cubic-bezier(.22,1,.36,1),fill .6s,stroke .6s}.ins-chart .hl-ring{fill:none;stroke-width:1.5;opacity:.6;animation:ring-pulse 1.8s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes ring-pulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.5);opacity:0}}.ins-chart .xl{fill:#ffffff80;font-size:11px;font-family:var(--mono)}.ins-badge{position:absolute;transform:translate(-50%,-150%);margin-top:12px;padding:2px 8px;border-radius:6px;font-family:var(--mono);font-size:11.5px;font-weight:600;color:#021018;white-space:nowrap;pointer-events:none;transition:left .9s cubic-bezier(.22,1,.36,1),top .9s cubic-bezier(.22,1,.36,1),background .6s;box-shadow:0 6px 16px -6px #0009}.insight .scope{font-size:10.5px;font-weight:500;padding:1px 6px;border-radius:5px;background:#ffffff1a;color:#ffffffbf}.insights{width:100%;height:232px}.auth-bg,.auth-grid,.auth-curve{display:none}@media(max-width:860px){.insights{height:100px}}.ins-badge-g{transition:transform .9s cubic-bezier(.22,1,.36,1)}.ins-badge-g rect{transition:fill .6s}.ins-badge-t{font-family:var(--mono);font-size:12px;font-weight:600;fill:#021018}.auth-visual>.auth-photos{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.auth-visual>.auth-hero,.auth-visual>.auth-stage{position:relative;z-index:1}.auth-shade{background:radial-gradient(60% 45% at 50% 28%,#020b1833,#020b188c 75%),linear-gradient(180deg,#020b1873,#020b1833 30%,#020b18b3 70%,#020b18eb)}.auth-v2 .auth-visual h2,.auth-v2 .auth-visual p{text-shadow:0 2px 18px rgba(0,0,0,.55)}.ins-chart{background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:4px 2px 0}.ins-chart .grid{stroke:#ffffff12}.auth-v2 .auth-visual,.auth-photos{background:#000}.auth-shade{background:radial-gradient(60% 45% at 50% 28%,#00000026,#0000008c 75%),linear-gradient(180deg,#00000073,#0003 30%,#000000b8 68%,#000000f0)}.insight{background:#00000073;border-color:#ffffff1a}.flow-svg-wrap{justify-content:center}.flow-svg-wrap svg{width:100%;max-width:600px;max-height:min(340px,42vh);margin:0 auto}@media(min-width:1600px){.flow-svg-wrap svg{max-width:640px;max-height:min(360px,42vh)}}.flow-svg-wrap{position:relative;flex:1;min-height:300px}.flow-svg-wrap svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0}@media(min-width:1600px){.flow-svg-wrap svg{max-width:none;max-height:none}}@media(max-width:860px){.flow-svg-wrap{min-height:0;aspect-ratio:600 / 318;flex:none}}