/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#162033;--muted:#748098;--line:#e6eaf0;--bg:#f5f7fa;--green:#1f9d70;--red:#e8534f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{color:#c9d3e1;z-index:20;background:#112846;flex-direction:column;width:230px;padding:25px 17px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 9px 29px;display:flex}.brand-mark{color:#fff;background:linear-gradient(140deg,#39b888,#1b83b5);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:800;display:grid;box-shadow:0 8px 20px #06162966}.brand-mark svg{width:25px;height:25px}.brand strong,.brand small{display:block}.brand strong{color:#fff;letter-spacing:2px;font-size:19px}.brand small{color:#8092aa;margin-top:3px;font-size:11px}.sidebar nav{flex:1}.nav-item{color:#a8b7c9;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;margin-bottom:6px;padding:12px 14px;font-size:14px;transition:all .2s;display:flex;position:relative}.nav-item:hover,.nav-item.active{color:#fff;background:#1c3b63}.nav-item.active:before{content:"";background:#38b78a;border-radius:0 4px 4px 0;width:3px;height:26px;position:absolute;left:-17px}.nav-item>span{text-align:center;width:18px;font-size:18px}.nav-item i{color:#fff;background:#e75b59;border-radius:10px;place-items:center;min-width:21px;height:21px;margin-left:auto;font-size:11px;font-style:normal;display:grid}.nav-label{color:#61748e;letter-spacing:1px;padding:14px 14px 5px;font-size:11px}.sidebar-status{border-top:1px solid #2a3f5b;align-items:center;gap:11px;padding:18px 8px 0;display:flex}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{color:#d8e1ec;font-size:12px}.sidebar-status small{color:#71859d;margin-top:4px;font-size:10px}.pulse-dot{background:#42c992;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #42c99218}.workspace{width:calc(100% - 230px);margin-left:230px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:82px;padding:0 32px;display:flex}.topbar h1{margin:0;font-size:21px}.topbar p{color:var(--muted);margin:5px 0 0;font-size:12px}.topbar p span{color:var(--green);background:#e9f7f1;border-radius:4px;margin-left:8px;padding:2px 7px}.top-actions{align-items:center;gap:15px;display:flex}.date-box{text-align:right;border-right:1px solid var(--line);padding-right:14px}.date-box b,.date-box small{display:block}.date-box b{font-size:13px}.date-box small{color:var(--muted);margin-top:3px;font-size:11px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:50%;width:38px;height:38px;font-size:20px;position:relative}.icon-btn i{color:#fff;background:var(--red);border:2px solid #fff;border-radius:10px;place-items:center;min-width:17px;height:17px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-4px;right:-3px}.avatar{color:#21416a;background:#dce9f7;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.content{max-width:1580px;margin:auto;padding:25px 30px 40px}.summary-grid{grid-template-columns:1.35fr repeat(4,1fr);gap:14px;display:grid}.summary-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:13px;align-items:center;gap:13px;padding:18px;display:flex;box-shadow:0 3px 12px #17223d08}.summary-card.mini{transition:all .2s}.summary-card.mini:hover,.summary-card.mini.selected{border-color:#a9bad0;transform:translateY(-2px);box-shadow:0 8px 24px #17223d12}.summary-card p{color:#526077;margin:0 0 5px;font-size:12px}.summary-card strong{font-size:25px;line-height:1;display:block}.summary-card strong em{color:#a2aabd;font-size:12px;font-style:normal;font-weight:500}.summary-card span{color:#9aa3b4;font-size:10px}.summary-card span.warn{color:var(--red)}.summary-icon{width:42px;height:42px;color:var(--green);background:#e8f7f1;border-radius:11px;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid}.summary-card.primary{background:linear-gradient(135deg,#fff 55%,#f1faf6);border-color:#d6ebe3}.ring{--value:50%;background:conic-gradient(var(--green) var(--value),#e6eee9 0);border-radius:50%;place-items:center;width:52px;height:52px;margin-left:auto;display:grid;position:relative}.ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.ring b{z-index:1;font-size:11px}.alert-strip{background:#fff8f7;border:1px solid #f3d4d2;border-radius:12px;align-items:center;gap:18px;min-height:72px;margin:16px 0;padding:13px 18px;display:flex}.alert-title{align-items:center;gap:12px;min-width:265px;display:flex}.alert-title>span{width:34px;height:34px;color:var(--red);background:#fde9e7;border-radius:9px;place-items:center;font-weight:900;display:grid}.alert-title strong{font-size:13px}.alert-title p{color:#9b7773;margin:4px 0 0;font-size:10px}.alert-tags{flex-wrap:wrap;gap:7px;display:flex}.alert-tags button{color:#7b5550;background:#fff;border:1px solid #f0d0cc;border-radius:6px;padding:5px 9px;font-size:11px}.alert-tags b{color:var(--red);margin-left:5px}.text-link{color:#c34e49;white-space:nowrap;background:0 0;border:0;margin-left:auto;font-size:11px}.monitor-panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;box-shadow:0 4px 16px #17223d08}.panel-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.panel-head h2{margin:0;font-size:17px}.panel-head p{color:var(--muted);margin:5px 0 0;font-size:11px}.filters{align-items:center;gap:9px;display:flex}.search{border:1px solid var(--line);border-radius:8px;align-items:center;gap:7px;width:205px;height:36px;padding:0 10px;display:flex}.search span{color:#8994a5;font-size:17px}.search input{border:0;outline:0;width:100%;font-size:11px}.filters select{border:1px solid var(--line);color:#455168;background:#fff;border-radius:8px;height:36px;padding:0 27px 0 10px;font-size:11px}.segmented{background:#f3f5f8;border-radius:8px;padding:3px;display:flex}.segmented button{color:#778296;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:11px}.segmented button.active{color:#203c63;background:#fff;font-weight:650;box-shadow:0 1px 5px #1a2b4515}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.shop-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;padding:14px;transition:all .2s}.shop-card:hover{transform:translateY(-2px);box-shadow:0 9px 23px #1c2b4213}.shop-card.danger{background:linear-gradient(#fff 65%,snow);border-color:#f0cfcc}.shop-card.handled{background:#fffdf7;border-color:#e7d5b4}.shop-head{align-items:center;gap:9px;display:flex}.shop-avatar{color:#31557e;background:#eaf0f7;border-radius:9px;place-items:center;width:35px;height:35px;font-size:13px;font-weight:800;display:grid}.shop-head h3{margin:0 0 4px;font-size:13px}.shop-head p{color:#8a95a7;margin:0;font-size:9px}.state-pill{color:var(--red);background:#fff0ef;border-radius:5px;margin-left:auto;padding:3px 7px;font-size:9px}.state-pill.safe{color:var(--green);background:#e9f8f2}.device-row{grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0;display:grid}.device-row>div{border:1px solid #e9edf2;border-radius:7px;align-content:center;place-items:center;gap:1px;height:45px;display:grid}.device-row span{font-size:12px;font-weight:900}.device-row small{color:#6e7b8e;font-size:9px}.device-row .ok{color:var(--green);background:#f2faf7}.device-row .bad{color:var(--red);background:#fff2f1;border-color:#f4d7d4}.shop-foot{border-top:1px solid #eef1f5;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.shop-foot>span{color:#909aab;font-size:8px}.shop-foot i{background:#ef736b;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.shop-foot i.online{background:#3db789}.shop-foot button{color:#60708a;background:0 0;border:0;font-size:9px}.empty{text-align:center;color:#98a2b2;grid-column:1/-1;padding:70px 20px}.empty span{font-size:35px}.empty h3{color:#556176;margin:8px 0 4px;font-size:15px}.empty p{margin:0;font-size:11px}.drawer-layer{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d1d3066;position:fixed;inset:0}.drawer{background:#fff;width:430px;max-width:94vw;padding:25px;animation:.25s slide;position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-15px 0 45px #0d1d3030}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:20px;display:flex}.drawer-head>div>span{color:#758196;font-size:10px}.drawer-head h2{margin:6px 0 4px;font-size:22px}.drawer-head p{color:#8691a2;margin:0;font-size:11px}.drawer-head button{color:#68758a;background:#f1f4f7;border:0;border-radius:50%;width:32px;height:32px;font-size:22px}.overall{background:#fff3f1;border-radius:10px;align-items:center;gap:12px;margin:20px 0;padding:15px;display:flex}.overall>span{width:36px;height:36px;color:var(--red);background:#f8d9d6;border-radius:50%;place-items:center;font-weight:900;display:grid}.overall strong,.overall p{display:block}.overall strong{font-size:13px}.overall p{color:#9c7773;margin:4px 0 0;font-size:10px}.overall.safe{background:#eef9f4}.overall.safe>span{color:var(--green);background:#d5f1e6}.section-title{color:#516076;margin:23px 0 10px;font-size:12px}.detail-devices{gap:8px;display:grid}.detail-devices>div{border:1px solid var(--line);border-radius:9px;align-items:center;gap:11px;padding:12px;display:flex}.detail-devices>div>span{border-radius:7px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.detail-devices span.ok{color:var(--green);background:#eaf8f3}.detail-devices span.bad{color:var(--red);background:#fff0ef}.detail-devices strong,.detail-devices small{display:block}.detail-devices strong{font-size:12px}.detail-devices small{color:#8b95a6;margin-top:3px;font-size:9px}.detail-devices>div>b{margin-left:auto;font-size:10px}.green{color:var(--green)}.red{color:var(--red)}.contact-card{background:#f7f8fa;border-radius:9px;align-items:center;gap:10px;padding:12px;display:flex}.avatar.small{width:33px;height:33px;font-size:11px}.contact-card strong,.contact-card small{display:block}.contact-card strong{font-size:12px}.contact-card small{color:#8a95a6;margin-top:3px;font-size:9px}.contact-card button{color:#315b87;background:#fff;border:1px solid #dce3eb;border-radius:7px;margin-left:auto;padding:6px 9px;font-size:9px}.timeline{border-left:1px solid #dde3ea;margin:24px 0 24px 7px;padding-left:18px}.timeline p{color:#7c8799;margin:0 0 14px;font-size:10px;position:relative}.timeline span{background:#708099;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;left:-22px;box-shadow:0 0 0 1px #afbac8}.primary-btn{color:#fff;background:#16375f;border:0;border-radius:9px;width:100%;padding:12px;font-size:12px;font-weight:650}.primary-btn:hover{background:#0e2b4e}@keyframes slide{0%{transform:translate(100%)}to{transform:none}}@media (max-width:1250px){.shop-grid,.summary-grid{grid-template-columns:repeat(3,1fr)}.summary-card.primary{grid-column:span 3}.panel-head{flex-direction:column;align-items:flex-start}.filters{width:100%}.search{flex:1}}@media (max-width:900px){.sidebar{width:74px;padding-inline:10px}.brand div,.brand small,.nav-item:not(.active),.nav-item.active{font-size:0}.brand{padding-inline:7px}.brand-mark{flex:none}.nav-item{justify-content:center;padding:13px}.nav-item span{font-size:19px}.nav-item.active:before{left:-10px}.nav-label,.sidebar-status{display:none}.workspace{width:calc(100% - 74px);margin-left:74px}.topbar{padding:0 18px}.content{padding:18px}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-card.primary{grid-column:span 2}.shop-grid{grid-template-columns:repeat(2,1fr)}.alert-strip{flex-wrap:wrap;align-items:flex-start}.text-link{margin-left:0}.date-box{display:none}}@media (max-width:620px){.sidebar{display:none}.workspace{width:100%;margin:0}.topbar h1{font-size:17px}.content{padding:12px}.summary-grid{display:flex;overflow:auto}.summary-card{min-width:155px}.summary-card.primary{min-width:245px}.filters{flex-wrap:wrap}.search{min-width:100%}.shop-grid{grid-template-columns:1fr}.monitor-panel{padding:14px}.alert-tags{display:none}.alert-strip{justify-content:space-between}.panel-head{margin-bottom:13px}.topbar{height:70px}.top-actions{gap:8px}}.page-tools{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-tools h2{margin:0;font-size:20px}.page-tools p{color:var(--muted);margin:6px 0 0;font-size:11px}.page-tools>button,.save-bar{color:#fff;background:#16375f;border:0;border-radius:8px;padding:10px 15px;font-size:11px;font-weight:650}.page-tools>button:hover,.save-bar:hover{background:#0f2d50}.data-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:auto;box-shadow:0 4px 16px #17223d08}.data-card table{border-collapse:collapse;width:100%;min-width:820px}.data-card th{color:#7a8699;text-align:left;border-bottom:1px solid var(--line);background:#f8fafc;padding:12px 14px;font-size:10px;font-weight:650}.data-card td{color:#4a566a;border-bottom:1px solid #eef1f4;padding:12px 14px;font-size:11px}.data-card tr:last-child td{border-bottom:0}.data-card td b,.data-card td small{display:block}.data-card td small{color:#8a95a6;margin-top:3px;font-size:9px}.row-action{color:#2e659a;background:0 0;border:0;padding:5px;font-size:10px}.switch{vertical-align:middle;background:#cbd2dc;border:0;border-radius:11px;width:37px;height:21px;margin-right:7px;padding:3px;transition:all .2s;display:inline-flex}.switch span{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;box-shadow:0 1px 3px #0002}.switch.on{background:#28a87a}.switch.on span{transform:translate(16px)}.device-badge{background:#f1f4f8;border-radius:7px;place-items:center;width:25px;height:25px;margin-right:8px;font-weight:800;display:inline-grid}.table-input,.table-select{color:#48566a;background:#fff;border:1px solid #dfe5ec;border-radius:6px;height:32px;padding:0 8px;font-size:10px}.table-input{width:155px}.signal{font-size:10px;font-weight:650}.signal.ok{color:var(--green)}.signal.bad{color:var(--red)}.alert-list{gap:10px;display:grid}.alert-row{border:1px solid #efd8d5;border-left:3px solid var(--red);background:#fff;border-radius:10px;grid-template-columns:auto 1.6fr .8fr .6fr auto;align-items:center;gap:15px;padding:16px;display:grid}.alert-level{width:34px;height:34px;color:var(--red);background:#fff0ef;border-radius:9px;place-items:center;font-weight:900;display:grid}.alert-main h3{margin:0;font-size:13px}.alert-main h3 small{color:#8b96a7;margin-left:8px;font-weight:400}.alert-main p{color:#c25550;margin:5px 0 0;font-size:10px}.alert-contact small,.alert-contact b,.alert-contact span,.alert-time small,.alert-time b{display:block}.alert-contact small,.alert-time small{color:#929cad;font-size:9px}.alert-contact b,.alert-time b{margin-top:4px;font-size:11px}.alert-contact span{color:#7b8799;margin-top:3px;font-size:9px}.handle-btn,.done-btn{border:0;border-radius:7px;padding:8px 11px;font-size:10px}.handle-btn{color:#fff;background:#16375f}.done-btn{color:var(--green);background:#eaf8f3}.history-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.history-summary span{border:1px solid var(--line);color:#7b8798;background:#fff;border-radius:10px;padding:15px;font-size:10px}.history-summary b{color:#1f2b3e;margin-bottom:5px;font-size:22px;display:block}.tag-red,.tag-green{padding:4px 8px;border-radius:5px!important;margin:0!important;display:inline-block!important}.tag-red{background:#fff0ef;color:var(--red)!important}.tag-green{background:#eaf8f3;color:var(--green)!important}.settings-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.settings-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px}.settings-card>h3{margin:0 0 9px;font-size:14px}.setting-row{border-bottom:1px solid #eef1f4;justify-content:space-between;align-items:center;gap:20px;min-height:70px;display:flex}.setting-row:last-of-type{border-bottom:0}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:11px}.setting-row small{color:#8a95a6;margin-top:4px;font-size:9px}.number-input{border:1px solid #dfe5ec;border-radius:7px;display:flex;overflow:hidden}.number-input input{border:0;outline:0;width:65px;padding:8px}.number-input span{color:#7c8798;background:#f5f7f9;padding:8px;font-size:10px}.time24{background:#f9fafc;border:1px solid #dce3eb;border-radius:8px;flex:none;align-items:center;display:flex;overflow:hidden}.time24 select{-webkit-appearance:none;appearance:none;color:#24364e;text-align:center;background:#fff;border:0;outline:0;padding:9px 10px;font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace}.time24 b{color:#526176;padding:0 2px}.time24>span{color:#65758b;background:#edf2f7;align-self:stretch;place-items:center;padding:0 7px;font-size:8px;font-weight:800;display:grid}.card-title-line{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.card-title-line h3{margin:0;font-size:14px}.card-title-line p{color:#8792a3;margin:4px 0 0;font-size:9px}.alarm-config{background:linear-gradient(#fff,#fbfdff);border-color:#d9e4ee}.alarm-window{color:#8993a3;background:#f3f5f8;border-radius:9px;align-items:center;gap:12px;margin-top:18px;padding:14px;display:flex}.alarm-window.active{color:#2671a8;background:#edf7ff}.alarm-window>span{background:#fff;border-radius:9px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:900;display:grid;box-shadow:0 2px 8px #17304f12}.alarm-window b,.alarm-window small{display:block}.alarm-window b{font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace}.alarm-window small{color:#7d8b9e;margin-top:4px;font-family:inherit;font-size:8px}.policy-note{background:#f2f7fb;border-radius:9px;margin-top:18px;padding:14px}.policy-note b{font-size:11px}.policy-note p{color:#68778d;margin:6px 0 0;font-size:10px;line-height:1.6}.save-bar{margin:15px 0 0 auto;display:block}.user-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.user-card{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:15px;display:grid}.user-avatar{color:#294e77;background:#e4eef8;border-radius:10px;place-items:center;width:39px;height:39px;font-weight:750;display:grid}.user-info h3{margin:0;font-size:12px}.user-info p{color:#8d97a7;margin:3px 0;font-size:9px}.user-info span{color:#66748a;background:#f0f3f7;border-radius:4px;padding:3px 6px;font-size:8px;display:inline-block}.user-card>.row-action{text-align:right;grid-column:2/4}.permission-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:15px;padding:18px}.permission-card h3{margin:0 0 13px;font-size:13px}.permission-card>div{border-top:1px solid #eef1f4;grid-template-columns:130px 1fr;padding:9px 0;font-size:10px;display:grid}.permission-card span{color:#7e899a}.modal-layer{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d1d3066;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:480px;max-width:100%;animation:.2s pop;box-shadow:0 24px 70px #09182c40}.modal header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal header h2{margin:0;font-size:16px}.modal header button{background:#f2f4f7;border:0;border-radius:50%;width:29px;height:29px;font-size:18px}.modal-body{padding:18px 20px}.modal footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.modal footer button{background:#fff;border:1px solid #dfe5ec;border-radius:7px;padding:8px 15px;font-size:10px}.modal footer .solid{color:#fff;background:#16375f;border-color:#16375f}.form-field{margin-bottom:13px;display:block}.form-field>span{color:#5d6a7e;margin-bottom:6px;font-size:10px;display:block}.form-field input,.form-field select{background:#fff;border:1px solid #dfe5ec;border-radius:7px;outline:0;width:100%;height:39px;padding:0 10px;font-size:11px}.form-field input:focus,.form-field select:focus{border-color:#5c83aa;box-shadow:0 0 0 3px #2f689415}.form-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toast{z-index:100;color:#fff;background:#16375f;border-radius:9px;padding:12px 17px;font-size:11px;animation:.2s pop;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 30px #10223a35}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.shop-alert-config{margin-top:16px}.shop-alert-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.shop-alert-head h3{margin:0;font-size:14px}.shop-alert-head p{color:#7e899b;margin:5px 0 0;font-size:9px}.shop-alert-head button{color:#28577f;background:#fff;border:1px solid #cbd8e5;border-radius:7px;padding:8px 11px;font-size:10px}.shop-alert-head button:hover{background:#f1f6fa}.shop-alert-config .data-card table{min-width:920px}.shop-alert-config .time24 select{padding:7px 8px;font-size:11px}.shop-alert-config .time24>span{padding:0 5px}.schedule-active,.schedule-off{border-radius:5px;padding:5px 8px;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.schedule-active{color:var(--green);background:#eaf8f3}.schedule-off{color:#8791a0;background:#f1f3f6}@media (max-width:1100px){.user-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.alert-row{grid-template-columns:auto 1fr .8fr auto}.alert-time{display:none}}@media (max-width:700px){.history-summary{grid-template-columns:repeat(2,1fr)}.user-grid{grid-template-columns:1fr}.alert-row{grid-template-columns:auto 1fr auto}.alert-contact{display:none}.page-tools{align-items:flex-start}.data-card{border-radius:9px}.settings-card{padding:15px}}.mqtt-actions{gap:8px;display:flex}.mqtt-actions>button{color:#fff;white-space:nowrap;background:#16375f;border:0;border-radius:7px;height:38px;padding:0 13px;font-size:10px;font-weight:650}.mqtt-actions>button:first-child{color:#315b87;background:#edf2f7}.mqtt-actions>button:disabled{cursor:not-allowed;opacity:.45}@media (max-width:900px){.mqtt-grid{grid-template-columns:1fr}}@media (max-width:620px){.mqtt-map-grid,.mqtt-security{grid-template-columns:1fr}.mqtt-security>p,.mqtt-security>input,.mqtt-actions{grid-column:1}.mqtt-status-card>span{display:none}.sidebar{background:#112846;width:100%;height:60px;padding:4px 6px;display:flex;inset:auto 0 0}.brand,.sidebar-status,.nav-label{display:none}.sidebar nav{scrollbar-width:none;flex:1;align-items:stretch;gap:2px;display:flex;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.nav-item,.nav-item:not(.active),.nav-item.active{color:#a8b7c9;text-align:center;white-space:nowrap;flex-direction:column;flex:1 0 48px;justify-content:center;gap:1px;width:auto;min-width:48px;margin:0;padding:3px 1px;display:flex;font-size:8px!important}.nav-item.active{color:#fff;background:#1c3b63}.nav-item>span{width:auto;font-size:16px}.nav-item.active:before{width:20px;height:2px;top:0;left:50%;transform:translate(-50%)}.nav-item i{min-width:15px;height:15px;font-size:8px;position:absolute;top:1px;right:5px}.workspace{padding-bottom:60px}}.mqtt-status-card{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:15px;padding:15px 18px;display:flex}.mqtt-status-card>div:nth-child(2){flex:1}.mqtt-status-card b,.mqtt-status-card small{display:block}.mqtt-status-card b{font-size:12px}.mqtt-status-card small{color:#8590a1;margin-top:4px;font-size:10px}.mqtt-status-card>span{color:#728096;font-size:9px}.mqtt-indicator{background:#c2c9d3;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #c2c9d322}.mqtt-indicator.connected{background:#28a87a;box-shadow:0 0 0 5px #28a87a22}.mqtt-grid{grid-template-columns:1fr 1fr}.mqtt-grid .settings-card>h3{margin-bottom:16px}.mqtt-grid .form-field{margin:12px 0}.mqtt-grid .form-field input,.mqtt-grid .form-field select{font-size:11px}.mqtt-hint{color:#8792a3;margin:0 0 10px;font-size:10px;line-height:1.6}.mqtt-map-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.mqtt-security{background:#fff;border:1px solid #dfe7ef;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:8px 15px;margin-top:15px;padding:17px 19px;display:grid}.mqtt-security>b{font-size:12px}.mqtt-security>p{color:#79869a;grid-column:1/-1;margin:0;font-size:10px;line-height:1.6}.mqtt-security>input{border:1px solid #dfe5ec;border-radius:7px;grid-column:1/2;min-width:0;height:38px;padding:0 11px;font-size:11px}.mqtt-security>button{color:#fff;background:#16375f;border:0;border-radius:7px;height:38px;padding:0 15px;font-size:10px;font-weight:650}.mqtt-security>button:disabled{cursor:not-allowed;opacity:.45}.mqtt-footnote{color:#8590a1;margin:10px 2px;font-size:10px;line-height:1.6}@media (max-width:900px){.mqtt-grid{grid-template-columns:1fr}}@media (max-width:620px){.mqtt-map-grid,.mqtt-security{grid-template-columns:1fr}.mqtt-security>p,.mqtt-security>input,.mqtt-security>button{grid-column:1}.mqtt-status-card>span{display:none}}.user-info small{margin-top:6px;font-size:9px;display:block}.password-set{color:#208262}.password-unset{color:#b46c28}.users-empty{text-align:center;color:#8390a2;background:#fff;border:1px dashed #cfd8e2;border-radius:12px;padding:32px 18px;font-size:11px}.user-http-warning{color:#875f21;background:#fff8e9;border:1px solid #f1dfb8;border-radius:8px;margin:-5px 0 13px;padding:11px 14px;font-size:10px;line-height:1.5}.tenant-switcher{color:#718096;align-items:center;gap:7px;font-size:10px;display:flex}.tenant-switcher select{color:#263c54;background:#fff;border:1px solid #dce4ec;border-radius:7px;max-width:190px;height:34px;padding:0 9px;font-size:10px}.tenant-add{color:#29577d;white-space:nowrap;background:#fff;border:1px solid #d6e2eb;border-radius:7px;height:34px;padding:0 10px;font-size:10px}.tenant-name{color:#36566f;white-space:nowrap;background:#edf4f8;border-radius:7px;padding:8px 10px;font-size:10px}.user-table table{min-width:930px}.user-table .switch:disabled{opacity:.35;cursor:not-allowed}.user-delete-protected{color:#8a95a6;white-space:nowrap;padding:4px 6px;font-size:10px;display:inline-block}.login-shell{background:radial-gradient(at 18% 8%,#e1f2ed 0,#0000 36%),linear-gradient(145deg,#edf3f8,#f7f9fb 55%,#eaf0f6);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e4eaf0;border-radius:20px;width:min(100%,420px);padding:38px 40px 30px;box-shadow:0 24px 70px #1c385216}.login-brand{align-items:center;gap:12px;display:flex}.login-brand b,.login-brand small{display:block}.login-brand b{color:#16375f;letter-spacing:2px;font-size:18px}.login-brand small{color:#8492a3;margin-top:4px;font-size:10px}.login-intro{margin:42px 0 23px}.login-intro>span{color:#31a980;letter-spacing:1.7px;font-size:9px;font-weight:800}.login-intro h1{color:#1b2e45;margin:10px 0 6px;font-size:26px}.login-intro p{color:#8390a0;margin:0;font-size:12px}.login-field{margin:0 0 17px;display:block}.login-field>span{color:#495b70;margin:0 0 7px;font-size:11px;font-weight:650;display:block}.login-field input{border:1px solid #dce4ec;border-radius:8px;outline:0;width:100%;height:44px;padding:0 12px;font-size:12px}.login-field input:focus{border-color:#5784aa;box-shadow:0 0 0 3px #4385b116}.login-error{color:#c1413b;margin:0 0 14px;font-size:11px}.login-submit{color:#fff;background:linear-gradient(120deg,#1d426c,#235782);border:0;border-radius:8px;width:100%;height:44px;margin-top:4px;font-size:12px;font-weight:700;box-shadow:0 7px 16px #1b46611f}.login-submit:disabled{opacity:.65}.login-security-note{text-align:center;color:#9aa5b2;margin:20px 0 0;font-size:9px;line-height:1.6}.login-footer{color:#a6b1bf;letter-spacing:2px;font-size:8px;position:fixed;bottom:20px}.auth-loading{color:#758399;background:#f4f7fa;place-items:center;min-height:100vh;font-size:12px;display:grid}.logged-in-role{background:#172f4b;border:1px solid #29425f;border-radius:10px;align-items:center;gap:11px;margin:0 4px 25px;padding:12px 10px;display:flex}.role-avatar{color:#21416a;background:#dce9f7;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:750;display:grid}.logged-in-role small,.logged-in-role b,.logged-in-role span{display:block}.logged-in-role small{color:#778da7;font-size:8px}.logged-in-role b{color:#fff;margin-top:3px;font-size:11px}.logged-in-role span{color:#66d0a3;margin-top:3px;font-size:9px}.topbar-title{align-items:center;gap:12px;display:flex}.topbar-role{color:#278263;white-space:nowrap;background:#edf8f2;border:1px solid #d5e8df;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:750}.logout-nav{color:#d49a98;margin-top:10px}.logout-nav:hover{color:#fff;background:#533543}.logout-avatar{cursor:pointer;font:inherit;border:0;font-size:13px;font-weight:700}@media (max-width:900px){.logged-in-role{text-align:center;flex-direction:column;gap:5px;margin:0 0 16px;padding:9px 3px}.logged-in-role>div:last-child{max-width:100%}.logged-in-role small,.logged-in-role b{font-size:0}.logged-in-role span{font-size:8px}}@media (max-width:620px){.logged-in-role{display:none}.login-card{padding:30px 24px 24px}.topbar-title{gap:7px}.topbar-role{padding:5px 7px;font-size:8px}.login-footer{bottom:9px}.role-permission-title{grid-template-columns:1fr}.role-editor-heading{flex-direction:column;align-items:flex-start}.account-menu{right:-12px}}.account-menu-wrap{position:relative}.account-menu-wrap>.avatar{cursor:pointer;font:inherit;border:0;font-weight:750}.account-menu{z-index:20;background:#fff;border:1px solid #dce5ed;border-radius:12px;width:220px;padding:14px;position:absolute;top:48px;right:0;box-shadow:0 14px 38px #1b33401f}.account-menu>b,.account-menu>span,.account-menu>small{display:block}.account-menu>b{color:#21364e;font-size:12px}.account-menu>span{color:#328369;margin-top:5px;font-size:10px}.account-menu>small{color:#8792a1;margin-top:5px;font-size:10px}.account-menu>button{color:#37516b;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8ee;border-radius:7px;width:100%;margin-top:11px;padding:9px 10px;font-size:10px}.account-menu>button.account-logout{color:#a94f4c;background:#fff7f7;border-color:#f0dddd}.role-editor-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.role-editor-heading>div>p{color:#8792a1;margin:6px 0 0;font-size:10px}.role-editor-heading>.solid{color:#fff;cursor:pointer;background:#204b72;border:0;border-radius:7px;padding:9px 14px;font-size:10px}.role-permission-editor{background:#fbfcfd;border:1px solid #e3e9ef;border-radius:10px;margin-top:14px;padding:14px}.role-permission-title{grid-template-columns:135px 1fr;align-items:center;gap:12px;display:grid}.role-permission-title>b{color:#263e57;font-size:11px}.role-permission-title>textarea{resize:vertical;color:#596a7b;min-height:42px;font:inherit;background:#fff;border:1px solid #dfe6ec;border-radius:7px;padding:9px 10px;font-size:10px}.role-view-options{flex-wrap:wrap;gap:9px 15px;margin-top:12px;display:flex}.role-view-options>label{color:#526477;align-items:center;gap:5px;font-size:10px;display:flex}.role-view-options input{accent-color:#2d8b6c}.tenant-overview-banner{isolation:isolate;background:linear-gradient(112deg,#f5faf8 0%,#f8fbfc 54%,#eef4f8 100%);border:1px solid #dbe6e9;border-radius:16px;align-items:center;gap:26px;min-height:126px;margin-bottom:18px;padding:23px 25px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #203a4a08}.tenant-overview-banner:after{z-index:-1;content:"";border:1px solid #d5e5e4;border-radius:50%;width:260px;height:260px;position:absolute;top:-106px;right:150px;box-shadow:0 0 0 28px #e8f1f022,0 0 0 56px #e8f1f022}.tenant-brand-lockup{flex:1;align-items:center;gap:15px;min-width:0;display:flex}.tenant-building-mark{color:#fff;background:linear-gradient(145deg,#1c4d67,#247d73);border:1px solid #d3e4df;border-radius:15px;flex:none;place-items:center;width:58px;height:58px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #205b5630}.tenant-building-mark:before,.tenant-building-mark:after{content:"";opacity:.75;background:#a6d8cb;width:28px;height:1px;position:absolute;transform:rotate(-45deg)}.tenant-building-mark:before{top:14px;left:-5px}.tenant-building-mark:after{bottom:12px;right:-8px}.tenant-building-mark span{letter-spacing:1px;font-size:22px;font-weight:750}.tenant-overview-copy{min-width:0}.tenant-overline{color:#738b91;letter-spacing:.9px;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.tenant-overline i{color:#629087;letter-spacing:.6px;border:1px solid #dce9e7;border-radius:4px;padding:3px 6px;font:700 7px ui-monospace,SFMono-Regular,Menlo,monospace}.tenant-overview-copy h2{color:#18384c;letter-spacing:.3px;margin:7px 0 6px;font-size:22px;font-weight:750;line-height:1.2}.tenant-overview-copy p{color:#87959b;align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.tenant-overview-copy p span{color:#64827f;letter-spacing:.5px;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.tenant-overview-copy p b{color:#c2cece}.tenant-overview-metrics{border-left:1px solid #dce6e7;border-right:1px solid #dce6e7;align-items:stretch;gap:0;padding:0 8px;display:flex}.tenant-overview-metrics>div{min-width:104px;padding:2px 17px}.tenant-overview-metrics>div+div{border-left:1px solid #e2e9e9}.tenant-overview-metrics small,.tenant-overview-metrics strong{display:block}.tenant-overview-metrics small{color:#7d9094;font-size:9px}.tenant-overview-metrics strong{color:#1c4b5b;font-variant-numeric:tabular-nums;margin-top:5px;font-size:23px;line-height:1}.tenant-overview-metrics strong i{color:#829699;margin-left:4px;font-size:9px;font-style:normal;font-weight:500}.tenant-overview-metrics .tenant-metric-alert strong{color:#c47448}.tenant-live-status{white-space:nowrap;color:#568779;align-items:center;gap:7px;font-size:9px;display:flex}.tenant-live-status>span{background:#44ad83;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #44ad831c}.tenant-live-status b{font-weight:650}@media (max-width:900px){.tenant-overview-banner{gap:14px;padding:18px}.tenant-overview-metrics>div{min-width:88px;padding:2px 11px}.tenant-live-status{display:none}}@media (max-width:620px){.tenant-overview-banner{border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:15px;margin-bottom:13px;padding:15px}.tenant-brand-lockup{flex-basis:100%;gap:11px}.tenant-building-mark{border-radius:12px;width:46px;height:46px}.tenant-building-mark span{font-size:19px}.tenant-overview-copy h2{font-size:18px}.tenant-overview-metrics{border:0;border-top:1px solid #dce6e7;justify-content:flex-start;width:100%;padding:9px 0 0}.tenant-overview-metrics>div{flex:1;padding:2px 12px}.tenant-overview-metrics>div:first-child{padding-left:2px}.tenant-overview-metrics strong{font-size:20px}}.sensor-association-tip{color:#61758d;background:#f6f9fc;border:1px solid #dce8f1;border-radius:9px;margin:-7px 0 13px;padding:11px 14px;font-size:10px;line-height:1.7}.sensor-association-table table{min-width:1120px}.sensor-association-table code{color:#38516c;background:#f2f5f8;border-radius:5px;padding:3px 6px;font-size:10px}.sensor-empty{text-align:center;color:#8490a0;padding:24px!important}.sensor-subheading{color:#263951;margin:24px 0 10px;font-size:14px}.danger-action{color:#ba3942}.sensor-enabled{color:#52637a;align-items:center;gap:8px;margin:2px 0 4px;font-size:11px;display:flex}.sensor-enabled input{accent-color:#2264dc}@media (max-width:900px){.sensor-association-table{overflow-x:auto}}.page-tool-actions{align-items:center;gap:8px;display:flex}.page-tool-actions>button{white-space:nowrap}.page-tool-actions>button:not(.scan-gateway-button){color:#fff;background:#16375f;border:0;border-radius:8px;padding:10px 15px;font-size:11px;font-weight:650}.page-tool-actions>button:not(.scan-gateway-button):hover{background:#0f2d50}.page-tool-actions .scan-gateway-button,.scan-gateway-button{color:#285b91;background:#f7faff;border:1px solid #ccdaeb;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:650}.scan-gateway-button:disabled{opacity:.55;cursor:wait}.gateway-scan-layer{z-index:90}.gateway-scan-dialog{background:#fff;border-radius:15px;flex-direction:column;width:min(760px,96vw);max-height:min(760px,88vh);animation:.2s pop;display:flex;overflow:hidden;box-shadow:0 24px 70px #09182c40}.gateway-scan-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:18px 22px;display:flex}.gateway-scan-dialog>header h2{margin:0;font-size:17px}.gateway-scan-dialog>header p{color:#77869a;margin:6px 0 0;font-size:10px;line-height:1.6}.gateway-scan-dialog>header button{color:#62748b;background:#f1f4f8;border:0;border-radius:7px;flex:none;width:30px;height:30px;font-size:20px}.gateway-scan-toolbar{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.gateway-scan-toolbar>span{color:#7a8797;font-size:10px}.gateway-scan-toolbar>span.scan-live{color:#14966b}.gateway-scan-toolbar>span.scan-live:before{content:"";background:#25ad7d;border-radius:50%;width:7px;height:7px;margin-right:7px;animation:1.2s infinite pulse;display:inline-block}.scan-error{color:#bc4b47;background:#fff2f0;border-radius:7px;margin:12px 20px 0;padding:9px 12px;font-size:10px}.scan-empty{color:#8190a3;text-align:center;place-items:center;min-height:180px;padding:24px;font-size:11px;display:grid}.discovered-device-list{padding:12px 18px;overflow:auto}.discovered-device{background:#fbfcfe;border:1px solid #e3eaf1;border-radius:10px;margin-bottom:10px;padding:13px}.discovered-device-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px;display:flex}.discovered-device-heading b,.discovered-device-heading small{display:block}.discovered-device-heading b{color:#24415f;font-size:12px}.discovered-device-heading small{color:#8793a3;margin-top:4px;font-size:9px}.discovered-fields{flex-wrap:wrap;gap:7px;display:flex}.discovered-fields button{color:#425a72;background:#fff;border:1px solid #dce6f0;border-radius:7px;align-items:center;gap:8px;padding:7px 9px;font-size:9px;display:flex}.discovered-fields button:hover{background:#f5f9ff;border-color:#5b8ed4}.discovered-fields button span{color:#1c9a71;font-family:ui-monospace,monospace}.discovered-fields button i{color:#4774b3;font-style:normal}.gateway-scan-dialog>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.gateway-scan-dialog>footer small{color:#8490a0;font-size:9px;line-height:1.5}.gateway-scan-dialog>footer button{color:#566a82;background:#fff;border:1px solid #dfe5ec;border-radius:7px;padding:8px 14px;font-size:10px}@media (max-width:620px){.page-tool-actions{gap:5px}.page-tool-actions>button{padding:8px 9px!important;font-size:9px!important}.gateway-scan-dialog>header,.gateway-scan-toolbar{padding-left:14px;padding-right:14px}.discovered-device-list{padding:10px}.discovered-device-heading{display:block}.discovered-device-heading>small{margin-top:6px;display:block}}.gateway-association-data{background:#f8fafd;border:1px solid #e2e9f2;border-radius:9px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px;margin:2px 0 4px;padding:12px;display:grid}.gateway-association-data>b{color:#526984;grid-column:1/-1;font-size:11px}.gateway-association-data>span,.gateway-association-data>small{color:#405975;background:#fff;border-radius:6px;padding:7px 8px;font-size:10px;line-height:1.5}.gateway-association-data>small{color:#8390a1;grid-column:1/-1}.gateway-device-section{margin:8px 0 22px}.sensor-section-heading{justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.sensor-section-heading h3{color:#283d56;margin:0;font-size:14px}.sensor-section-heading p{color:#8491a3;margin:5px 0 0;font-size:10px}.gateway-device-table table{min-width:1510px}.gateway-device-table th{white-space:nowrap}.gateway-device-table td{vertical-align:middle}.gateway-terminal-id{color:#2866d6;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace}.gateway-device-table td small{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.gateway-battery{color:#1eaa68;font-variant-numeric:tabular-nums;font-weight:750}.gateway-signal-low{font-weight:700;color:#d77b18!important}.gateway-parsed-data{color:#26384f;gap:3px;max-width:290px;max-height:68px;font-size:10px;line-height:1.4;display:grid;overflow:auto}.gateway-parsed-data span{white-space:nowrap}.gateway-copy-button{color:#58708b;background:#fff;border:1px solid #dfe7ef;border-radius:6px;padding:6px 9px}.gateway-copy-button:hover{background:#f4f8fd;border-color:#8bb0df}.gateway-device-table td:last-child{white-space:nowrap;min-width:130px}.discovered-fields button b code{color:#7d8da1;margin-left:4px;font-size:8px;font-weight:500}@media (max-width:900px){.gateway-device-table{overflow-x:auto}.sensor-section-heading{align-items:flex-start;gap:8px}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}