:root{font-family:Poppins,Segoe UI,sans-serif;--ha-bg: #111315;--ha-bg-elevated: #171a1d;--ha-bg-soft: #1d2125;--ha-bg-hover: #262b31;--ha-bg-code: #101214;--ha-border: rgba(255, 255, 255, .1);--ha-border-strong: rgba(255, 255, 255, .16);--ha-text: #eceff3;--ha-text-soft: #98a0a8;--ha-accent: #3b82f6;--ha-accent-strong: #2563eb;--ha-accent-soft: rgba(59, 130, 246, .14);--ha-success-soft: rgba(34, 197, 94, .12);--ha-warning-soft: rgba(245, 158, 11, .12);--ha-danger-soft: rgba(239, 68, 68, .12);--ha-shadow: 0 12px 26px rgba(0, 0, 0, .22);--ha-shadow-soft: 0 6px 14px rgba(0, 0, 0, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0f1012}a{color:inherit}::selection{background:#03a9f447;color:#f8fbff}.app{position:relative;min-height:100vh;padding:18px;color:var(--ha-text);background:#0a0b0d}.app.mode-light{--ha-border: rgba(148, 163, 184, .42);--ha-border-strong: rgba(100, 116, 139, .54);--ha-text-soft: #526176;--ha-light-surface: rgba(255, 255, 255, .98);--ha-light-surface-soft: rgba(252, 253, 255, .98);--ha-light-surface-muted: rgba(245, 248, 252, .98);--ha-light-shadow: 0 12px 28px rgba(148, 163, 184, .14);color:#10203b;background:radial-gradient(1200px 820px at 10% 2%,rgba(254,202,202,.14),transparent 58%),radial-gradient(980px 720px at 90% 92%,rgba(191,219,254,.12),transparent 66%),linear-gradient(180deg,#fffdfd,#f4f8fd)}.gate-fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.gate-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(148,163,184,.06) 1px,transparent 1px);background-size:28px 28px;opacity:.18}.app.mode-light .gate-grid{opacity:.1;background-image:linear-gradient(to right,rgba(148,163,184,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(148,163,184,.04) 1px,transparent 1px)}.gate-network{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.app.mode-light .gate-network{opacity:.32}.site-header,.auth-shell{position:relative;z-index:2}.site-header{max-width:1320px;margin:0 auto 18px;padding:14px 16px;border-radius:14px;border:1px solid var(--ha-border);background:#121416;box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:14px}.app.mode-light .site-header{border-color:var(--ha-border);background:#ffffffe6;box-shadow:0 18px 34px #94a3b829,0 0 0 1px #ffffffb8 inset}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:176px;height:60px;object-fit:contain;border-radius:8px;background:#fff;padding:3px}.brand-title{font-size:22px;font-weight:800}.brand-sub{font-size:14px;opacity:.82}.actions{display:flex;align-items:center;gap:10px}.lang{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:220px;border:1px solid var(--ha-border);background-color:var(--ha-bg-elevated);color:inherit;border-radius:12px;padding:9px 34px 9px 12px;font-size:15px;background-image:linear-gradient(180deg,#ffffff04,#ffffff01),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.85)' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0,right 10px center;font-family:Poppins,Segoe UI,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;box-shadow:inset 0 1px #ffffff05}.lang option{background:#171a1d;color:var(--ha-text)}.app.mode-light .lang{border-color:var(--ha-border);background-color:var(--ha-light-surface);color:#10203b;background-image:linear-gradient(180deg,#0f172a05,#0f172a03),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(15,23,42,0.75)' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");box-shadow:0 1px 2px #0f172a0a,0 0 0 1px #ffffffc7 inset}.app.mode-light .lang option{background:#fff;color:#10203b}.mode-btn,.btn-secondary,.btn-primary,.btn-danger,.btn-edit{border-radius:12px;padding:10px 12px;font-size:15px;line-height:1;cursor:pointer;text-decoration:none}.mode-btn,.btn-secondary{border:1px solid var(--ha-border);background:#1d2125f5;color:inherit;box-shadow:inset 0 1px #ffffff05}.app.mode-light .mode-btn,.app.mode-light .btn-secondary{border-color:#94a3b847;background:#fff;box-shadow:0 1px 2px #0f172a0a,0 0 0 1px #ffffffbd inset}.btn-primary{border:1px solid rgba(59,130,246,.38);background:linear-gradient(180deg,#3b82f6,#2563eb);color:#f8fbff;font-weight:700;box-shadow:inset 0 1px #ffffff0f,0 4px 10px #00000029}.btn-danger{border:1px solid rgba(239,68,68,.42);background:var(--ha-danger-soft);color:inherit}.btn-edit{border:1px solid rgba(245,158,11,.38);background:var(--ha-warning-soft);color:inherit}.mode-btn:hover,.btn-secondary:hover,.btn-danger:hover,.btn-edit:hover,.btn-primary:hover,.form-grid button:hover{transform:translateY(-1px)}.mode-btn:hover,.btn-secondary:hover{background:var(--ha-bg-hover)}.btn-primary:hover,.form-grid button:hover{box-shadow:inset 0 1px #ffffff14,0 6px 12px #0000002e}.btn-danger:hover{background:#ef44442e}.btn-edit:hover{background:#f59e0b29}.lang:focus,.settings-select:focus,.form-grid input:focus,.input:focus,.pass-eye:focus,.mode-btn:focus,.btn-secondary:focus,.btn-primary:focus,.btn-danger:focus,.btn-edit:focus,.form-grid button:focus{outline:none;border-color:#38bdf857;box-shadow:0 0 0 1px #38bdf824 inset,0 0 0 3px #38bdf81a}.app.mode-light .btn-primary{border-color:#dc26268c;background:linear-gradient(180deg,#f87171,#ef4444);color:#fff}.auth-shell{max-width:1320px;margin:0 auto;width:100%;min-width:0}.auth-card{width:min(840px,100%);margin:0 auto;border:1px solid var(--ha-border);border-radius:18px;background:#121416;box-shadow:none;padding:28px}.app.mode-light .auth-card{border-color:var(--ha-border);background:#fffffff0;box-shadow:0 18px 38px #94a3b829,0 0 0 1px #ffffffc7 inset}.auth-card h1{margin:0 0 8px;font-size:34px}.auth-card p{margin:0 0 16px;opacity:.84}.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;font-weight:600}.form-grid input,.input{width:100%;border-radius:12px;border:1px solid var(--ha-border);background:#101214f5;color:inherit;padding:11px 12px;font-size:15px;box-shadow:inset 0 1px #ffffff05}.app.mode-light .form-grid input,.app.mode-light .input{border-color:var(--ha-border);background:var(--ha-light-surface-soft);box-shadow:0 1px 2px #0f172a0a,0 0 0 1px #ffffffc7 inset}.pass-wrap{display:grid;grid-template-columns:1fr 48px;gap:8px}.pass-wrap input{min-width:0}.pass-eye{display:inline-flex;align-items:center;justify-content:center;width:48px;min-width:48px;min-height:46px;padding:0;border-radius:12px;border:1px solid var(--ha-border);background:#181c1ff5;color:inherit;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease,color .18s ease}.app.mode-light .pass-eye{border-color:var(--ha-border);background:var(--ha-light-surface);box-shadow:0 1px 2px #0f172a0a,0 0 0 1px #ffffffc7 inset}.pass-eye:hover{background:var(--ha-bg-hover);color:#f8fbff;transform:translateY(-1px)}.app.mode-light .pass-eye:hover{background:#f8fafc}.pass-eye-icon{width:20px;height:20px;display:block}.form-grid small{opacity:.78;font-size:13px}.form-grid button{margin-top:4px;border:1px solid rgba(56,189,248,.22);background:linear-gradient(180deg,#0f7fb1,#0a668f);color:#f8fbff;border-radius:12px;padding:11px 14px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px #ffffff0f,0 6px 14px #0206172e}.app.mode-light .form-grid button{border-color:#dc26268c;background:linear-gradient(180deg,#f87171,#ef4444);color:#fff}.flash{border-radius:12px;padding:10px 12px;font-size:15px;margin-bottom:10px}.flash-error{border:1px solid rgba(239,68,68,.55);background:#ef44441f}.flash-ok{border:1px solid rgba(34,197,94,.55);background:#22c55e1f}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.confirm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172aad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-card{position:relative;width:min(520px,calc(100% - 24px));margin:min(16vh,120px) auto 0;border:1px solid var(--ha-border);border-radius:18px;background:#121416;box-shadow:none;padding:18px;display:grid;gap:12px}.app.mode-light .confirm-card{border-color:#94a3b83d;background:linear-gradient(180deg,#fffffffa,#f8fafcf5);box-shadow:0 22px 52px #0f172a38,0 0 0 1px #ffffffc2 inset}.confirm-title{font-size:18px;font-weight:800}.confirm-message{font-size:14px;opacity:.9}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.foot-links{margin-top:14px;display:grid;gap:8px;font-size:14px}.foot-links a{color:#7dd3fc;text-decoration:none}.app.mode-light .foot-links a{color:#dc2626}.dashboard-card{width:min(1320px,100%);display:grid;gap:12px;min-width:0}.controls-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.controls-row>*{min-width:0}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.small-label{font-size:13px;opacity:.78}.small-line{font-size:14px;opacity:.86;overflow-wrap:anywhere}.title-email{font-size:24px;font-weight:850;overflow-wrap:anywhere}.sub-card{border:1px solid var(--ha-border);border-radius:16px;background:#141618;padding:12px;display:grid;gap:10px;min-width:0;box-shadow:none}.app.mode-light .sub-card{background:var(--ha-light-surface);border-color:var(--ha-border);box-shadow:var(--ha-light-shadow),0 0 0 1px #ffffffd1 inset}.app.mode-light .sub-card .sub-card{background:var(--ha-light-surface-muted);border-color:var(--ha-border-strong);box-shadow:0 8px 18px #94a3b81a,0 0 0 1px #fffc inset}.sub-title{font-weight:850;font-size:17px}.add-row{display:grid;grid-template-columns:1.35fr 1.15fr 1fr auto;gap:10px;align-items:center}.add-device-select{width:100%;min-width:0}.dash-note{border:1px solid var(--ha-border);background:#141618;border-radius:14px;padding:12px}.app.mode-light .dash-note{background:var(--ha-light-surface-muted);border-color:var(--ha-border-strong);box-shadow:0 8px 20px #94a3b814,0 0 0 1px #fffc inset}.device-grid,.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.device-card,.account-card,.account-device,.global-group{border:1px solid var(--ha-border);border-radius:16px;background:#141618;padding:12px;box-shadow:none}.app.mode-light .device-card,.app.mode-light .account-card,.app.mode-light .account-device,.app.mode-light .global-group{background:var(--ha-light-surface);border-color:var(--ha-border);box-shadow:var(--ha-light-shadow),0 0 0 1px #ffffffd1 inset}.account-card,.account-device,.global-group{display:grid;gap:8px}.account-card-online{border-color:#22c55ef2;background:linear-gradient(180deg,#22c55e14,#22c55e06),#181a1dfa;box-shadow:0 0 0 1px #22c55e38 inset,0 10px 22px #0206172e}.app.mode-light .account-card-online{border-color:#16a34af2;background:linear-gradient(180deg,#16a34a24,#16a34a0d),#fffffff0;box-shadow:0 0 0 2px #16a34a5c inset,0 0 18px #16a34a33}.device-head,.account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.device-head>*,.account-head>*{min-width:0}.device-name,.account-email{font-size:22px;font-weight:850;overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:13px;border:1px solid var(--ha-border-strong);white-space:nowrap}.badge.ok{background:var(--ha-success-soft);border-color:#22c55e57}.badge.bad{background:var(--ha-danger-soft);border-color:#ef444457}.badge.warn{background:var(--ha-warning-soft);border-color:#f59e0b57}.inline-badge{margin-left:8px}.device-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.device-actions>*{min-width:0;max-width:100%}.device-grid .device-card>.device-actions{margin-top:10px}.small-btn{padding:8px 10px;font-size:14px}.global-groups{display:grid;gap:12px}.device-top-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;min-width:0;max-width:100%;padding:10px;border-radius:14px;border:1px solid var(--ha-border);background:#121416;box-shadow:none}.app.mode-light .device-top-nav{border-color:var(--ha-border);background:var(--ha-light-surface);box-shadow:0 12px 24px #94a3b824,0 0 0 1px #fffc inset}.device-top-nav-gap{width:12px}.nav-dashboard-btn{margin-right:8px}.device-top-nav .small-btn{white-space:nowrap}.rack-title-wrap{display:grid;gap:6px;min-width:0}.rack-title-row{display:flex;align-items:center;gap:8px;min-width:0}.rack-edit-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.settings-grid-next{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid-next>*{min-width:0}.settings-grid-next .sub-card{align-content:start}.settings-grid-next .form-grid{align-content:start;grid-auto-rows:min-content}.device-controls-card{padding:10px 12px}.device-search-input{min-width:280px;flex:1}.device-main-toolbar{flex-wrap:nowrap;align-items:center}.device-main-toolbar>*{min-width:0}.device-main-toolbar .settings-select{flex:0 0 170px}.device-main-toolbar .badge{flex:0 0 auto;white-space:nowrap}.racks-grid-next{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rack-card-next{display:grid;gap:10px}.rack-card-next.rack-card-online{border-color:#22c55eeb;box-shadow:0 0 0 1px #22c55e38 inset}.rack-card-next.rack-card-warn{border-color:#f59e0bf2;box-shadow:0 0 0 1px #f59e0b33 inset}.app.mode-light .rack-card-next.rack-card-online{border-color:#16a34af2;box-shadow:0 0 0 2px #16a34a47 inset}.app.mode-light .rack-card-next.rack-card-warn{border-color:#d97706f2;box-shadow:0 0 0 2px #d977063d inset}.rack-kv-grid-next{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rack-kv-btn{border:1px solid var(--ha-border);background:#121417fa;color:inherit;border-radius:14px;padding:10px;text-align:left;display:grid;gap:6px;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.app.mode-light .rack-kv-btn{background:var(--ha-light-surface-soft);border-color:var(--ha-border);box-shadow:0 4px 10px #94a3b814,0 0 0 1px #fffc inset}.rack-kv-btn:hover{border-color:#94a3b84d;background:var(--ha-bg-hover);transform:translateY(-1px)}.app.mode-light .rack-kv-btn:hover{background:#fff}.rack-kv-btn .k{font-size:13px;opacity:.72;font-weight:600}.rack-kv-btn .v{font-size:15px;font-weight:800}.rack-kv-wide{grid-column:1 / -1}.rack-fuel-lines{display:grid;gap:4px}.rack-fuel-lines .line{display:flex;justify-content:space-between;gap:10px}.rack-fuel-lines .lbl{opacity:.72;font-size:13px;font-weight:700}.rack-fuel-lines .val{font-weight:800}.log-box-next{border:1px solid var(--ha-border);border-radius:14px;background:#0d0e10;min-height:54vh;max-height:68vh;overflow:auto;padding:10px;min-width:0}.log-box-next::-webkit-scrollbar{width:10px;height:10px}.log-box-next::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid rgba(15,23,42,0);background:#94a3b847;background-clip:padding-box}.log-box-next::-webkit-scrollbar-track{background:#0f172a24}.app.mode-light .log-box-next{background:var(--ha-light-surface);border-color:var(--ha-border);box-shadow:0 8px 20px #94a3b814,0 0 0 1px #fffc inset}.log-line-next{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.log-filter-input{margin-left:auto;max-width:360px}.history-modal-next{width:min(940px,calc(100% - 24px));margin-top:min(7vh,54px)}.history-list-next{min-height:320px;max-height:62vh}.settings-actions-center{justify-content:center}.broker-notice-next{border-color:#f59e0b8c;background:#78350f29}.app.mode-light .broker-notice-next{border-color:#fb923cb3;background:linear-gradient(180deg,#fffbf5fa,#fff7edfa);box-shadow:0 10px 22px #fb923c1a,0 0 0 1px #ffffffd1 inset}.broker-title-next{color:#f59e0b;font-weight:900}.broker-text-next{color:#fbbf24;font-weight:600}.app.mode-light .broker-title-next{color:#c2410c}.app.mode-light .broker-text-next{color:#9a3412}.settings-select{appearance:auto;-webkit-appearance:menulist;-moz-appearance:auto;background-color:#16181bfa;background-image:linear-gradient(180deg,#ffffff04,#ffffff01);background-repeat:no-repeat;background-position:0 0;padding-right:12px;font-family:Poppins,Segoe UI,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;box-shadow:inset 0 1px #ffffff05}.settings-select option{background:#171a1d;color:var(--ha-text)}.app.mode-light .settings-select{border-color:var(--ha-border);background-color:var(--ha-light-surface-soft);background-image:linear-gradient(180deg,#0f172a05,#0f172a03);box-shadow:0 1px 2px #0f172a0a,0 0 0 1px #ffffffc7 inset}.app.mode-light .settings-select option{background:#fff;color:#10203b}.mqtt-pass-wrap{display:grid;grid-template-columns:1fr 48px;gap:8px;align-items:center;min-width:0}.mqtt-pass-eye{justify-self:stretch}.firmware-job-card{border-width:1px}.firmware-job-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.firmware-job-head>*{min-width:0}.firmware-progress{width:100%;height:12px;border-radius:999px;overflow:hidden;border:1px solid rgba(148,163,184,.28);background:#101214fa}.app.mode-light .firmware-progress{background:#fffffff0;border-color:#94a3b83d}.firmware-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ha-accent),#38bdf8);box-shadow:0 0 8px #03a9f424;transition:width .25s ease}.app.mode-light .firmware-progress-bar{background:linear-gradient(90deg,#ef4444,#f97316);box-shadow:0 0 12px #ef44442e}.firmware-parts-list{display:grid;gap:8px}.debug-form{display:grid;gap:12px}.debug-dashboard-btn{border-color:#3b82f64d;background:#3b82f614;box-shadow:0 0 0 1px #3b82f61a inset;font-weight:800}.app.mode-light .debug-dashboard-btn{border-color:#dc262673;background:#fef2f2f2;color:#7f1d1d;box-shadow:0 0 0 1px #dc26262e inset}.app:not(.mode-light) .debug-clear-btn{border-color:#ef444473;background:#ef44441f;color:#fee2e2;box-shadow:0 0 0 1px #ef44441a inset;font-weight:800}.debug-label{display:grid;gap:6px;font-weight:700}.debug-protocol-inline{display:inline-flex;align-items:center;gap:8px;font-weight:700}.debug-protocol-caption{font-size:14px;opacity:.92;white-space:nowrap}.debug-protocol-inline .settings-select{min-width:170px;height:40px;padding-top:8px;padding-bottom:8px}.debug-ai-toggle{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--ha-border);background:#181a1dfa;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.debug-ai-toggle input{position:absolute;opacity:0;pointer-events:none}.debug-ai-switch{width:44px;height:24px;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:#47556957;display:inline-flex;align-items:center;padding:2px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.debug-ai-knob{width:18px;height:18px;border-radius:999px;background:#e2e8f0;box-shadow:0 1px 4px #02061759;transform:translate(0);transition:transform .2s ease,background-color .2s ease}.debug-ai-toggle input:checked+.debug-ai-switch{border-color:#22c55ebf;background:linear-gradient(180deg,#22c55ead,#16a34ab8);box-shadow:0 0 0 1px #22c55e2e inset}.debug-ai-toggle input:checked+.debug-ai-switch .debug-ai-knob{transform:translate(20px);background:#f8fafc}.debug-ai-toggle input:focus-visible+.debug-ai-switch{outline:2px solid rgba(125,211,252,.95);outline-offset:2px}.debug-ai-text{line-height:1.1;white-space:nowrap}.debug-form .btn-primary,.debug-form .debug-clear-btn{height:40px}.debug-form .badge{min-height:40px;align-items:center}.app.mode-light .debug-ai-toggle{background:#ffffffeb;border-color:#94a3b866}.app.mode-light .debug-ai-switch{background:#94a3b852;border-color:#94a3b880}.app.mode-light .debug-ai-knob{background:#fff}.app.mode-light .debug-ai-toggle input:checked+.debug-ai-switch{border-color:#dc2626bf;background:linear-gradient(180deg,#ef4444e0,#dc2626eb);box-shadow:0 0 0 1px #dc262640 inset,0 0 12px #dc262633}.app.mode-light .debug-ai-toggle input:focus-visible+.debug-ai-switch{outline-color:#dc2626a6}.debug-log-input{min-height:260px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.45}.debug-result{display:grid;gap:10px}.debug-ai-card{display:grid;gap:8px;border-color:#03a9f43d}.debug-ai-block{display:grid;gap:8px}.debug-sev-high{border:2px solid rgba(239,68,68,.72);background:#ef44440d;box-shadow:0 0 0 1px #ef44442e inset,0 8px 18px #02061724}.debug-sev-medium{border:2px solid rgba(245,158,11,.92);background:#f59e0b0d;box-shadow:0 0 0 1px #f59e0b42 inset,0 8px 18px #02061724}.debug-sev-low{border:2px solid rgba(34,197,94,.86);background:linear-gradient(180deg,#22c55e14,#22c55e08),#0f172a75;box-shadow:0 0 0 1px #22c55e42 inset,0 8px 18px #02061724}.app.mode-light .debug-sev-high{border-color:#dc2626ad;background:#ffffffe6;box-shadow:0 0 0 1px #dc262629 inset,0 0 8px #dc262614}.app.mode-light .debug-sev-medium{border-color:#d97706e6;background:#ffffffe6;box-shadow:0 0 0 1px #d9770638 inset,0 0 8px #d977061a}.app.mode-light .debug-sev-low{border-color:#16a34adb;background:linear-gradient(180deg,#dcfce7f2,#f0fdf4eb),#fffffff0;box-shadow:0 0 0 1px #16a34a38 inset,0 0 14px #16a34a1f}.debug-list{display:grid;gap:10px}.debug-item{border:1px solid rgba(148,163,184,.28);border-radius:12px;background:#121417fa;padding:10px;display:grid;gap:8px}.app.mode-light .debug-item{background:#ffffffeb;border-color:#94a3b83d}.debug-item-title{font-size:15px;font-weight:800}.debug-evidence{min-height:0;max-height:140px;padding:8px}.debug-rec-list{margin:0;padding-left:18px;display:grid;gap:4px}.debug-flow-box{min-height:260px;max-height:54vh;display:grid;gap:8px}.debug-flow-row{border:1px solid rgba(148,163,184,.24);border-radius:10px;padding:8px;background:#121417fa;display:grid;gap:6px}.app.mode-light .debug-flow-row{background:#ffffffe0;border-color:#94a3b83d}.debug-flow-row.is-high{border-color:#ef4444b3;box-shadow:0 0 0 1px #ef444438 inset}.debug-flow-row.is-medium{border-color:#f59e0bb8;box-shadow:0 0 0 1px #f59e0b33 inset}.debug-flow-row.is-low{border-color:#22c55e9e;box-shadow:0 0 0 1px #22c55e33 inset}.debug-flow-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.debug-flow-step{font-weight:800;opacity:.92}.debug-flow-time{opacity:.86;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.debug-flow-desc{font-weight:700;opacity:.95}.debug-flow-problem{font-size:13px;color:#fca5a5}.app.mode-light .debug-flow-problem{color:#b91c1c}.onboarding-coach{position:relative;z-index:8;overflow:hidden;padding:18px;border:1px solid rgba(255,255,255,.1)!important;background:linear-gradient(180deg,#181a1dfc,#121417fa);box-shadow:0 0 0 1px #ffffff08 inset,0 14px 32px #00000042}.onboarding-coach:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 28%,transparent 72%,rgba(255,255,255,.035));pointer-events:none}.app.mode-light .onboarding-coach{border-color:#dc262633!important;background:radial-gradient(circle at top right,rgba(248,113,113,.14),transparent 34%),linear-gradient(180deg,#fffffffa,#f8fafcf2);box-shadow:0 0 0 1px #dc262614 inset,0 18px 44px #0f172a29,0 0 0 1px #ffffffbd inset,0 0 22px #dc262614}.onboarding-coach-top,.onboarding-coach-head,.onboarding-checklist,.onboarding-feature-grid,.onboarding-welcome-copy,.onboarding-welcome-card{position:relative;z-index:1}.onboarding-coach-top{display:grid;gap:10px}.onboarding-coach-badge{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:5px 10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app.mode-light .onboarding-coach-badge{border-color:#dc26262e;background:#ffffffd6}.onboarding-coach-progress{height:10px;border-radius:999px;background:#94a3b81f;overflow:hidden}.onboarding-coach-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#84cc16);box-shadow:none}.app.mode-light .onboarding-coach-progress{background:#94a3b829}.app.mode-light .onboarding-coach-progress>span{background:linear-gradient(90deg,#ef4444,#f97316);box-shadow:0 0 14px #ef444438}.onboarding-coach-body{max-width:78ch}.onboarding-pill-row{display:flex;flex-wrap:wrap;gap:8px}.onboarding-section{display:grid;gap:10px}.onboarding-section-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ha-text-soft)}.onboarding-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-size:12px;font-weight:700}.app.mode-light .onboarding-pill{border-color:#dc26262e;background:#fee2e2b8}.onboarding-checklist{display:grid;gap:10px}.onboarding-check-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px 12px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#121417fa}.app.mode-light .onboarding-check-item{background:#ffffffe0;border-color:#94a3b838}.onboarding-check-item.is-active{border-color:#22c55e57;box-shadow:0 0 0 1px #22c55e14 inset}.onboarding-check-item.is-done{border-color:#22c55e61;background:#22c55e14}.app.mode-light .onboarding-check-item.is-active{border-color:#dc26265c;box-shadow:0 0 0 1px #dc262624 inset}.app.mode-light .onboarding-check-item.is-done{border-color:#16a34a38;background:#dcfce7d6}.onboarding-check-mark{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:12px;background:#0e1012fa;border:1px solid rgba(148,163,184,.18);font-size:11px;font-weight:900}.onboarding-check-item.is-active .onboarding-check-mark{background:#22c55e2e}.onboarding-check-item.is-done .onboarding-check-mark{background:#16a34a47}.app.mode-light .onboarding-check-mark{background:#f8fafcf5;border-color:#94a3b842}.onboarding-check-text{font-size:14px;line-height:1.45}.onboarding-detail-list{display:grid;gap:8px}.onboarding-detail-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px 12px 10px 50px;border:1px solid rgba(148,163,184,.14);border-radius:14px;background:#0f172a42}.onboarding-detail-item.is-active{border-color:#03a9f447;background:#03a9f414}.app.mode-light .onboarding-detail-item{background:#ffffffd6;border-color:#94a3b838}.app.mode-light .onboarding-detail-item.is-active{border-color:#dc26263d;background:#fef2f2eb}.onboarding-detail-dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#0f172a75;font-size:12px;font-weight:800}.onboarding-detail-item.is-active .onboarding-detail-dot{border-color:#03a9f43d;background:#03a9f429}.app.mode-light .onboarding-detail-dot{background:#f8fafcf5}.onboarding-coach-note{padding:10px 12px;border-radius:12px;background:#121417fa}.app.mode-light .onboarding-coach-note{background:#f8fafceb}.onboarding-coach-actions{justify-content:flex-end}.onboarding-welcome-copy{display:grid;gap:12px;align-content:start}.onboarding-welcome-card{width:min(980px,100%);gap:18px;padding:20px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#181a1dfc,#121417fa)}.app.mode-light .onboarding-welcome-card{border-color:#dc26262e;background:radial-gradient(circle at top right,rgba(248,113,113,.12),transparent 32%),linear-gradient(180deg,#fffffffc,#f8fafcf7)}.onboarding-welcome-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.9fr);gap:16px;align-items:stretch}.onboarding-inline-panel{display:grid;gap:10px;padding:14px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#0f172a4d}.app.mode-light .onboarding-inline-panel{background:#ffffffe0;border-color:#94a3b838;box-shadow:0 6px 16px #94a3b80f,0 0 0 1px #ffffffb8 inset}.onboarding-language-row{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:12px;align-items:center}.onboarding-language-select{min-width:0;width:100%}.onboarding-language-help{opacity:.9}.onboarding-roadmap-compact .onboarding-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-roadmap-compact .onboarding-check-item{min-height:100%}.onboarding-welcome-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.onboarding-stat{display:grid;align-content:center;gap:6px;padding:14px;border-radius:16px;border:1px solid rgba(148,163,184,.2);background:#121417fa;text-align:center}.app.mode-light .onboarding-stat{background:#ffffffe0;border-color:#94a3b838;box-shadow:0 6px 16px #94a3b80f,0 0 0 1px #ffffffb8 inset}.onboarding-stat strong{font-size:24px;line-height:1}.onboarding-stat span{font-size:13px;opacity:.86}.onboarding-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.onboarding-feature-card{display:grid;gap:8px;padding:14px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#121417fa}.app.mode-light .onboarding-feature-card{background:#ffffffe0;border-color:#94a3b838;box-shadow:0 6px 16px #94a3b80f,0 0 0 1px #ffffffb8 inset}.onboarding-feature-title{font-size:15px;font-weight:800}.onboarding-welcome-actions{justify-content:space-between}.onboarding-card-next{position:relative;z-index:8;border:2px solid rgba(34,197,94,.32)!important;background:linear-gradient(180deg,#181a1dfc,#121417fa);box-shadow:0 0 0 1px #22c55e1a,0 12px 24px #0000003d,inset 0 0 12px #22c55e0a;animation:onboardingPulseDark 1.7s ease-in-out infinite}.app.mode-light .onboarding-card-next{border:2px solid rgba(220,38,38,.78)!important;background:linear-gradient(180deg,#fffffffa,#fff6f6f5);box-shadow:0 0 0 2px #dc26262e,0 0 22px #dc262638,0 14px 32px #7f1d1d2e,inset 0 0 20px #dc26260f;animation:onboardingPulseLight 1.7s ease-in-out infinite}.onboarding-target-soft{position:relative;z-index:6;isolation:isolate;border-color:#22c55e7a!important;box-shadow:0 0 0 1px #22c55e38,0 0 0 6px #22c55e0f,0 14px 30px #00000038!important;filter:saturate(1.08) brightness(1.03);animation:onboardingTargetPulseDark 1.25s ease-in-out infinite}.onboarding-screen-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:auto;background:#08090a94;-webkit-backdrop-filter:blur(2px) saturate(.9);backdrop-filter:blur(2px) saturate(.9);animation:onboardingDimIn .16s ease-out}.app.mode-light .onboarding-screen-dim{background:#0f172a47;-webkit-backdrop-filter:blur(2px) saturate(.95);backdrop-filter:blur(2px) saturate(.95)}.onboarding-target-soft:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;border:1px solid rgba(34,197,94,.26);box-shadow:0 0 8px #22c55e1f;pointer-events:none;animation:onboardingSweep 2.3s linear infinite}.app.mode-light .onboarding-target-soft{border-color:#dc2626eb!important;box-shadow:0 0 0 3px #dc2626a3,0 0 0 11px #dc262638,0 0 42px #dc262657,0 16px 36px #7f1d1d2e!important;filter:saturate(1.2) brightness(1);animation:onboardingTargetPulseLight 1.25s ease-in-out infinite}.app.mode-light .onboarding-target-soft:after{border-color:#f87171b8;box-shadow:0 0 16px #f871714d}.onboarding-open-emphasis{border-color:#22c55e8f!important;background:#22c55e1a!important;box-shadow:0 0 0 1px #22c55e29,0 10px 24px #0003!important;animation:onboardingTargetPulseDark 1.15s ease-in-out infinite}.app.mode-light .onboarding-open-emphasis{border-color:#dc2626eb!important;background:#dc262629!important;box-shadow:0 0 0 2px #dc262673,0 0 16px #dc262647,0 8px 22px #7f1d1d33!important;animation:onboardingTargetPulseLight 1.15s ease-in-out infinite}body.onboarding-language-active #langPickerBtn{position:relative;z-index:9;border-color:#22c55e85;box-shadow:0 0 0 1px #22c55e2e,0 0 0 6px #22c55e0f,0 10px 24px #0000002e;animation:onboardingTargetPulseDark 1.2s ease-in-out infinite}body.onboarding-language-active .app.mode-light #langPickerBtn{border-color:#dc2626db;box-shadow:0 0 0 3px #dc26263d,0 0 16px #dc26264d,0 8px 20px #7f1d1d33;animation:onboardingTargetPulseLight 1.2s ease-in-out infinite}body.onboarding-language-active .site-header{z-index:8!important}body.onboarding-language-active .site-header .actions{position:relative;z-index:9}@keyframes onboardingPulseDark{0%,to{box-shadow:0 0 0 1px #03a9f424,0 14px 32px #02061747,inset 0 0 16px #03a9f40d}50%{box-shadow:0 0 0 1px #03a9f42e,0 18px 38px #02061752,inset 0 0 22px #03a9f412}}@keyframes onboardingPulseLight{0%,to{box-shadow:0 0 0 2px #dc262629,0 0 14px #dc262633,0 14px 32px #7f1d1d2e,inset 0 0 16px #dc26260d}50%{box-shadow:0 0 0 2px #dc26263d,0 0 22px #dc262657,0 18px 38px #7f1d1d38,inset 0 0 24px #dc262614}}@keyframes onboardingTargetPulseDark{0%,to{box-shadow:0 0 0 2px #03a9f447,0 0 0 7px #03a9f41a,0 14px 30px #02061742}50%{box-shadow:0 0 0 2px #03a9f466,0 0 0 10px #03a9f424,0 18px 38px #02061752}}@keyframes onboardingTargetPulseLight{0%,to{box-shadow:0 0 0 3px #dc262680,0 0 0 9px #dc26262e,0 0 30px #dc262642,0 12px 28px #7f1d1d29}50%{box-shadow:0 0 0 3px #dc2626c2,0 0 0 12px #dc262642,0 0 40px #dc262661,0 16px 34px #7f1d1d33}}@keyframes onboardingSweep{0%{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.007)}to{opacity:.45;transform:scale(1)}}@keyframes onboardingDimIn{0%{opacity:0}to{opacity:1}}@media (max-width: 860px){.onboarding-welcome-hero,.onboarding-feature-grid,.onboarding-roadmap-compact .onboarding-checklist,.onboarding-language-row{grid-template-columns:1fr}.onboarding-welcome-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.controls-row{flex-direction:column;align-items:stretch}.add-row,.settings-grid-next{grid-template-columns:1fr}.racks-grid-next{grid-template-columns:repeat(2,minmax(0,1fr))}.device-main-toolbar{flex-wrap:wrap}.device-main-toolbar .badge{white-space:normal}}@media (max-width: 760px){.onboarding-welcome-stats{grid-template-columns:1fr}.onboarding-welcome-actions{flex-direction:column-reverse;align-items:stretch}.onboarding-coach-actions{justify-content:stretch}.app{padding:12px}.site-header{flex-direction:column;align-items:stretch}.actions{width:100%}.lang,.mode-btn{flex:1;min-width:0}.brand-logo{width:148px;height:52px}.auth-card{padding:18px;border-radius:18px}.auth-card h1{font-size:26px}.device-top-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;overflow:visible;padding:12px}.device-top-nav-gap{display:none}.device-top-nav .small-btn{width:100%;white-space:normal;text-align:center}.device-search-input{min-width:0;width:100%}.device-main-toolbar .settings-select{flex:1 1 160px}.controls-row,.device-head,.rack-title-row,.firmware-job-head{flex-direction:column;align-items:stretch}.rack-title-row .btn-edit,.firmware-job-head .badge,.device-head .badge{align-self:flex-start}.device-actions{align-items:stretch}.device-actions>.btn-primary,.device-actions>.btn-secondary,.device-actions>.btn-danger,.device-actions>.btn-edit,.device-actions>a.small-btn,.device-actions>.input{width:100%}.device-main-toolbar .badge,.settings-actions-center .badge,.settings-actions-center .small-line{width:100%}.pass-wrap,.mqtt-pass-wrap{grid-template-columns:1fr}.mqtt-pass-eye,.pass-eye{width:100%}.racks-grid-next,.rack-kv-grid-next{grid-template-columns:1fr}.rack-kv-wide{grid-column:auto}.log-filter-input{margin-left:0;max-width:none;width:100%}.log-box-next{min-height:42vh;max-height:56vh}}@media (max-width: 520px){.app{padding:10px}.auth-card{padding:14px;border-radius:16px}.title-email,.device-name,.account-email{font-size:20px}.sub-title{font-size:16px}.device-top-nav{grid-template-columns:1fr}.small-btn,.mode-btn,.btn-secondary,.btn-primary,.btn-danger,.btn-edit{white-space:normal;text-align:center}}