@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");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-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");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-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");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-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");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-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");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-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");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-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");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-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");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-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");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-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");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-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");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-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");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-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");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-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");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-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");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-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");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{--space-xs: 4px;--space-sm: 8px;--space-md-sm: 12px;--space-md: 16px;--space-md-lg: 20px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 48px;--radius-badge: 4px;--radius-input: 8px;--radius-button: 8px;--radius-card: 12px;--radius-modal: 16px;--radius-chip: 16px;--radius-full: 9999px;--shadow-sm: 0px 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, .1), 0px 2px 4px -2px rgba(16, 24, 40, .06);--shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03);--sidebar-width: 280px;--topbar-height: 64px;--transition-fast: .15s ease;--transition-normal: .2s ease}[data-theme=light],:root{--color-primary: #1B2A4A;--color-primary-hover: #2D4A7A;--color-accent: #4472C4;--color-accent-light: #EFF4FF;--color-accent-hover: #2D5AA0;--color-success: #12B76A;--color-success-bg: #ECFDF3;--color-success-text: #027A48;--color-warning: #F79009;--color-warning-bg: #FFFAEB;--color-warning-text: #B54708;--color-warning-border: #FEDF89;--color-critical: #F04438;--color-critical-bg: #FEF3F2;--color-critical-text: #B42318;--color-critical-border: #FDA29B;--color-info: #2E90FA;--color-info-bg: #EFF8FF;--color-info-text: #175CD3;--color-bg: #F9FAFB;--color-surface: #FFFFFF;--color-surface-secondary: #F2F4F7;--color-surface-hover: #F9FAFB;--color-border: #EAECF0;--color-border-strong: #D0D5DD;--color-border-input: #D0D5DD;--color-text-primary: #101828;--color-text-secondary: #344054;--color-text-muted: #667085;--color-text-placeholder: #98A2B3;--color-text-disabled: #98A2B3;--color-icon: #667085;--color-icon-active: #4472C4;--color-nav-active-bg: #F0F4FF;--color-nav-active-text: #1B2A4A;--color-table-header-bg: #F9FAFB;--color-focus-ring: rgba(68, 114, 196, .15);--color-focus-ring-error: rgba(240, 68, 56, .1);--color-role-owner-bg: #EFF4FF;--color-role-owner-text: #3538CD;--color-role-admin-bg: #F4F3FF;--color-role-admin-text: #6941C6;--color-role-operator-bg: #ECFDF3;--color-role-operator-text: #027A48;--color-role-viewer-bg: #F2F4F7;--color-role-viewer-text: #344054;--color-role-guest-bg: #FFFAEB;--color-role-guest-text: #B54708;--color-metric-voltage-bg: #FEF0C7;--color-metric-voltage-icon: #DC6803;--color-metric-current-bg: #D1FADF;--color-metric-current-icon: #039855;--color-metric-power-bg: #E0EAFF;--color-metric-power-icon: #3538CD;--color-metric-temp-bg: #FEE4E2;--color-metric-temp-icon: #D92D20}[data-theme=dark]{--color-primary: #F5F5F6;--color-primary-hover: #E4E7EC;--color-accent: #7EB3FF;--color-accent-light: rgba(126, 179, 255, .12);--color-accent-hover: #5A9AFF;--color-success: #12B76A;--color-success-bg: rgba(18, 183, 106, .12);--color-success-text: #32D583;--color-warning: #F79009;--color-warning-bg: rgba(247, 144, 9, .12);--color-warning-text: #FDB022;--color-warning-border: rgba(247, 144, 9, .3);--color-critical: #F04438;--color-critical-bg: rgba(240, 68, 56, .12);--color-critical-text: #FDA29B;--color-critical-border: rgba(240, 68, 56, .3);--color-info: #2E90FA;--color-info-bg: rgba(46, 144, 250, .12);--color-info-text: #84CAFF;--color-bg: #0C111D;--color-surface: #1D2939;--color-surface-secondary: #293444;--color-surface-hover: #293444;--color-border: #344054;--color-border-strong: #475467;--color-border-input: #344054;--color-text-primary: #F5F5F6;--color-text-secondary: #CECFD2;--color-text-muted: #94969C;--color-text-placeholder: #667085;--color-text-disabled: #667085;--color-icon: #94969C;--color-icon-active: #7EB3FF;--color-nav-active-bg: rgba(126, 179, 255, .1);--color-nav-active-text: #F5F5F6;--color-table-header-bg: #1D2939;--color-focus-ring: rgba(126, 179, 255, .2);--color-focus-ring-error: rgba(240, 68, 56, .15);--color-role-owner-bg: rgba(53, 56, 205, .15);--color-role-owner-text: #8098F9;--color-role-admin-bg: rgba(105, 65, 198, .15);--color-role-admin-text: #B692F6;--color-role-operator-bg: rgba(18, 183, 106, .12);--color-role-operator-text: #32D583;--color-role-viewer-bg: rgba(52, 64, 84, .4);--color-role-viewer-text: #CECFD2;--color-role-guest-bg: rgba(247, 144, 9, .12);--color-role-guest-text: #FDB022;--color-metric-voltage-bg: rgba(220, 104, 3, .15);--color-metric-voltage-icon: #FDB022;--color-metric-current-bg: rgba(3, 152, 85, .15);--color-metric-current-icon: #32D583;--color-metric-power-bg: rgba(53, 56, 205, .15);--color-metric-power-icon: #8098F9;--color-metric-temp-bg: rgba(217, 45, 32, .15);--color-metric-temp-icon: #FDA29B}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-display: 700 32px / 1.25 var(--font-family);--font-h1: 700 24px / 1.33 var(--font-family);--font-h2: 600 20px / 1.4 var(--font-family);--font-body: 400 16px / 1.5 var(--font-family);--font-small: 400 14px / 1.43 var(--font-family);--font-caption: 400 12px / 1.33 var(--font-family)}.text-display{font:var(--font-display);letter-spacing:-.5px;color:var(--color-text-primary)}.text-h1{font:var(--font-h1);letter-spacing:-.5px;color:var(--color-text-primary)}.text-h2{font:var(--font-h2);color:var(--color-text-primary)}.text-body{font:var(--font-body);color:var(--color-text-primary)}.text-small{font:var(--font-small);color:var(--color-text-secondary)}.text-caption{font:var(--font-caption);color:var(--color-text-muted)}.text-muted{color:var(--color-text-muted)}.text-mono{font-family:var(--font-mono);font-weight:500}.section-label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family);font-size:16px;line-height:1.5;color:var(--color-text-primary);background:var(--color-bg);min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;cursor:pointer}img,svg{display:block;max-width:100%}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}table{border-collapse:collapse}.shell{display:flex;min-height:100vh;background:var(--color-bg)}.shell__sidebar{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);height:100vh;position:sticky;top:0}.shell__main{flex:1;display:flex;flex-direction:column;min-width:0}.shell__topbar{height:var(--topbar-height);flex-shrink:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 32px;gap:16px}.shell__content{flex:1;padding:32px;overflow-y:auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.page-header__info{flex:1}.page-header__title{font-size:28px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.5px}.page-header__subtitle{font-size:14px;color:var(--color-text-muted);margin-top:4px}.page-header__actions{display:flex;gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-content-sidebar{display:grid;grid-template-columns:1fr 380px;gap:24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-fast) ease}.animate-slide-up{animation:slideUp var(--transition-fast) ease}.btn,.btn-icon,.btn-ghost,.btn-danger,.btn-outline,.btn-accent,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--radius-button);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);border:1px solid transparent;white-space:nowrap}.btn:disabled,.btn-icon:disabled,.btn-ghost:disabled,.btn-danger:disabled,.btn-outline:disabled,.btn-accent:disabled,.btn-primary:disabled{background:var(--color-surface-secondary);color:var(--color-text-disabled);border-color:transparent;cursor:not-allowed}.btn svg,.btn-icon svg,.btn-ghost svg,.btn-danger svg,.btn-outline svg,.btn-accent svg,.btn-primary svg{width:18px;height:18px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover)}.btn-outline{background:var(--color-surface);color:var(--color-text-secondary);border-color:var(--color-border-strong)}.btn-outline:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-primary);border-color:var(--color-primary)}.btn-danger{background:var(--color-surface);color:var(--color-critical);border-color:var(--color-critical-border)}.btn-danger:hover:not(:disabled){background:var(--color-critical-bg)}.btn-ghost{background:transparent;color:var(--color-text-muted);padding:0 12px}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-lg{height:48px;padding:0 24px;font-size:16px}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-icon{width:40px;padding:0;background:var(--color-surface);border-color:var(--color-border);color:var(--color-icon)}.btn-icon:hover:not(:disabled){background:var(--color-surface-hover)}.btn-full{width:100%}.chip,.chip-info,.chip-pending,.chip-offline,.chip-warning,.chip-online{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-chip);font-size:13px;font-weight:500;white-space:nowrap}.chip__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.chip-online{background:var(--color-success-bg);color:var(--color-success-text)}.chip-online .chip__dot{background:var(--color-success)}.chip-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.chip-warning .chip__dot{background:var(--color-warning)}.chip-offline{background:var(--color-critical-bg);color:var(--color-critical-text)}.chip-offline .chip__dot{background:var(--color-critical)}.chip-pending{background:var(--color-surface);border:1px solid var(--color-warning-border);color:var(--color-warning-text)}.chip-pending .chip__dot{background:var(--color-warning)}.chip-info{background:var(--color-info-bg);color:var(--color-info-text)}.chip-info .chip__dot{background:var(--color-info)}.chip-selector{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-button);font-size:13px;font-weight:500;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chip-selector:hover{background:var(--color-surface-hover)}.chip-selector.active{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-primary);font-weight:600}.badge,.badge-info-severity,.badge-warning-severity,.badge-critical,.badge-guest,.badge-viewer,.badge-operator,.badge-admin,.badge-owner{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-badge);font-size:12px;font-weight:600;white-space:nowrap}.badge-owner{background:var(--color-role-owner-bg);color:var(--color-role-owner-text)}.badge-admin{background:var(--color-role-admin-bg);color:var(--color-role-admin-text)}.badge-operator{background:var(--color-role-operator-bg);color:var(--color-role-operator-text)}.badge-viewer{background:var(--color-role-viewer-bg);color:var(--color-role-viewer-text)}.badge-guest{background:var(--color-role-guest-bg);color:var(--color-role-guest-text)}.badge-critical{background:var(--color-critical-bg);color:var(--color-critical-text);border-radius:var(--radius-chip);font-size:11px}.badge-warning-severity{background:var(--color-warning-bg);color:var(--color-warning-text);border-radius:var(--radius-chip);font-size:11px}.badge-info-severity{background:var(--color-info-bg);color:var(--color-info-text);border-radius:var(--radius-chip);font-size:11px}.card,.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.card__header{padding:20px 24px 16px;display:flex;align-items:center;justify-content:space-between}.card__title{font-size:16px;font-weight:600;color:var(--color-text-primary)}.card__subtitle{font-size:13px;color:var(--color-text-muted);margin-top:2px}.card__body{padding:0 24px 24px}.card__footer{padding:12px 24px;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.metric-card{padding:20px 24px;transition:box-shadow var(--transition-fast)}.metric-card:hover{box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f}.metric-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.metric-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.metric-card__icon svg{width:20px;height:20px}.metric-card__value{font-size:30px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.5px}.metric-card__unit{font-size:14px;font-weight:500;color:var(--color-text-muted);margin-left:4px}.metric-card__label{font-size:14px;color:var(--color-text-muted);margin-top:4px}.metric-card__change{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;margin-top:6px}.metric-card__change.up{color:#039855}.metric-card__change.down{color:#d92d20}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.form-input,.form-textarea,.form-select{width:100%;height:40px;padding:0 12px;border:1.5px solid var(--color-border-input);border-radius:var(--radius-input);font-size:14px;color:var(--color-text-primary);background:var(--color-surface);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:var(--color-text-placeholder)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-input.error,.error.form-textarea,.error.form-select{border-color:var(--color-critical);box-shadow:0 0 0 3px var(--color-focus-ring-error)}.form-input-lg{height:44px;padding:0 14px;font-size:16px}.form-error{font-size:12px;color:var(--color-critical);margin-top:4px}.form-hint{display:block;font-size:12px;color:var(--color-text-muted);margin-top:4px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-textarea{height:auto;min-height:100px;padding:10px 12px;resize:vertical}.form-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.form-checkbox input[type=checkbox]{width:16px;height:16px;border-radius:4px;border:1px solid var(--color-border-strong);accent-color:var(--color-accent)}.form-checkbox span{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.data-table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:12px 24px;background:var(--color-table-header-bg);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:14px 24px;font-size:14px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.table-cell-device{display:flex;align-items:center;gap:12px}.table-cell-device__icon{width:36px;height:36px;border-radius:var(--radius-input);background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.table-cell-device__icon svg{width:18px;height:18px;color:var(--color-icon)}.table-cell-device__name{font-weight:600}.table-cell-device__id{font-size:12px;color:var(--color-text-muted)}.table-footer{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border)}.table-footer__info{font-size:14px;color:var(--color-text-muted)}.toast-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:8px}.toast{width:360px;padding:12px 16px;border-radius:var(--radius-input);background:var(--color-surface);box-shadow:var(--shadow-md);display:flex;align-items:flex-start;gap:12px;animation:slideDown var(--transition-fast) ease;border-left:3px solid transparent}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-critical)}.toast-warning{border-left-color:var(--color-warning)}.toast-info{border-left-color:var(--color-info)}.toast__icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast__content{flex:1}.toast__title{font-size:14px;font-weight:600;color:var(--color-text-primary)}.toast__message{font-size:14px;color:var(--color-text-secondary);margin-top:2px}.toast__close{width:20px;height:20px;border:none;background:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast__close:hover{color:var(--color-text-primary)}.modal-backdrop{position:fixed;inset:0;background:#10182899;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-fast) ease}.modal{background:var(--color-surface);border-radius:var(--radius-modal);box-shadow:var(--shadow-lg);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-normal) ease}.modal__header{padding:24px 24px 0;display:flex;align-items:flex-start;justify-content:space-between}.modal__title{font-size:18px;font-weight:600;color:var(--color-text-primary)}.modal__close{width:32px;height:32px;border:none;background:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-input)}.modal__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal__body{padding:20px 24px}.modal__footer{padding:0 24px 24px;display:flex;justify-content:flex-end;gap:12px}.toggle{position:relative;width:44px;height:24px;cursor:pointer;display:inline-block}.toggle__input{opacity:0;width:0;height:0;position:absolute}.toggle__track{position:absolute;inset:0;border-radius:12px;background:var(--color-border-strong);transition:background var(--transition-fast)}.toggle__knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #1018281a;transition:transform var(--transition-fast)}.toggle__input:checked~.toggle__track{background:var(--color-success)}.toggle__input:checked~.toggle__knob{transform:translate(20px)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-lg{width:48px;height:48px;border-width:4px}.loading-overlay{position:fixed;inset:0;z-index:9999;background:rgba(var(--color-bg),.8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-overlay__text{font-size:14px;color:var(--color-text-muted);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-card)}.empty-state__illustration{width:80px;height:80px;border-radius:50%;background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-state__illustration svg{width:32px;height:32px;color:var(--color-text-placeholder)}.empty-state__title{font-size:15px;font-weight:600;color:var(--color-text-secondary);margin-bottom:4px}.empty-state__description{font-size:13px;color:var(--color-text-muted);max-width:280px;margin-bottom:16px}