:root{--ha-font-family:"Avenir Next", "Segoe UI Variable Display", "PingFang SC", "Microsoft YaHei", sans-serif;--ha-radius-sm:10px;--ha-radius-md:12px;--ha-radius-lg:14px;--ha-radius-xl:16px;--ha-radius-2xl:18px;--ha-primary:#2f6fed;--ha-primary-soft:#7fafff;--ha-primary-strong:#1f56cd;--ha-success:#1f9d76;--ha-warning:#d97706;--ha-danger:#d84d6b;--ha-surface:#edf3fb;--ha-surface-low:#fff9;--ha-surface-container:#ffffffdb;--ha-surface-high:#fff;--ha-surface-highest:#f7fafff0;--ha-surface-variant:#ffffffbd;--ha-sidebar-surface:#fffc;--ha-header-surface:#ffffffb8;--ha-on-surface:#162033;--ha-on-surface-variant:#64748f;--ha-secondary-container:#dcecff;--ha-on-secondary-container:#18456e;--ha-error-container:#ffe0e6;--ha-on-error-container:#82263a;--ha-outline-variant:#495d8029;--ha-card-border:#94a3b842;--ha-panel-shadow:0 20px 48px #11223e1a;--ha-bg-gradient:radial-gradient(circle at 15% 0%, #6d97ff47, transparent 30%), radial-gradient(circle at 100% 18%, #0ea5e924, transparent 24%), linear-gradient(180deg, #f9fbff 0%, #eef4fb 48%, #e8eef7 100%);--ha-hero-bg:linear-gradient(135deg, #fffffff5, #ebf3ffe6);--ha-brand-gradient:linear-gradient(145deg, #1d304c, #0b0d12 68%);--ha-hero-glow:#3f7bff2e;--ha-chart-tooltip-bg:#fffffff5;--ha-chart-tooltip-text:#162033;--ha-chart-axis:#6d7d96;--ha-chart-grid:#63759229;--ha-overlay:#0a12216b;--el-color-primary:var(--ha-primary);--el-bg-color:var(--ha-surface-high);--el-bg-color-page:transparent;--el-bg-color-overlay:var(--ha-surface-high);--el-text-color-primary:var(--ha-on-surface);--el-text-color-regular:var(--ha-on-surface-variant);--el-text-color-secondary:var(--ha-on-surface-variant);--el-border-color:var(--ha-card-border);--el-border-color-light:var(--ha-card-border);--el-fill-color-blank:transparent;--el-fill-color-light:var(--ha-surface-highest);--el-mask-color:var(--ha-overlay)}html.dark{--ha-surface:#0d1420;--ha-surface-low:#121926d6;--ha-surface-container:#131c2ae0;--ha-surface-high:#182131;--ha-surface-highest:#1e293beb;--ha-surface-variant:#121926b8;--ha-sidebar-surface:#0c121edb;--ha-header-surface:#0f1727c7;--ha-on-surface:#e3ebf8;--ha-on-surface-variant:#9bacc7;--ha-secondary-container:#273f61;--ha-on-secondary-container:#a9c4ea;--ha-error-container:#662330;--ha-on-error-container:#ffd5de;--ha-outline-variant:#8a9ab32e;--ha-card-border:#94a3b82e;--ha-panel-shadow:0 24px 48px #01040a5c;--ha-bg-gradient:radial-gradient(circle at 15% 0%, #3b82f63d, transparent 28%), radial-gradient(circle at 100% 16%, #0ea5e91f, transparent 22%), linear-gradient(180deg, #09111c 0%, #0d1420 52%, #0a0f18 100%);--ha-hero-bg:linear-gradient(145deg, #111927f5, #0c121ee0);--ha-brand-gradient:linear-gradient(145deg, #22395a, #0b0d12 72%);--ha-hero-glow:#508dff38;--ha-chart-tooltip-bg:#0c121ef0;--ha-chart-tooltip-text:#e3ebf8;--ha-chart-axis:#9eb0ca;--ha-chart-grid:#8fa3bf2e;--ha-overlay:#01040a8f}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{font-family:var(--ha-font-family);background:var(--ha-bg-gradient);color:var(--ha-on-surface);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;position:relative}body:before,body:after{content:"";pointer-events:none;filter:blur(50px);z-index:0;border-radius:999px;position:fixed}body:before{background:#4f90ff29;width:220px;height:220px;top:-60px;right:6vw}body:after{background:#0ea5e914;width:180px;height:180px;bottom:8vh;left:-40px}a{color:inherit}#app{z-index:1;position:relative}.ha-card{background:var(--ha-surface-container);border:1px solid var(--ha-card-border);border-radius:var(--ha-radius-2xl);box-shadow:var(--ha-panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ha-glass{background:var(--ha-surface-variant);border:1px solid var(--ha-card-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ha-title{color:var(--ha-on-surface);letter-spacing:-.02em;font-size:1.65rem;font-weight:700}.ha-subtitle{color:var(--ha-on-surface-variant);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.ha-display{font-size:3.5rem;font-weight:800;line-height:.95}.ha-gradient-text{background:linear-gradient(135deg, var(--ha-primary-soft), var(--ha-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.el-menu{--el-menu-bg-color:transparent;--el-menu-text-color:var(--ha-on-surface-variant);--el-menu-active-color:var(--ha-on-surface);border-right:none!important}.el-menu-item{border-radius:var(--ha-radius-lg);min-height:48px;margin-bottom:8px;transition:background .22s,color .22s,transform .22s;color:var(--ha-on-surface-variant)!important}.el-menu-item:hover{background:color-mix(in srgb, var(--ha-primary) 8%, var(--ha-surface-highest))!important;color:var(--ha-on-surface)!important}.el-menu-item.is-active{position:relative;background:linear-gradient(90deg, color-mix(in srgb, var(--ha-primary) 14%, transparent), transparent)!important;color:var(--ha-on-surface)!important}.el-menu-item.is-active:before{content:"";background:var(--ha-primary);width:3px;box-shadow:0 0 12px color-mix(in srgb, var(--ha-primary-soft) 70%, transparent);border-radius:4px;position:absolute;top:8px;bottom:8px;left:0}.el-table{--el-table-header-bg-color:var(--ha-surface-high);--el-table-row-hover-bg-color:var(--ha-surface-highest);--el-table-bg-color:transparent;--el-table-border-color:transparent;--el-table-header-text-color:var(--ha-on-surface-variant);--el-table-text-color:var(--ha-on-surface);--el-table-tr-bg-color:transparent;background:0 0!important}.el-table th.el-table__cell,.el-table td.el-table__cell,.el-table:before{border:none!important}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner{background:var(--ha-surface-highest)!important;border:1px solid var(--ha-card-border)!important;box-shadow:none!important;border-radius:var(--ha-radius-md)!important;color:var(--ha-on-surface)!important}.el-button{border-radius:var(--ha-radius-md)!important}.ha-table-action-btn{align-items:center;gap:6px;min-height:34px;border-color:var(--ha-card-border)!important;background:color-mix(in srgb, var(--ha-surface-high) 92%, transparent)!important;color:var(--ha-on-surface)!important;border-radius:999px!important;padding:0 12px!important;display:inline-flex!important}.ha-table-action-btn:hover{border-color:color-mix(in srgb, var(--ha-primary) 30%, var(--ha-card-border))!important;background:color-mix(in srgb, var(--ha-primary) 9%, var(--ha-surface-high))!important;color:var(--ha-on-surface)!important}.ha-table-action-btn .el-icon{margin-right:0}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-textarea__inner:focus{background:color-mix(in srgb, var(--ha-primary) 5%, var(--ha-surface-highest))!important;border-radius:var(--ha-radius-2xl)!important}.el-input__inner,.el-select__placeholder,.el-textarea__inner,.el-input__inner::placeholder,.el-textarea__inner::placeholder{color:var(--ha-on-surface-variant)!important}.el-dialog{background:var(--ha-surface-high)!important;border:1px solid var(--ha-card-border)!important;box-shadow:var(--ha-panel-shadow)!important;border-radius:24px!important}.el-dialog__header,.el-dialog__body,.el-dialog__footer,.el-dialog__title,.el-dialog__headerbtn .el-dialog__close{color:var(--ha-on-surface)!important}.el-overlay-message-box{justify-content:center;align-items:center;padding:24px;display:flex}.ha-message-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding-top:10px;background:var(--ha-surface-container)!important;border:1px solid var(--ha-card-border)!important;width:min(100%,460px)!important;box-shadow:var(--ha-panel-shadow)!important;border-radius:28px!important;margin:0!important}.ha-message-box .el-message-box__header{padding:18px 26px 0}.ha-message-box .el-message-box__title{text-align:center;font-size:1.08rem;font-weight:700;line-height:1.35;color:var(--ha-on-surface)!important}.ha-message-box .el-message-box__content{padding:18px 26px 8px}.ha-message-box .el-message-box__container{flex-direction:column;align-items:center;gap:14px;display:flex}.ha-message-box .el-message-box__status{background:color-mix(in srgb, var(--ha-primary) 12%, var(--ha-surface-highest));width:54px;height:54px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ha-primary) 10%, var(--ha-card-border));border-radius:999px;justify-content:center;align-items:center;display:inline-flex;margin:0!important;font-size:1.35rem!important;position:static!important;transform:none!important}.ha-message-box--warning .el-message-box__status{background:color-mix(in srgb, var(--ha-warning) 12%, var(--ha-surface-highest));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ha-warning) 18%, var(--ha-card-border));color:var(--ha-warning)!important}.ha-message-box--success .el-message-box__status{background:color-mix(in srgb, var(--ha-success) 12%, var(--ha-surface-highest));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ha-success) 18%, var(--ha-card-border));color:var(--ha-success)!important}.ha-message-box--info .el-message-box__status{color:var(--ha-primary)!important}.ha-message-box .el-message-box__message{text-align:center}.ha-message-box .el-message-box__message p{color:var(--ha-on-surface-variant);margin:0;line-height:1.68}.ha-message-box .el-message-box__btns{justify-content:center;gap:12px;padding:16px 26px 24px;display:flex}.ha-message-box .el-message-box__btns .el-button{min-width:118px;min-height:44px;border-radius:999px!important;margin-left:0!important}.ha-message-box .el-message-box__btns .el-button--default{background:var(--ha-surface-highest)!important;border-color:var(--ha-card-border)!important;color:var(--ha-on-surface)!important}.ha-message-box .el-message-box__btns .el-button:focus-visible{outline:2px solid color-mix(in srgb, var(--ha-primary) 54%, transparent);outline-offset:2px}@media (width<=640px){.el-overlay-message-box{padding:16px}.ha-message-box{width:100%!important}.ha-message-box .el-message-box__btns{flex-direction:column-reverse}.ha-message-box .el-message-box__btns .el-button{width:100%}}.el-select-dropdown,.el-dropdown-menu,.el-popper.is-light{background:var(--ha-surface-high)!important;border:1px solid var(--ha-card-border)!important;box-shadow:var(--ha-panel-shadow)!important}.el-select-dropdown__item,.el-dropdown-menu__item{color:var(--ha-on-surface)!important}.el-select-dropdown__item.is-hovering,.el-select-dropdown__item.hover,.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background:color-mix(in srgb, var(--ha-primary) 8%, var(--ha-surface-highest))!important}.el-button--primary{background:linear-gradient(135deg, var(--ha-primary-soft), var(--ha-primary));box-shadow:0 10px 18px color-mix(in srgb, var(--ha-primary) 24%, transparent);border:none!important}.status-online{background:var(--ha-secondary-container);color:var(--ha-on-secondary-container);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.status-offline{background:var(--ha-error-container);color:var(--ha-on-error-container);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.status-warning{background:color-mix(in srgb, var(--ha-warning,#d97706) 18%, var(--ha-surface-highest));color:var(--ha-warning,#d97706);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.page-shell{flex-direction:column;gap:18px;display:flex}.page-hero{border-radius:var(--ha-radius-2xl);background:var(--ha-hero-bg);border:1px solid var(--ha-card-border);box-shadow:var(--ha-panel-shadow);justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;display:flex;position:relative;overflow:hidden}.page-hero--compact{gap:14px;padding:14px 18px}.page-hero--compact .page-hero__title{margin:6px 0 4px}.page-hero--compact .page-hero__desc{line-height:1.55}.page-hero--compact .hero-chip{padding:10px 14px}.page-hero:before,.page-hero:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.page-hero:before{background:radial-gradient(circle, var(--ha-hero-glow), transparent 70%);width:180px;height:180px;top:-40px;right:-50px}.page-hero:after{background:radial-gradient(circle, color-mix(in srgb, var(--ha-primary-soft) 40%, transparent), transparent 70%);width:140px;height:140px;bottom:-40px;left:-30px}.page-hero__content,.page-hero__aside{z-index:1;position:relative}.page-hero__content{flex:1}.page-hero__eyebrow{color:var(--ha-on-surface-variant);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.page-hero__title{margin:10px 0 8px}.page-hero__desc{max-width:760px;color:var(--ha-on-surface-variant);margin:0;font-size:14px;line-height:1.7}.page-hero__aside{gap:12px;min-width:220px;display:grid}.page-hero__aside--actions-only{align-content:start;justify-items:end;min-width:0}.page-hero__status{border-radius:var(--ha-radius-lg);border:1px solid color-mix(in srgb, var(--ha-secondary-container) 82%, var(--ha-card-border));background:linear-gradient(135deg, color-mix(in srgb, var(--ha-secondary-container) 82%, var(--ha-surface-high)), color-mix(in srgb, var(--ha-surface-high) 94%, var(--ha-secondary-container)));text-align:right;width:min(100%,360px);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ha-surface-high) 62%, transparent);justify-self:end;gap:4px;padding:10px 14px;display:grid}.page-hero__status-label{color:var(--ha-on-secondary-container);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.page-hero__status-value{color:var(--ha-on-surface);word-break:break-word;font-size:15px;font-weight:800;line-height:1.35}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.page-hero__aside .hero-actions{justify-content:flex-end;justify-self:end}.ha-hero-action-btn{align-items:center;gap:6px;min-height:42px;border-radius:var(--ha-radius-md)!important;padding:0 16px!important;display:inline-flex!important}.ha-hero-action-btn .el-icon{margin-right:0}.hero-actions--stacked{flex-direction:column;align-items:stretch}.page-hero__aside--actions-only .hero-actions{justify-content:flex-end}.hero-chip{border-radius:var(--ha-radius-xl);border:1px solid var(--ha-card-border);background:color-mix(in srgb, var(--ha-surface-high) 78%, transparent);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.hero-chip strong{font-size:1.2rem;line-height:1.2}.toolbar-card{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.toolbar-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar-group--actions{justify-content:flex-end;margin-left:auto}.search-controls{flex-wrap:nowrap;max-width:100%}.panel-card{padding:18px}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-note{color:var(--ha-on-surface-variant);margin:6px 0 0;font-size:12px;line-height:1.6}.table-card{padding:12px 14px 16px}.metric-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.metric-card{flex-direction:column;grid-column:span 4;justify-content:space-between;gap:12px;min-height:128px;padding:16px 18px;display:flex}.metric-card--highlight{background:linear-gradient(145deg, color-mix(in srgb, var(--ha-primary) 10%, var(--ha-surface-container)), var(--ha-surface-high))}.metric-card--wide{grid-column:span 6}.metric-kicker{color:var(--ha-on-surface-variant);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:700}.metric-value{color:var(--ha-on-surface);font-size:clamp(2rem,4vw,3.1rem);font-weight:800;line-height:1}.metric-value--gradient{background:linear-gradient(135deg, var(--ha-primary), var(--ha-primary-soft));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.metric-value--danger{color:var(--ha-on-error-container)}.metric-meta{color:var(--ha-on-surface-variant);font-size:12px;line-height:1.6}.segmented{border-radius:var(--ha-radius-lg);background:var(--ha-surface-highest);border:1px solid var(--ha-card-border);align-items:center;gap:6px;padding:4px;display:flex}.segmented button{border-radius:var(--ha-radius-md);min-height:40px;color:var(--ha-on-surface-variant);font:inherit;cursor:pointer;background:0 0;border:none;padding:0 14px;transition:background .2s,color .2s}.segmented button.active{background:color-mix(in srgb, var(--ha-primary) 10%, var(--ha-surface-high));color:var(--ha-on-surface)}.search-input{flex:0 280px;width:280px;max-width:100%}.chart-panel{height:320px}.soft-pill{border:1px solid var(--ha-card-border);background:var(--ha-surface-highest);min-height:40px;color:var(--ha-on-surface-variant);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}@media (width<=1200px){.metric-card,.metric-card--wide{grid-column:span 6}}@media (width<=900px){.page-hero,.toolbar-card{flex-direction:column;align-items:stretch}.page-hero__aside{grid-template-columns:1fr;width:100%;min-width:0}.page-hero__aside--actions-only{justify-items:stretch}.page-hero__status,.page-hero__aside .hero-actions{justify-self:stretch;width:100%}.page-hero__status{text-align:left}.page-hero__aside--actions-only .hero-actions,.hero-actions--stacked{justify-content:stretch}.metric-card,.metric-card--wide{grid-column:1/-1}.toolbar-group--actions{justify-content:stretch;margin-left:0}.search-controls{flex-wrap:wrap}}@media (width<=640px){.page-hero,.panel-card,.toolbar-card,.table-card{padding:16px}.page-hero__aside{grid-template-columns:1fr}.segmented{flex-wrap:wrap;width:100%}.segmented button,.search-input,.search-controls .el-button{width:100%}}