@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-cyrillic-ext-300-normal-B8-SKPy6.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-300-normal-CxBffQcw.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-cyrillic-300-normal-DuKDqihX.woff2) format("woff2"),url(/assets/inter-cyrillic-300-normal-CpVW2Piz.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-greek-ext-300-normal-Bzbb9qoQ.woff2) format("woff2"),url(/assets/inter-greek-ext-300-normal-BHRnjIck.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-greek-300-normal-_k6LbL93.woff2) format("woff2"),url(/assets/inter-greek-300-normal-t-A5Zxgo.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-vietnamese-300-normal-Bdr24Bqb.woff2) format("woff2"),url(/assets/inter-vietnamese-300-normal-B710x6d6.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-latin-ext-300-normal-C2kLfG2J.woff2) format("woff2"),url(/assets/inter-latin-ext-300-normal-n8Ps4oXY.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-latin-300-normal-CvRFFuZy.woff2) format("woff2"),url(/assets/inter-latin-300-normal-ORCTF8i-.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-Dc4VJyIJ.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-BPnxn4xp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-BLGc9T1a.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-ZzOtrSSW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-Bput3-QP.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-DCpCPQOf.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-DxZsaF_h.woff2) format("woff2"),url(/assets/inter-greek-400-normal-BZzXV7-1.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-BUNmGMP1.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-hnt3BR84.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-C1t-h-pH.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-BOOGhInR.woff2) format("woff2"),url(/assets/inter-latin-400-normal-gitzw0hO.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-BShVwWPj.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-CUiC4oBV.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-D4Vwzodn.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-DH2hs3aW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-B6guLgqG.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-M2hEX8vc.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-CeQXL5ds.woff2) format("woff2"),url(/assets/inter-greek-500-normal-d_eO-yCQ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-DQPw2Hwd.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CIS2RHJS.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-UMdmhHu2.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-D2bGa7uu.woff2) format("woff2"),url(/assets/inter-latin-500-normal-deR1Tlfd.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-CaqZN2hq.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bt9VVOA-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-BGBWG807.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-BuzJQFbW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-Cnui8OiR.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-C9WLioJ8.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-Dhlb-90d.woff2) format("woff2"),url(/assets/inter-greek-600-normal-CwicyhtI.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-Cm6aH8_k.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-BnYJhD27.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CAF0vJDd.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-D273HNI0.woff2) format("woff2"),url(/assets/inter-latin-600-normal-B5cFAncS.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-ClVoMEGq.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-Ced3hgUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-bGtGjVdZ.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-Bc8_fv8J.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-SzCdnevJ.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-DXvzx4Na.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-Cxpycf-U.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BRYTaFLL.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-CGpBpxLq.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-dAnkLlTo.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-CzikT_rs.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-6V9MnIL5.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Sckx8rpT.woff2) format("woff2"),url(/assets/inter-latin-700-normal-B8MtJ_2k.woff) format("woff");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:Material Icons;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/material-icons-latin-400-normal-kAwBdRge.woff2) format("woff2"),url(/assets/material-icons-latin-400-normal-B5tbEuci.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--md-sys-color-primary: #7C4DFF;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #EAE0FF;--md-sys-color-on-primary-container: #25005A;--md-sys-color-secondary: #536DFE;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #E4E7FF;--md-sys-color-on-secondary-container: #0E195E;--md-sys-color-tertiary: #00BCD4;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #E0F7FA;--md-sys-color-on-tertiary-container: #004D54;--md-sys-color-error: #FF5252;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #FFEBEE;--md-sys-color-on-error-container: #560017;--md-sys-color-background: #F8F9FA;--md-sys-color-on-background: #1D1B20;--md-sys-color-surface: #FFFFFF;--md-sys-color-on-surface: #1D1B20;--md-sys-color-surface-variant: #F1EFFD;--md-sys-color-on-surface-variant: #49454F;--md-sys-color-outline: #9E9E9E;--md-sys-color-outline-variant: #E0E0E0;--md-sys-color-surface-container-highest: #E6E0F8;--md-sys-color-surface-container-high: #ECE9FA;--md-sys-color-surface-container: #F3F1FD;--md-sys-color-surface-container-low: #F7F4FE;--md-sys-color-surface-container-lowest: #FFFFFF;--md-motion-duration-short1: .1s;--md-motion-duration-short2: .2s;--md-motion-duration-medium1: .25s;--md-motion-duration-medium2: .4s;--md-motion-duration-long1: .5s;--md-motion-duration-long2: .7s;--md-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-motion-easing-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--md-motion-easing-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--status-online: #09C16A;--status-offline: #FF5252;--md-elevation-level0: none;--md-elevation-level1: 0 2px 4px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.08);--md-elevation-level2: 0 4px 8px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.08);--md-elevation-level3: 0 8px 16px rgba(0,0,0,.05), 0 4px 8px rgba(0,0,0,.08);--md-elevation-level4: 0 12px 24px rgba(0,0,0,.05), 0 6px 12px rgba(0,0,0,.08);--md-elevation-level5: 0 16px 32px rgba(0,0,0,.05), 0 8px 16px rgba(0,0,0,.08);--border-radius-small: 8px;--border-radius-medium: 12px;--border-radius-large: 16px;--border-radius-xlarge: 24px;--border-radius-circle: 50%}[data-theme=dark]{--md-sys-color-primary: #B69CFF;--md-sys-color-on-primary: #340085;--md-sys-color-primary-container: #4E2598;--md-sys-color-on-primary-container: #E9DDFF;--md-sys-color-secondary: #A4B0FF;--md-sys-color-on-secondary: #0D227E;--md-sys-color-secondary-container: #2D3E9E;--md-sys-color-on-secondary-container: #DCE0FF;--md-sys-color-tertiary: #88DCEC;--md-sys-color-on-tertiary: #00606E;--md-sys-color-tertiary-container: #008392;--md-sys-color-on-tertiary-container: #B8EEFF;--md-sys-color-error: #FF8A80;--md-sys-color-on-error: #680017;--md-sys-color-error-container: #930023;--md-sys-color-on-error-container: #FFB5B5;--md-sys-color-background: #121212;--md-sys-color-on-background: #E6E1E5;--md-sys-color-surface: #1E1E1E;--md-sys-color-on-surface: #E6E1E5;--md-sys-color-surface-variant: #322F37;--md-sys-color-on-surface-variant: #CBC4D0;--md-sys-color-outline: #857F8B;--md-sys-color-outline-variant: #403D47;--md-sys-color-surface-container-highest: #323036;--md-sys-color-surface-container-high: #2A282E;--md-sys-color-surface-container: #211F26;--md-sys-color-surface-container-low: #1D1B22;--md-sys-color-surface-container-lowest: #141318;--status-online: #4CAF50;--status-offline: #FF5252}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);line-height:1.6;margin:0;overflow-x:hidden;transition:background-color var(--md-motion-duration-medium1) var(--md-motion-easing-standard);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,var(--md-sys-color-primary-container) 0%,var(--md-sys-color-background) 200px);background-repeat:no-repeat}header{background-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--md-sys-color-on-surface);height:72px;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 24px;transition:all var(--md-motion-duration-medium1) var(--md-motion-easing-standard)}.header-content{display:flex;align-items:center;gap:16px}.app-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:var(--border-radius-circle);box-shadow:var(--md-elevation-level1)}.app-title{display:flex;flex-direction:column}.app-title h1{font-size:1.5rem;font-weight:600;margin:0;color:var(--md-sys-color-on-background);line-height:1.2;letter-spacing:-.02em}.app-title span{color:var(--md-sys-color-on-surface-variant);font-weight:400;font-size:.875rem;opacity:.8}.theme-toggle{--md-icon-button-icon-color: var(--md-sys-color-primary);--md-icon-button-state-layer-color: var(--md-sys-color-primary-container);margin:0}main{flex-grow:1;padding:24px 16px 40px}.content-container{max-width:800px;margin:0 auto;position:relative}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:var(--md-sys-color-on-surface-variant)}.loading-state md-circular-progress{--md-circular-progress-active-indicator-color: var(--md-sys-color-primary);--md-circular-progress-size: 56px;margin-bottom:24px}.loading-state p{font-size:1rem;opacity:.8}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:var(--md-sys-color-error);text-align:center}.error-message .material-icons{font-size:48px;margin-bottom:16px}.error-message p{font-size:1.125rem;margin-bottom:24px;font-weight:500}.error-message md-text-button{--md-text-button-label-text-color: var(--md-sys-color-primary);--md-text-button-hover-label-text-color: var(--md-sys-color-primary)}.device-card{background-color:var(--md-sys-color-surface);border-radius:var(--border-radius-large);margin-bottom:24px;overflow:hidden;transition:all var(--md-motion-duration-medium2) var(--md-motion-easing-standard);box-shadow:var(--md-elevation-level1);border:1px solid var(--md-sys-color-outline-variant)}.device-card:hover{transform:translateY(-4px);box-shadow:var(--md-elevation-level3)}.device-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container-low)}.device-title{font-size:1.125rem;font-weight:600;color:var(--md-sys-color-on-surface);display:flex;align-items:center;gap:12px}.device-title .material-icons{color:var(--md-sys-color-primary);font-size:28px}.status-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border-radius:24px;height:32px;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.status-indicator.online{background-color:#09c16a26;color:var(--status-online)}.status-indicator.offline{background-color:#ff525226;color:var(--status-offline)}.device-body{padding:24px}.device-activity{margin-bottom:24px;padding:16px;background-color:var(--md-sys-color-surface-container);border-radius:var(--border-radius-medium);display:flex;align-items:center;gap:16px;font-size:1rem;color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant)}.device-activity .material-icons{color:var(--md-sys-color-primary);background-color:var(--md-sys-color-primary-container);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-circle)}.battery-display{margin-bottom:24px;padding:16px;background-color:var(--md-sys-color-surface-container);border-radius:var(--border-radius-medium);display:flex;align-items:center;gap:16px;border:1px solid var(--md-sys-color-outline-variant)}.battery-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-circle);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.battery-info{flex-grow:1}.battery-level{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.battery-level span{color:var(--md-sys-color-on-surface-variant);font-size:.875rem;font-weight:500}.battery-level strong{color:var(--md-sys-color-primary);font-size:1.125rem;font-weight:700}.window-count-title{display:flex;align-items:center;gap:12px;margin:8px 0 16px;padding:12px 16px;background-color:var(--md-sys-color-surface-container);border-radius:var(--border-radius-medium);color:var(--md-sys-color-on-surface);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--md-motion-duration-short2) var(--md-motion-easing-standard);border:1px solid var(--md-sys-color-outline-variant)}.window-count-title:hover{background-color:var(--md-sys-color-surface-container-high)}.window-count-title .material-icons{color:var(--md-sys-color-primary);font-size:20px}.window-count-badge{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:4px 8px;min-width:24px;height:24px;border-radius:12px;background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);font-size:.75rem;font-weight:700;transition:all var(--md-motion-duration-short2) var(--md-motion-easing-standard)}.window-count-badge.many{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.window-count-badge.lots{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.expand-area{display:flex;align-items:center;justify-content:center;padding:8px 0;position:relative}.expand-button-container{position:relative;display:flex;align-items:center;justify-content:center}md-icon-button.expand-button{--md-icon-button-icon-color: var(--md-sys-color-primary);--md-icon-button-state-layer-color: var(--md-sys-color-primary-container);position:relative;transition:transform var(--md-motion-duration-short2) var(--md-motion-easing-emphasized)}.expand-button .material-icons{transition:transform var(--md-motion-duration-medium1) var(--md-motion-easing-emphasized)}.expand-button.expanded{transform:rotate(180deg)}.expand-button.expanded .material-icons.expand-more{display:none}.expand-button:not(.expanded) .material-icons.expand-less{display:none}.ripple-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius-circle)}.ripple{position:absolute;background-color:var(--md-sys-color-primary-container);border-radius:var(--border-radius-circle);transform:scale(0);animation:rippleEffect .6s var(--md-motion-easing-emphasized)}@keyframes rippleEffect{to{transform:scale(2.5);opacity:0}}.device-details{overflow:hidden;max-height:0;opacity:0;visibility:hidden;transition:max-height var(--md-motion-duration-medium2) var(--md-motion-easing-emphasized-decelerate),opacity var(--md-motion-duration-medium1) var(--md-motion-easing-emphasized),visibility 0s linear var(--md-motion-duration-medium2);will-change:max-height,opacity,visibility;padding:0 16px;margin:0 -16px}.device-details.expanded{max-height:1000px;opacity:1;visibility:visible;padding-top:24px;margin-top:4px;transition:max-height var(--md-motion-duration-medium2) var(--md-motion-easing-emphasized),opacity var(--md-motion-duration-medium1) var(--md-motion-easing-emphasized),visibility 0s linear 0s}.details-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:1rem;font-weight:600;color:var(--md-sys-color-on-surface)}.details-title .material-icons{color:var(--md-sys-color-primary);font-size:20px}.window-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:16px}.window-item{padding:12px;background-color:var(--md-sys-color-surface-container);border-radius:var(--border-radius-medium);color:var(--md-sys-color-on-surface);font-size:.875rem;display:flex;align-items:center;gap:12px;transition:transform var(--md-motion-duration-short2) var(--md-motion-easing-standard),background-color var(--md-motion-duration-short2) var(--md-motion-easing-standard);position:relative;border:1px solid var(--md-sys-color-outline-variant)}.window-item:hover{background-color:var(--md-sys-color-surface-container-high);transform:translateY(-2px)}.window-item .material-icons{color:var(--md-sys-color-primary);font-size:20px}.window-number{margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);border-radius:var(--border-radius-circle);font-size:.75rem;font-weight:700}footer{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface-variant);padding:24px;text-align:center;font-size:.875rem;border-top:1px solid var(--md-sys-color-outline-variant)}.footer-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.footer-content p{display:flex;align-items:center;justify-content:center;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:var(--md-sys-color-on-surface-variant);text-align:center}.empty-state .material-icons{font-size:64px;margin-bottom:24px;color:var(--md-sys-color-on-surface-variant);opacity:.7}.empty-state p{font-size:1.125rem;font-weight:500}@media (max-width: 768px){header{padding:0 16px}.device-header,.device-body{padding:16px}.window-list{grid-template-columns:1fr}}@media (max-width: 480px){.app-title h1{font-size:1.25rem}.app-title span{font-size:.75rem}.device-header{flex-direction:column;align-items:flex-start;gap:12px}.device-status{width:100%}}html{transition:background .3s ease}md-linear-progress{--md-linear-progress-active-indicator-height: 6px;--md-linear-progress-track-height: 6px;--md-linear-progress-track-shape: 3px;--md-linear-progress-active-indicator-color: var(--md-sys-color-primary);--md-linear-progress-track-color: var(--md-sys-color-surface-variant)}.hidden{display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;pointer-events:none!important}