:root{--paper:#F2F1E4;--card:#FCFBF4;--ink:#25301E;--moss:#4B6B3A;--muted:#6E7A5C;--dim:#9AA487;--leaf:#5E8F3E;--leaf-d:#48722E;--water:#2E8B96;--water-d:#236D77;--berry:#C0392B;--straw:#C2921F;--soil:#8A6D45;--line:#DEDDC9;--line-2:#C9C9AF;--wash:#EAE9DA;--sidebar:#233020;--display:"Fraunces",Georgia,serif;--body:"Hanken Grotesk",system-ui,sans-serif;--mono:"Spline Sans Mono",ui-monospace,monospace;--st-normal:#4C8A3A;--st-warning:#C2921F;--st-alarm:#C0392B;--st-none:#9AA487}:root[data-theme=dark]{--paper:#141b12;--card:#1c2419;--ink:#E7ECDF;--moss:#A7C08F;--muted:#93A07C;--dim:#6E7A5C;--leaf:#6FA24B;--leaf-d:#8CBE64;--water:#3FA9B6;--water-d:#63C4D0;--berry:#E05747;--straw:#D9A93A;--soil:#B08A5A;--line:#2c3823;--line-2:#3a4930;--wash:#232d1c;--sidebar:#0f1610;--st-normal:#6FA24B;--st-warning:#D9A93A;--st-alarm:#E05747;--st-none:#8B9673}:root[data-theme=dark] body{background-image:radial-gradient(rgba(120,170,90,.06) 1px,transparent 1px)}:root[data-theme=dark] .login-page{background:radial-gradient(900px 480px at 50% -8%,#1f2c1a,transparent 60%),var(--paper)}:root[data-theme=dark] .site-card,:root[data-theme=dark] .panel,:root[data-theme=dark] .modal{box-shadow:0 8px 20px #00000059}:root[data-theme=dark] .chip.local{background:#4299e12e;color:#8fc0f0;border-color:#4299e166}:root[data-theme=dark] .chip.global{background:#d9a93a2e;color:#e7c877;border-color:#d9a93a66}:root[data-theme=dark] .badge.warning{color:var(--st-warning)}:root[data-theme=dark] .sensor-tile{background:var(--wash);border-color:var(--line)}:root[data-theme=dark] .sensor-tile.warning{background:#d9a93a1f}:root[data-theme=dark] .sensor-tile.alarm{background:#e057471f}:root[data-theme=dark] .box-card{border-color:var(--line)}:root[data-theme=dark] .st-label{color:var(--muted)}:root[data-theme=dark] .st-val{color:var(--ink)}.pref-row{display:flex;gap:8px}.pref-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--moss);cursor:pointer;font-size:12px;font-weight:700}.pref-btn:hover{border-color:var(--leaf);color:var(--leaf-d)}.pref-btn .ico{width:18px;height:18px}*{box-sizing:border-box}body{margin:0;font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.45;background:var(--paper);background-image:radial-gradient(rgba(94,143,62,.05) 1px,transparent 1px);background-size:22px 22px;background-attachment:fixed}a{color:inherit;text-decoration:none}input:not([type=file]):not([type=checkbox]):not([type=radio]),select,textarea{font-family:var(--body);font-size:13.5px;color:var(--ink);accent-color:var(--leaf)}input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:var(--card)}input:not([type=file]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--leaf);box-shadow:0 0 0 3px #5e8f3e29}:focus-visible{outline:2px solid var(--leaf);outline-offset:2px}.muted{color:var(--muted);font-size:13px}.mono{font-family:var(--mono)}h1,h3{margin:0}.ico{width:16px;height:16px;flex:none}.app{display:flex;min-height:100vh}.sidebar{width:230px;flex:none;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh}.side-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 18px;border-bottom:1px solid var(--line)}.side-head .brand{padding:0;text-decoration:none}.side-burger{display:none;background:none;border:0;cursor:pointer;color:var(--moss);padding:6px;border-radius:8px}.side-burger .ico{width:24px;height:24px}.side-body{flex:1;display:flex;flex-direction:column;min-height:0}.side-nav{display:flex;flex-direction:column;gap:4px;margin-top:16px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;font-weight:600;font-size:14px;color:var(--moss);position:relative;text-decoration:none}.nav-item .ico{width:18px;height:18px}.nav-item:hover{background:#5e8f3e17;color:var(--leaf-d)}.nav-item.active{background:#5e8f3e24;color:var(--leaf-d)}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--leaf-d)}.nav-badge{margin-left:auto;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;padding:0 5px}.nav-badge.warn{background:var(--st-warning)}.nav-badge.alarm{background:var(--st-alarm);animation:blink 1.1s infinite}.side-user-top{display:flex;align-items:center;gap:10px;margin:14px 0 4px;padding:10px;border-radius:12px;background:#5e8f3e14;border:1px solid var(--line)}.side-avatar{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(150deg,#6d9a4e,#3f7a34)}.side-user-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.side-user-meta b{font-size:13px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-meta .badge{align-self:flex-start}.side-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.side-user{display:flex;flex-direction:column;line-height:1.3}.side-user b{font-size:13px}.side-user small{color:var(--muted);font-size:11px;text-transform:capitalize}.content{flex:1;min-width:0}.skeleton{background:linear-gradient(100deg,#5e8f3e14 30%,#5e8f3e29,#5e8f3e14 70%);background-size:200% 100%;animation:sk-shimmer 1.3s ease-in-out infinite}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.row-hl{animation:row-hl 2.4s ease-out}@keyframes row-hl{0%,40%{background:#5e8f3e47}to{background:transparent}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#23301f6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:modal-fade .15s ease-out}.modal{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;max-width:400px;width:100%;box-shadow:0 24px 60px #23301f47;text-align:center;animation:modal-pop .18s cubic-bezier(.2,.9,.3,1.2)}.modal-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;font-size:22px;font-weight:800;background:#5e8f3e24;color:var(--leaf-d)}.modal-icon.danger{background:#c0392b21;color:var(--berry)}.modal-icon .ico{width:22px;height:22px}.modal-title{font-family:var(--display);font-size:20px;font-weight:600;margin-bottom:6px}.modal-msg{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 20px}.modal-actions{display:flex;gap:10px;justify-content:center}.modal-actions .btn,.modal-actions .btn-ghost{min-width:110px;padding:10px 18px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.toast-host{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:min(360px,90vw)}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:13.5px;font-weight:600;color:#fff;box-shadow:0 8px 24px #23301f38;cursor:pointer;animation:toast-in .25s ease-out}.toast.ok{background:linear-gradient(135deg,#5e8f3e,#3f7a34)}.toast.err{background:linear-gradient(135deg,#d24a3c,#a5271b)}.toast-ico{width:20px;height:20px;border-radius:50%;background:#ffffff40;display:grid;place-items:center;font-size:12px;flex:none}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:640px){.toast-host{left:12px;right:12px;bottom:12px;max-width:none}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@keyframes blink{50%{opacity:.4}}.stat-pill.alarm b{color:var(--st-alarm)}.stat-pill.warning b{color:var(--st-warning)}.page-title .ico{width:24px;height:24px;color:var(--st-alarm);vertical-align:-3px;margin-right:4px}.alarm-list{display:flex;flex-direction:column;gap:8px}.alarm-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;border-left:4px solid var(--st-none)}.alarm-row.alarm{border-left-color:var(--st-alarm);background:#c0392b0a}.alarm-row.warning{border-left-color:var(--st-warning);background:#c2921f0a}.alarm-row.resolved{opacity:.6;background:none}.alarm-main{flex:1;min-width:0}.alarm-msg{font-weight:600;font-size:14px}.alarm-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.alarm-sub a{color:var(--water-d);font-weight:600}.alarm-time{font-size:12px;color:var(--muted);white-space:nowrap;font-family:var(--mono)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(900px 480px at 50% -8%,#E4EED6,transparent 60%),var(--paper);padding:20px}.login-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 60px #23301f24}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--moss)}.login-card input{padding:11px 12px;border:1px solid var(--line-2);border-radius:10px;font-size:14px;font-family:var(--body)}.pw-field{position:relative;display:flex}.pw-field input{flex:1;padding-right:40px}.pw-peek{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:none;color:var(--muted);cursor:pointer;border-radius:8px}.pw-peek:hover{color:var(--ink);background:var(--wash)}.pw-peek.on{color:var(--moss)}.login-card .btn{justify-content:center;margin-top:4px}.login-err{color:var(--berry);font-size:13px;margin:0}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;display:grid;place-items:center}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-txt b{font-family:var(--display);font-size:19px;display:block;line-height:1}.brand-txt small{color:var(--muted);font-size:11px}.wrap{max-width:1200px;margin:0 auto;padding:26px}.hero{margin-bottom:22px}.page-title{font-family:var(--display);font-size:28px;font-weight:600;letter-spacing:-.01em}.page-title.lg{font-size:34px}.sub{color:var(--muted);margin:4px 0 0}.crumbs{font-size:13px;color:var(--muted);margin-bottom:8px;display:flex;gap:8px;align-items:center}.crumbs a{color:var(--water-d);font-weight:600}.crumbs span{color:var(--dim)}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}.head-stats{display:flex;gap:10px}.stat-pill{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 16px;text-align:center}.stat-pill b{font-family:var(--display);font-size:22px;display:block;line-height:1}.stat-pill span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:22px;box-shadow:0 1px 2px #25301e08,0 14px 30px #25301e0e}.panel h3{font-size:13px;text-transform:uppercase;letter-spacing:.7px;color:var(--moss);font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.panel h3 .ico{width:15px;height:15px;color:var(--leaf)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-head h3{margin:0}.btn,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:11px;font-weight:700;font-size:13px;cursor:pointer;border:1px solid transparent;font-family:var(--body);transition:filter .12s,border-color .12s,background .12s,transform .05s}.btn{background:linear-gradient(135deg,#6aa047,#48722e);color:#fff;box-shadow:0 2px 7px #48722e42}.btn:hover{filter:brightness(1.05)}.btn:active,.btn-ghost:active{transform:translateY(1px)}.btn:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.btn.sm,.btn-ghost.sm{padding:7px 13px;font-size:12.5px;border-radius:10px}.btn .ico,.btn-ghost .ico{width:15px;height:15px}.btn-ghost{background:var(--card);color:var(--leaf-d);border-color:var(--line-2)}.btn-ghost:hover,.btn-ghost.on{border-color:var(--leaf);color:var(--leaf-d);background:#5e8f3e12}.btn-ghost.danger{color:var(--berry)}.btn-ghost.danger:hover{border-color:var(--berry);color:#8f1f16;background:#c0392b0f}.link{color:var(--water-d);font-weight:600;text-decoration:underline;cursor:pointer;background:none;border:0;font-size:13px}.badge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:2px 9px;border-radius:999px;border:1px solid}.badge.lg{font-size:12px;padding:5px 13px}.badge.normal{background:#4c8a3a21;color:var(--st-normal);border-color:#4c8a3a59}.badge.warning{background:#c2921f24;color:var(--st-warning);border-color:#c2921f66}.badge.alarm{background:#c0392b21;color:var(--st-alarm);border-color:#c0392b66}.badge.none{background:var(--wash);color:var(--muted);border-color:var(--line)}.led{width:12px;height:12px;border-radius:50%;flex:none}.led.normal{background:var(--st-normal);box-shadow:0 0 0 3px #4c8a3a33}.led.warning{background:var(--st-warning);box-shadow:0 0 0 3px #c2921f38}.led.alarm{background:var(--st-alarm);box-shadow:0 0 0 3px #c0392b33}.led.none{background:var(--st-none);box-shadow:0 0 0 3px #9aa48733}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.site-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:block;transition:.15s;box-shadow:0 8px 20px #23301f0d}.site-card:hover{border-color:var(--water);transform:translateY(-3px);box-shadow:0 16px 34px #23301f1a}.site-thumb{height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:700;color:#fff;font-size:13px}.site-thumb .ico{width:34px;height:34px;opacity:.9}.site-thumb.has{background:radial-gradient(circle at 50% 30%,#8fa694,#5e7566)}.site-thumb.none{background:repeating-linear-gradient(45deg,#eef2e6,#eef2e6 10px,#e4e9d6 10px,#e4e9d6 20px);color:var(--muted)}.site-thumb.img{padding:0}.site-thumb.img img{width:100%;height:140px;object-fit:cover;display:block}.site-image-block{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.site-image-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.focus-editor{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.focus-pick{flex:1;min-width:260px}.focus-hint{font-size:11px;margin-bottom:6px}.focus-img{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line-2);cursor:crosshair;line-height:0}.focus-img img{width:100%;max-height:260px;object-fit:contain;background:var(--wash);-webkit-user-select:none;user-select:none}.focus-dot{position:absolute;width:22px;height:22px;border-radius:50%;border:3px solid #fff;background:#5e8f3e80;box-shadow:0 0 0 2px var(--leaf-d),0 2px 6px #00000059;transform:translate(-50%,-50%);pointer-events:none}.focus-side{width:260px;display:flex;flex-direction:column;gap:8px}.focus-card-preview{width:100%;height:110px;object-fit:cover;border-radius:12px;border:1px solid var(--line-2)}.focus-range{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--moss)}.focus-range input[type=range]{width:100%}.site-body{padding:16px}.site-card h3{font-family:var(--display);font-size:20px;font-weight:600}.site-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12.5px;color:var(--muted)}.site-meta span{display:inline-flex;align-items:center;gap:5px}.site-meta .ico{width:14px;height:14px}.site-meta .go{color:var(--water-d);font-weight:700}.site-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}.model-panel{padding:0;overflow:hidden}.model-panel .panel-head{padding:14px 18px 0}.mv{width:100%;height:58vh;min-height:420px;display:block;background:radial-gradient(circle at 50% 30%,#8fa694,#5e7566)}.mv.placing{cursor:crosshair}.place-bar{padding:11px 18px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);background:#f1f4e9}.place-toolbar{border-top:1px solid var(--line);background:#f1f4e9;padding:12px 18px}.pt-head{font-size:13px;color:var(--ink);display:flex;align-items:center;gap:7px;margin-bottom:10px}.pt-head .ico{width:16px;height:16px;color:var(--water-d)}.pt-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pt-axis{display:flex;align-items:center;gap:4px}.pt-axis>span{font-family:var(--mono);font-weight:700;color:var(--moss);font-size:13px;width:14px}.pt-btn{width:30px;height:30px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line-2);border-radius:8px;cursor:pointer;color:var(--water-d)}.pt-btn:hover{border-color:var(--water);color:var(--water)}.pt-btn .ico{width:15px;height:15px}.pt-input{width:92px;padding:6px 8px;border:1px solid var(--line-2);border-radius:8px;font-family:var(--mono);font-size:13px}.pt-step{display:flex;flex-direction:column;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--moss);gap:2px}.pt-step input{width:90px;padding:6px 8px;border:1px solid var(--line-2);border-radius:8px;font-family:var(--mono);font-size:13px}.hs{background:none;border:0;padding:0;cursor:pointer;position:relative}.hs-dot{display:block;width:15px;height:15px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #00000040,0 2px 5px #0000004d}.hs.normal .hs-dot{background:var(--st-normal)}.hs.warning .hs-dot{background:var(--st-warning)}.hs.alarm .hs-dot{background:var(--st-alarm)}.hs.none .hs-dot{background:var(--st-none)}.hs.sel .hs-dot{outline:3px solid var(--water);outline-offset:2px;animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #2e8b9600}}.hs-label{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:10px;background:var(--sidebar);color:#fff;padding:1px 6px;border-radius:6px;white-space:nowrap;font-family:var(--mono);opacity:0;transition:.15s}.hs.sel .hs-label{opacity:1}.hs-card{position:absolute;bottom:26px;left:50%;transform:translate(-50%) translateY(4px);min-width:158px;background:var(--card);border:1px solid var(--line-2);border-radius:12px;padding:9px 11px;box-shadow:0 12px 26px #23301f42;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:6}.hs:hover .hs-card{opacity:1;transform:translate(-50%) translateY(0)}.hs-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--ink);margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--line)}.hs-online{font-family:var(--body);font-size:10px;font-weight:800}.hs-online.on{color:var(--leaf-d)}.hs-online.off{color:var(--muted)}.hs-card-row{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:2px 0}.hs-card-row span{color:var(--muted)}.hs-card-row b{font-variant-numeric:tabular-nums}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:58vh;min-height:420px;text-align:center;padding:24px;color:var(--muted)}.dropzone .ico{width:40px;height:40px;color:var(--dim)}.dz-title{font-family:var(--display);font-size:20px;color:var(--ink)}.mini-empty{padding:40px 18px;text-align:center;color:var(--muted)}.loc-controls{display:flex;gap:8px;margin-bottom:12px}.loc-search{flex:1;padding:8px 12px;border:1px solid var(--line-2);border-radius:9px;font-size:13px;font-family:var(--body)}.loc-controls select{padding:8px 10px;border:1px solid var(--line-2);border-radius:9px;font-size:13px}.box-list{display:flex;flex-direction:column;gap:12px}.box-list.scroll{max-height:62vh;overflow-y:auto;padding-right:4px;-webkit-overflow-scrolling:touch}.box-card{border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--card)}.box-card.sel{border-color:var(--water);box-shadow:inset 0 0 0 1px var(--water)}.box-top{display:flex;align-items:center;gap:10px}.box-id{flex:1;font-size:14px}.box-sensors{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;margin:11px 0}.sensor-tile{border:1px solid var(--line);border-radius:10px;padding:8px 10px;border-left:3px solid var(--st-none)}.sensor-tile.normal{border-left-color:var(--st-normal)}.sensor-tile.warning{border-left-color:var(--st-warning);background:#c2921f14}.sensor-tile.alarm{border-left-color:var(--st-alarm);background:#c0392b14}.st-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:700}.st-val{font-family:var(--display);font-size:19px;font-weight:600}.st-val small{font-size:11px;color:var(--muted);margin-left:2px;font-family:var(--body)}.box-actions{display:flex;gap:8px;justify-content:flex-end}.pt-kbd{font-size:11.5px;color:var(--moss);margin:2px 0 6px;opacity:.85}.pt-kbd b{color:var(--leaf-d);font-family:var(--mono,monospace)}.tab-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.tabs{display:flex;gap:6px}.tab-row .tabs{margin:0}.points-select{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--moss)}.points-select select{padding:7px 10px;border:1px solid var(--line-2);border-radius:9px;font-size:13px;text-transform:none;letter-spacing:0;font-weight:400}.trend-tools{display:flex;align-items:center;gap:10px}.tcard-empty{display:grid;place-items:center;text-align:center;min-height:180px;padding:16px;color:var(--muted);font-size:13px}.head-status{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.last-seen{font-size:11.5px;color:var(--muted);font-weight:600}.last-seen.stale{color:var(--berry)}.alarm-time{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.acked{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--leaf-d)}.acked .ico{width:13px;height:13px}.tab{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}.tab .ico{width:15px;height:15px}.tab.active{background:var(--water);border-color:var(--water);color:#fff}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-bottom:20px}.tcard{margin:0}.tcard-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-family:var(--display);font-size:18px}.tcard-cur{display:inline-flex;align-items:center;gap:8px;font-size:18px}.thr-row{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line)}.thr-row:first-of-type{border-top:0}.thr-name{font-family:var(--display);font-size:17px;min-width:110px}.thr-name small{font-size:12px;color:var(--muted);margin-left:4px}.thr-fields{display:flex;gap:10px;flex-wrap:wrap;flex:1}.thr-fields label{display:flex;flex-direction:column;gap:3px;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--moss)}.thr-fields input{width:78px;padding:7px 8px;border:1px solid var(--line-2);border-radius:8px;font-family:var(--mono);font-size:13px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th,.tbl td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}.tbl th{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.4px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.row-actions{display:flex;gap:14px}.audit-act{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.4px;padding:2px 8px;border-radius:6px;background:var(--wash);color:var(--moss)}.audit-act.login{background:#5e8f3e24;color:var(--leaf-d)}.audit-act.post{background:#2e8b9624;color:var(--water-d)}.audit-act.patch,.audit-act.put{background:#c2921f29;color:#8a6413}.audit-act.delete{background:#c0392b21;color:var(--berry)}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px;font-size:13px}.pager-info{color:var(--muted)}.pager-info b{color:var(--ink)}.link{display:inline-flex;align-items:center;gap:4px}.link .ico{width:14px;height:14px}.link.danger{color:var(--berry)}.link.danger:hover{color:#8f1f16}.ds-channel{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.ds-channel label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--moss)}.ds-channel input,.ds-add input,.ds-add select{padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;font-size:13px;font-family:var(--body)}.ds-sensors{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ds-chip{display:inline-flex;align-items:center;gap:6px;background:#5e8f3e1f;color:var(--leaf-d);border:1px solid rgba(94,143,62,.35);border-radius:999px;padding:5px 8px 5px 12px;font-size:12.5px;font-weight:700}.ds-chip button{background:none;border:0;cursor:pointer;color:var(--berry);display:grid;place-items:center;padding:0;border-radius:50%;width:18px;height:18px}.ds-chip button:hover{background:#c0392b26}.ds-chip .ico{width:13px;height:13px}.ds-add{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}.box-details{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.box-details label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--moss);flex:1;min-width:140px}.box-details label.wide{flex:2.2;min-width:220px}.box-details input,.box-details select{width:100%;height:42px;padding:0 12px;border:1px solid var(--line-2);border-radius:11px;font-size:13.5px;font-family:var(--body);color:var(--ink);background:var(--card)}.box-details select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236E7A5C' stroke-width='2.4' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.box-details .btn,.box-details .btn-ghost,.box-details .btn.sm,.box-details .btn-ghost.sm{height:42px;flex:none}.danger-zone{border-color:#c0392b4d}.danger-zone h3{color:var(--berry)}.danger-zone h3:before{background:var(--berry)}.danger-zone h3 .ico{color:var(--berry)}.btn.danger{background:linear-gradient(135deg,#d24a3c,#a5271b)}.add-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px;border-top:1px dashed var(--line-2);padding-top:14px}.add-box input{padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;font-size:13px;font-family:var(--body);flex:1;min-width:110px}.viz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:20px}.viz-card{margin:0;text-align:center;display:flex;flex-direction:column;align-items:center}.viz-card h3{align-self:flex-start}.viz-svg{width:100%;max-width:230px}.viz-svg svg{width:100%;height:auto}.viz-svg .tank{max-width:140px;margin:0 auto;display:block}.g2-tick{font-size:10px;fill:var(--muted);font-family:var(--mono);text-anchor:middle}.tk-t{font-size:8px;fill:var(--dim);font-family:var(--mono);text-anchor:end}.viz-read{font-family:var(--display);font-size:28px;font-weight:600;margin-top:2px}.viz-read small{font-size:13px;color:var(--muted)}.viz-scale{display:flex;justify-content:center;gap:12px;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}@media (max-width:860px){.site-layout{grid-template-columns:1fr}}.event-form{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8faf3;border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.ef-row{display:flex;gap:12px;flex-wrap:wrap}.ef-row label,.event-form>.wide{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--moss);flex:1;min-width:140px}.ef-row input,.ef-row select,.event-form input{padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;font-size:13px;font-family:var(--body)}.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.badge.normal{background:#5e8f3e26;color:var(--leaf-d)}.badge.warning{background:#c0743a26;color:#9a5a22}.badge.alarm{background:#b23a2e26;color:var(--berry)}.badge.none{background:var(--line);color:var(--muted)}.badge.lg{padding:4px 12px;font-size:12px}.chip.local{background:#e8f4fd;color:#1976d2;border-color:#90caf9}.chip.global{background:#fff3e0;color:#e65100;border-color:#ffcc80}@media (max-width:820px){.app{flex-direction:column}.sidebar{width:auto;height:auto;position:sticky;top:0;z-index:30;flex-direction:column;padding:0;border-right:0;border-bottom:1px solid var(--line)}.side-head{padding:9px 14px;border-bottom:0}.side-burger{display:grid;place-items:center}.side-body{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 14px 26px #23301f29;padding:12px 14px 16px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-height:calc(100vh - 58px);overflow-y:auto}.sidebar.open .side-body{transform:none;opacity:1;pointer-events:auto}.side-nav{margin-top:6px}.nav-item{padding:12px;font-size:15px}.nav-item.active:before{top:10px;bottom:10px}.side-user-top{margin:0 0 10px}.side-foot{margin-top:12px}.side-foot .btn-ghost{width:100%;justify-content:center}.side-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#23301f66;z-index:20;animation:modal-fade .15s ease-out}}@media (max-width:640px){.brand-txt b{font-size:17px}.trend-tools{flex-wrap:wrap;gap:8px}.tab-row{gap:10px}.tbl{min-width:520px}.box-details label,.ds-channel label{min-width:100%}.wrap{padding:14px}.page-title{font-size:22px}.page-head{flex-direction:column;align-items:flex-start;gap:8px}.head-status{align-items:flex-start}.site-grid,.site-layout{grid-template-columns:1fr}.mv{height:45vh;min-height:280px}.box-card{padding:10px}.box-top{gap:8px}.box-id{font-size:13px}.box-sensors{grid-template-columns:1fr 1fr}.sensor-tile{padding:8px}.st-label{font-size:10px}.st-val{font-size:16px}.box-actions{flex-wrap:wrap}.box-actions .btn,.box-actions .btn-ghost{flex:1;justify-content:center;min-width:0}.panel{padding:12px;border-radius:12px}.tabs{flex-wrap:wrap;gap:4px}.tab{padding:6px 12px;font-size:12px}.tab-row{flex-direction:column;gap:8px}.chart-grid,.viz-grid{grid-template-columns:1fr}.viz-card{padding:12px}.tbl{font-size:11px;display:block;overflow-x:auto}.tbl th,.tbl td{padding:7px 6px;white-space:nowrap}.pos-editor{flex-direction:column}.pos-editor input{width:100%}.crumbs{font-size:11px;flex-wrap:wrap}.chips{gap:4px}.chip{font-size:10px;padding:2px 6px}.thr-row{flex-direction:column;gap:8px}.thr-fields{flex-wrap:wrap;gap:6px}.thr-fields label{min-width:0;flex:1}.thr-fields input{width:100%}.ef-row{flex-direction:column;gap:8px}.event-form{padding:12px}.ds-channel{flex-direction:column;gap:8px}.ds-add{flex-wrap:wrap;gap:8px}.ds-add select,.ds-add input{flex:1;min-width:0}.box-details{flex-direction:column;gap:8px}.box-details label,.box-details input{width:100%}.place-bar{font-size:12px;padding:8px 12px}.place-toolbar{flex-wrap:wrap;gap:6px}.place-toolbar .btn-ghost{padding:6px 10px;font-size:11px}.danger-zone{padding:12px}.login-page{padding:16px}.login-card{padding:20px;max-width:100%}.dropzone{height:40vh;min-height:260px}.loc-search{width:100%}.loc-filter{flex-wrap:wrap;gap:6px}.points-select{font-size:11px}.points-select select{padding:4px 6px}}@media (min-width:641px) and (max-width:860px){.topbar-right .signout{font-size:11px}.box-sensors{grid-template-columns:repeat(3,1fr)}.viz-grid{grid-template-columns:1fr 1fr}}.badge.role-admin{background:#b23a2e1f;color:var(--berry)}.badge.role-manager{background:#c0743a1f;color:#9a5a22}.badge.role-operator{background:#5e8f3e1f;color:var(--leaf-d)}.welcome-role{vertical-align:middle;margin-left:12px;font-size:12px;padding:4px 12px;position:relative;top:-3px}@media (hover:none){.btn,.btn-ghost,.tab,.chip,.hs{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.box-actions .btn,.box-actions .btn-ghost{min-height:40px}.tab{min-height:38px}}.save-as-wrap{position:relative;display:inline-block}.save-as-menu{display:none;position:absolute;top:100%;left:0;margin-top:4px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #23301f1f;z-index:20;min-width:180px;overflow:hidden}.save-as-menu.open{display:block}.save-as-menu button{display:block;width:100%;text-align:left;padding:10px 14px;font-size:13px;font-weight:500;border:none;background:none;cursor:pointer;font-family:var(--body);color:var(--ink)}.save-as-menu button:hover{background:var(--line)}.save-as-menu button+button{border-top:1px solid var(--line)}@media (max-width:640px){.save-as-menu{left:auto;right:0;min-width:160px}.save-as-wrap{position:static}.save-as-menu{position:fixed;bottom:0;left:0;right:0;top:auto;border-radius:16px 16px 0 0;margin:0;z-index:50;min-width:100%}.save-as-menu button{padding:14px 18px;font-size:15px}}.site-access-panel{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.sa-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sa-grid{display:flex;flex-wrap:wrap;gap:6px}.sa-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid var(--line);cursor:pointer;background:var(--card)}.sa-chip input[type=checkbox]{margin:0}.sa-chip.on{background:#2e8b961a;border-color:var(--water);color:var(--water-d);font-weight:600}.sa-chip.all{background:#5e8f3e14;border-color:#5e8f3e4d;color:var(--leaf-d)}