.hv-loader{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface-base)}.hv-loader__spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--accent);animation:hv-spin .8s linear infinite}@keyframes hv-spin{to{transform:rotate(360deg)}}.hv-auth-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);text-align:center;color:var(--text-secondary)}.hv-auth-error h1{color:var(--text-primary)}.hv-nav-item{display:flex;align-items:center;gap:var(--space-3);height:34px;padding:0 var(--space-4);color:var(--text-secondary);border-left:2px solid transparent;font-size:var(--fs-md);font-weight:500;cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease;user-select:none}.hv-nav-item:hover{color:var(--text-primary);background:var(--surface-elevated)}.hv-nav-item--active{color:var(--text-primary);background:var(--surface-elevated);border-left-color:var(--accent)}.hv-nav-item--disabled{color:var(--text-muted);cursor:not-allowed}.hv-nav-item--disabled:hover{background:transparent;color:var(--text-muted)}.hv-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-2);border:1px solid transparent;font-weight:500;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap}.hv-btn--sm{height:26px;font-size:var(--fs-sm);padding:0 var(--space-2)}.hv-btn--md{height:32px;font-size:var(--fs-md)}.hv-btn--primary{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.hv-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.hv-btn--secondary{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--border-strong)}.hv-btn--secondary:hover{background:var(--surface-hover)}.hv-btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.hv-btn--ghost:hover{background:var(--surface-elevated);color:var(--text-primary)}.hv-btn:disabled{opacity:.5;cursor:not-allowed}.hv-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;background:var(--surface-base)}.hv-shell__sidebar{display:flex;flex-direction:column;background:var(--surface-panel);border-right:1px solid var(--border-subtle);position:sticky;top:0;height:100vh}.hv-shell__brand{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center}.hv-shell__nav{display:flex;flex-direction:column;padding:var(--space-3) 0;gap:2px}.hv-shell__spacer{flex:1 1 auto}.hv-shell__user{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-3)}.hv-shell__user-info{flex:1 1 auto;min-width:0}.hv-shell__user-name{font-size:var(--fs-md);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hv-shell__user-mail{font-size:var(--fs-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hv-shell__main{display:flex;flex-direction:column;min-width:0}.hv-shell__topbar{height:var(--topbar-height);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--surface-panel);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:10}.hv-shell__title{font-size:var(--fs-lg);font-weight:500;color:var(--text-primary);flex:1 1 auto;margin:0}.hv-shell__actions{display:flex;gap:var(--space-2)}.hv-shell__content{padding:var(--space-5);flex:1 1 auto;min-width:0;overflow-x:hidden}.hv-table__wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-3);background:var(--surface-panel);overflow:hidden}.hv-table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.hv-table thead th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:500;color:var(--text-secondary);background:var(--surface-elevated);border-bottom:1px solid var(--border-subtle);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em}.hv-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.hv-table tbody tr:last-child td{border-bottom:0}.hv-table__row--clickable{cursor:pointer;transition:background .1s ease}.hv-table__row--clickable:hover td{background:var(--surface-hover)}.hv-table__empty{padding:var(--space-6);border:1px dashed var(--border-subtle);border-radius:var(--radius-3);color:var(--text-muted);text-align:center;background:var(--surface-panel)}.hv-card{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-3);box-shadow:var(--shadow-1)}.hv-card--padded{padding:var(--space-4)}.hv-card__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.hv-card__body{padding:var(--space-4)}.hv-badge{display:inline-flex;align-items:center;height:20px;padding:0 var(--space-2);border-radius:999px;font-size:var(--fs-xs);font-weight:500;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.hv-badge--neutral{background:var(--surface-elevated);color:var(--text-secondary);border-color:var(--border-subtle)}.hv-badge--accent{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent-muted);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.hv-badge--ok{background:color-mix(in srgb,var(--status-ok) 15%,transparent);color:var(--status-ok);border-color:color-mix(in srgb,var(--status-ok) 40%,transparent)}.hv-badge--warn{background:color-mix(in srgb,var(--status-warn) 15%,transparent);color:var(--status-warn);border-color:color-mix(in srgb,var(--status-warn) 40%,transparent)}.hv-badge--error{background:color-mix(in srgb,var(--status-error) 18%,transparent);color:var(--status-error);border-color:color-mix(in srgb,var(--status-error) 40%,transparent)}.hv-badge--info{background:color-mix(in srgb,var(--status-info) 15%,transparent);color:var(--status-info);border-color:color-mix(in srgb,var(--status-info) 40%,transparent)}.hv-device__symbol{font-size:var(--fs-sm);color:var(--text-secondary);padding:2px var(--space-2);background:var(--surface-elevated);border-radius:var(--radius-1);border:1px solid var(--border-subtle)}.hv-device__name{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary)}.hv-node,.hv-leaf{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;min-height:26px;flex-wrap:wrap}.hv-node__caret{width:18px;color:var(--text-muted);font-size:10px;cursor:pointer;padding:2px}.hv-node__caret:disabled{cursor:default}.hv-node__symbol,.hv-leaf__symbol{color:var(--text-primary);font-size:var(--fs-sm)}.hv-node__name,.hv-leaf__name{font-size:var(--fs-sm)}.hv-leaf__marker{width:18px;color:var(--text-muted);text-align:center;font-size:10px}.hv-leaf__type,.hv-leaf__unit,.hv-leaf__placeholder{font-size:var(--fs-xs)}.hv-node__children{width:100%;display:flex;flex-direction:column;border-left:1px dashed var(--border-subtle);margin-left:9px;padding-left:var(--space-3)}.hv-widgets__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}.hv-widget__title{display:flex;align-items:baseline;gap:var(--space-3);min-width:0}.hv-widget__name{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary)}.hv-widget__id{font-size:var(--fs-xs)}.hv-widget__desc{color:var(--text-secondary);margin:0 0 var(--space-3) 0}.hv-widget__pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.hv-widget__toggle{color:var(--text-secondary);font-size:var(--fs-sm);padding:var(--space-1) 0;cursor:pointer}.hv-widget__toggle:hover{color:var(--text-primary)}.hv-widget__schema{margin-top:var(--space-2);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-2);padding:var(--space-3);color:var(--text-secondary);font-size:var(--fs-xs);max-height:360px;overflow:auto;white-space:pre}:root{--accent: #77A22B;--accent-hover: #8AB935;--accent-muted: #A4CE4E;--accent-contrast: #16191D;--surface-base: #16191D;--surface-panel: #1D2126;--surface-elevated: #252A31;--surface-hover: #2E343B;--border-subtle: #2E343B;--border-strong: #3A4048;--text-primary: #E2E5EA;--text-secondary: #8A929E;--text-muted: #565E67;--text-on-accent: #16191D;--status-ok: #77A22B;--status-warn: #E8A93D;--status-error: #E24A5F;--status-info: #4FA3E1;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-1: 3px;--radius-2: 6px;--radius-3: 10px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 15px;--fs-xl: 18px;--fs-2xl: 22px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .35);--shadow-2: 0 4px 12px rgba(0, 0, 0, .4);--sidebar-width: 240px;--topbar-height: 48px}[data-theme=light]{--surface-base: #FFFFFF;--surface-panel: #F5F6F8;--surface-elevated: #ECEEF1;--surface-hover: #E1E5EA;--border-subtle: #DFE3E8;--border-strong: #C6CBD3;--text-primary: #16191D;--text-secondary: #4A5058;--text-muted: #8A929E;--text-on-accent: #FFFFFF;--shadow-1: 0 1px 2px rgba(20, 24, 30, .08);--shadow-2: 0 4px 12px rgba(20, 24, 30, .12)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--surface-base: #FFFFFF;--surface-panel: #F5F6F8;--surface-elevated: #ECEEF1;--surface-hover: #E1E5EA;--border-subtle: #DFE3E8;--border-strong: #C6CBD3;--text-primary: #16191D;--text-secondary: #4A5058;--text-muted: #8A929E;--text-on-accent: #FFFFFF;--shadow-1: 0 1px 2px rgba(20, 24, 30, .08);--shadow-2: 0 4px 12px rgba(20, 24, 30, .12)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0;margin:0}a{color:inherit;text-decoration:none}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;padding:0}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html,body{background:var(--surface-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-md)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-2);border:2px solid var(--surface-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1{font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.01em}h2{font-size:var(--fs-xl);font-weight:600}h3{font-size:var(--fs-lg);font-weight:600}code,pre,kbd,samp{font-family:var(--font-mono);font-size:var(--fs-sm)}hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-4) 0}.stack-2{display:flex;flex-direction:column;gap:var(--space-2)}.stack-3{display:flex;flex-direction:column;gap:var(--space-3)}.stack-4{display:flex;flex-direction:column;gap:var(--space-4)}.row-2{display:flex;gap:var(--space-2);align-items:center}.row-3{display:flex;gap:var(--space-3);align-items:center}.grow{flex:1 1 auto}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}