@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/montserrat-cyrillic-ext-wght-normal-NZC56VFT.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/montserrat-cyrillic-wght-normal-AHHMRH7N.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/montserrat-vietnamese-wght-normal-JT53DWV7.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/montserrat-latin-ext-wght-normal-4VHWKJEV.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/montserrat-latin-wght-normal-VA4M73IZ.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url("./media/open-sans-cyrillic-ext-wght-normal-4HLE7FJV.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url("./media/open-sans-cyrillic-wght-normal-O3246R6B.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url("./media/open-sans-greek-ext-wght-normal-SRGQLNRR.woff2") format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url("./media/open-sans-greek-wght-normal-K44JEPMF.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url("./media/open-sans-hebrew-wght-normal-ER4IDBOT.woff2") format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url("./media/open-sans-math-wght-normal-AEEW5HE4.woff2") format("woff2-variations");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url("./media/open-sans-symbols-wght-normal-2JTOZFVE.woff2") format("woff2-variations");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url("./media/open-sans-vietnamese-wght-normal-C2HIC6XR.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url("./media/open-sans-latin-ext-wght-normal-N5KYYVKJ.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url("./media/open-sans-latin-wght-normal-YLFMW7T7.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg-deep: #131C2F;--color-bg-base: #19253F;--color-bg-card: #1E2D47;--color-bg-hover: #243452;--color-bg-active: rgba(66, 165, 244, .1);--color-border: rgba(66, 165, 244, .12);--color-border-hover: rgba(66, 165, 244, .28);--color-blue: #42A5F4;--color-blue-dim: rgba(66, 165, 244, .15);--color-green: #6FF5D7;--color-green-dim: rgba(111, 245, 215, .12);--color-gray: #5C6477;--color-red: #F47C7C;--color-red-dim: rgba(244, 124, 124, .12);--color-amber: #F4C542;--color-amber-dim: rgba(244, 197, 66, .15);--color-purple: #A78BFA;--color-purple-dim: rgba(167, 139, 250, .15);--color-text: #EFEFEF;--color-text-muted: #8A94A6;--color-text-dim: #5C6477;--font-display: "Montserrat Variable", Montserrat, system-ui, sans-serif;--font-body: "Open Sans Variable", "Open Sans", system-ui, sans-serif;--sidebar-width: 240px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--color-bg-base);color:var(--color-text);line-height:1.5;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;border:none;background:none}svg{display:block;flex-shrink:0}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray);border-radius:3px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.skeleton{background:linear-gradient(90deg,var(--color-bg-card) 25%,var(--color-bg-hover) 50%,var(--color-bg-card) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-md)}.spinner{width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-blue);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner--sm{width:12px;height:12px}.page{padding:28px 32px}@media(max-width:640px){.page{padding:20px 16px}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:28px}.page-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.2;color:var(--color-text)}.page-subtitle{font-size:13px;color:var(--color-text-muted);margin-top:4px}.header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.section-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--color-text)}.section-eyebrow{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.kpi-value{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-text)}.kpi-icon{border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon--blue{background:var(--color-blue-dim);color:var(--color-blue)}.kpi-icon--green{background:var(--color-green-dim);color:var(--color-green)}.kpi-icon--amber{background:var(--color-amber-dim);color:var(--color-amber)}.kpi-icon--purple{background:var(--color-purple-dim);color:var(--color-purple)}.kpi-icon--gray{background:var(--color-bg-hover);color:var(--color-gray)}.kpi-icon--red{background:var(--color-red-dim);color:var(--color-red)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:500;color:var(--color-text-muted)}.field input,.field select,.field textarea{padding:9px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-base);color:var(--color-text);font-size:13px;font-family:inherit;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-blue)}.field textarea{resize:vertical}.form-error{font-size:12px;color:var(--color-red);background:var(--color-red-dim);padding:10px 12px;border-radius:var(--radius-md)}.segmented{display:flex;gap:4px;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px}.segmented-option{padding:5px 14px;border-radius:calc(var(--radius-md) - 2px);font-size:12px;font-weight:500;color:var(--color-text-muted);white-space:nowrap;transition:background .15s,color .15s}.segmented-option:hover:not(.segmented-option--active){color:var(--color-text);background:var(--color-bg-hover)}.segmented-option--active{background:var(--color-blue);color:#fff}.table-scroll{width:100%;overflow-x:auto}.refresh-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);font-size:13px;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg-base);transition:background .15s,color .15s;flex-shrink:0}.refresh-btn svg{width:14px;height:14px}.refresh-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn:disabled svg{animation:spin 1s linear infinite}.primary-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:#fff;border:1px solid var(--color-blue);background:var(--color-blue);transition:opacity .15s}.primary-btn svg{width:14px;height:14px}.primary-btn:hover:not(:disabled){opacity:.9}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.ghost-btn{padding:7px 14px;border-radius:var(--radius-md);font-size:13px;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg-base);transition:background .15s,color .15s}.ghost-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text)}.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.ident-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:500;border:1px solid var(--color-border);background:var(--color-bg-base);color:var(--color-text-muted);transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.ident-btn svg{width:13px;height:13px}.ident-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-blue)}.ident-btn:disabled{opacity:.4;cursor:not-allowed}.ident-btn--sent{border-color:var(--color-green);color:var(--color-green);background:var(--color-green-dim)}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);background:var(--color-red-dim);border:1px solid rgba(244,124,124,.25);color:var(--color-red);font-size:13px;margin-bottom:24px}.error-banner svg{width:18px;height:18px;flex-shrink:0}.error-retry{margin-left:auto;padding:5px 12px;border-radius:var(--radius-sm);border:1px solid rgba(244,124,124,.4);color:var(--color-red);font-size:12px;font-weight:500;flex-shrink:0;transition:background .15s}.error-retry:hover{background:#f47c7c26}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 32px;color:var(--color-text-muted)}.empty-state svg{width:40px;height:40px;opacity:.4}.empty-state p{font-size:14px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);opacity:.4;flex-shrink:0}.status-dot--online{background:var(--color-green);opacity:1;box-shadow:0 0 0 3px var(--color-green-dim)}.mqtt-badge{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:500;border:1px solid var(--color-border);background:var(--color-bg-base);color:var(--color-text-muted)}.mqtt-badge--connected{border-color:var(--color-green);color:var(--color-green);background:var(--color-green-dim)}.mqtt-badge--connected .mqtt-dot{background:var(--color-green)}.mqtt-badge--connecting{border-color:var(--color-amber);color:var(--color-amber);background:var(--color-amber-dim)}.mqtt-badge--connecting .mqtt-dot{background:var(--color-amber);animation:pulse-dot 1s ease infinite}.mqtt-badge--error{border-color:var(--color-red);color:var(--color-red);background:var(--color-red-dim)}.mqtt-badge--error .mqtt-dot{background:var(--color-red)}.mqtt-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);flex-shrink:0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-bg-hover);margin-bottom:20px}.tab{padding:10px 16px;font-size:13px;color:var(--color-text-muted);border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.tab:hover{color:var(--color-text)}.tab--active{color:var(--color-text);border-bottom-color:var(--color-blue)}.scrim{display:none;position:fixed;inset:0;z-index:50;background:#00000080}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal{width:100%;max-width:460px;max-height:90vh;overflow-y:auto;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--color-border)}.modal-header h2{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--color-text)}.close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s}.close-btn svg{width:16px;height:16px}.close-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text)}.close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.ota-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.group-header--static{cursor:default}.row--offline{opacity:.5}.tag{margin-left:6px;font-size:11px;color:var(--color-text-muted);border:1px solid var(--color-bg-hover);border-radius:4px;padding:1px 5px}.ota-summary{display:grid;gap:6px;margin-bottom:16px;font-size:13px;color:var(--color-text)}.ota-label{display:inline-block;width:120px;color:var(--color-text-muted)}.checkbox-field{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);margin:4px 0 8px;cursor:pointer}.form-hint{color:var(--color-text-muted);font-size:12px}.form-success{color:var(--color-green);font-size:13px;margin-bottom:8px}