:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e3edf6;background:#0d151b;font-synthesis:none;--bg:#0d151b;--panel:#121d25;--line:#2a3b49;--muted:#8ba1b3;--cyan:#66d8f1;--amber:#ffad66;--sidebar:208px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}input,select{border:1px solid var(--line);border-radius:5px;background:#101a22;color:#dce9f4;padding:10px 12px;min-height:40px;outline:none}input:focus,select:focus{border-color:var(--cyan)}select{max-width:100%}label{display:block;font-size:14px;line-height:1.5}label input,label select{display:block;margin-top:8px;width:100%}p{line-height:1.55}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.7px;font-weight:650;margin-bottom:8px}h2{font-size:16px;font-weight:570;margin:0}h3{font-size:20px;line-height:1.35;font-weight:550;margin-bottom:9px}code,pre,time,.date-stat{font-family:SFMono-Regular,Consolas,monospace}code{font-size:12px;overflow-wrap:anywhere}svg{flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #428aa0;border-radius:5px;padding:9px 16px;font-size:14px;color:var(--cyan);min-height:40px}.button:hover{background:#153443}.primary{background:#56cce7;border-color:#56cce7;color:#092029}.primary:hover{background:#86e2f5}.muted,.help-text{color:var(--muted)}.help-text{font-size:13px;line-height:1.65}.cyan{color:var(--cyan)}.amber{color:var(--amber)}.error{color:#ffb1a6;font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;border-right:1px solid #263644;background:#101a21;display:flex;flex-direction:column;padding:22px 12px;z-index:30}.brand{font-size:24px;font-weight:330;letter-spacing:-.6px;white-space:nowrap}.brand span{color:var(--cyan)}.sidebar .brand{padding:0 7px 35px}.brand small{display:block;font-size:10px;letter-spacing:2.5px;margin-top:12px;text-align:center;color:#91a7b8;font-weight:400}.sidebar nav{display:flex;flex-direction:column;gap:10px}.sidebar nav button{display:flex;align-items:center;gap:14px;padding:14px 12px;text-align:left;border-radius:5px;border-left:3px solid transparent;font-size:14px;color:#b3c5d4;position:relative}.sidebar nav button:hover{background:#192a35}.sidebar nav button.active{background:#1a394b;color:#6bdafa;border-left-color:var(--cyan)}.nav-count{margin-left:auto;font-size:11px;color:#9db8c7}.sidebar-bottom{margin-top:auto;display:grid;gap:18px;padding:22px 12px 8px;font-size:13px;color:#9aafc0}.sidebar-bottom span,.sidebar-bottom button{display:flex;align-items:center;gap:12px;padding:0}.main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));padding:24px;max-width:2000px}.main-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;min-height:54px}.title-group{display:flex;gap:12px;align-items:center}.title-group p{font-size:13px;color:var(--muted);margin:0}.title-group p span{margin:0 9px;color:#557182}.connection-state{display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:13px}.connection-state>span{color:var(--amber);display:flex;align-items:center;gap:8px}.connection-state i{width:8px;height:8px;display:block;border-radius:50%;background:var(--amber)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;background:var(--panel);margin-bottom:16px;padding:19px 0}.stats>div{display:flex;align-items:center;gap:16px;padding:0 23px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats svg{width:24px;height:24px;color:#9fbacc}.stats>div>span{font-size:12px;color:var(--muted)}.stats strong{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:500;line-height:1.4;color:#e4edf5;margin-top:3px}.stats small{font-size:10px;font-weight:400;color:#859ba9}.stats .date-stat{font-size:12px;line-height:1.8;max-width:160px}.context-strip{display:flex;align-items:center;gap:11px;color:#d5b499;border:1px solid #594533;background:#221e1a;padding:11px 14px;border-radius:5px;margin-bottom:15px;font-size:12px}.context-strip strong{color:#ffd1ac;font-weight:550}.context-strip button{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap;color:#ffbf88;font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:16px;margin-bottom:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;padding:0 16px;border-bottom:1px solid var(--line)}.head-label{display:flex;align-items:center;gap:12px}.head-label>svg{color:#9fbacc}.zoom-controls{display:flex;gap:10px;align-items:center;font-size:12px;color:#a3b8c9}.zoom-controls button{padding:4px;display:grid;place-items:center}.zoom-controls button:hover{color:var(--cyan);background:#213440}.graph-canvas{height:470px;position:relative;background-image:radial-gradient(#2d4655 .65px,transparent .65px);background-size:17px 17px;background-color:#0f1920;cursor:grab;touch-action:none;overflow:hidden}.graph-canvas:active{cursor:grabbing}.graph-canvas>svg{width:100%;height:calc(100% - 34px);overflow:visible}.graph-link{stroke:#4d6576;stroke-width:1.4;stroke-dasharray:6 6;fill:none}.selected-link{stroke:var(--cyan);stroke-width:2}.graph-node{display:flex;width:100%;height:63px;align-items:center;gap:13px;border:1px solid #476275;border-radius:7px;background:#152530;padding:12px 13px;text-align:left}.graph-node:hover,.graph-node.is-selected{border-color:var(--cyan);background:#1a3544}.graph-node>svg{color:#9fbfd0}.graph-node>span:nth-child(2){min-width:0;flex:1}.graph-node strong{font-size:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.graph-node small{display:block;font-size:12px;color:#8da8ba;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-number,.node-count{font-size:12px;color:var(--cyan)}.priority-node{border-color:#b77846}.priority-node>svg{color:var(--amber)}.cloud-node{display:flex;flex-direction:column;justify-content:center;align-items:center;height:112px;gap:9px;background:#152530;border:1px solid #4c8aa2;border-radius:8px;font-size:15px}.cloud-node svg{color:#abd1e1}.cloud-node strong{font-weight:500}.cloud-node small{font-size:10px;color:#9ab7c8}.vps-node{border-color:#5b6771}.cloud-node small.amber{color:var(--amber)}.svg-label{font-size:12px;fill:#abc2d1}.graph-legend{position:absolute;bottom:0;left:0;right:0;height:33px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:#8ba6b8;background:#101b22ee;border-top:1px solid #1e303c;pointer-events:none;padding:0 8px}.dashed-line{width:22px;height:1px;border-top:1px dashed #8199ac}.back-button{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--cyan);max-width:150px}.inspector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 24px;min-height:400px;text-align:center}.inspector-empty>svg{color:#546c7d;margin-bottom:24px}.inspector-empty h3{font-size:16px;margin-bottom:10px}.inspector-empty p{font-size:13px;color:var(--muted)}.inspector-body{padding:22px 20px;max-height:620px;overflow:auto}.device-symbol{width:59px;height:59px;border:1px solid #335b6e;border-radius:9px;display:grid;place-items:center;color:var(--cyan);background:#16303e;margin-bottom:20px}.device-symbol.critical{color:var(--amber);background:#32251c;border-color:#806048}.eyeline{font-size:10px;letter-spacing:1.7px;color:#8ba1b3;margin-bottom:10px}.inspector-body>p.muted{font-size:13px;margin-bottom:20px}dl{margin:20px 0;font-size:12px}dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid #24343f;padding:12px 0}dt{color:#8fa6b8}dd{margin:0;text-align:right;max-width:60%}.field-label{font-size:12px;color:#9bb1c2;margin:18px 0 7px}.priority-note{display:flex;gap:10px;padding:11px 9px;border:1px solid #795434;border-radius:5px;color:#ffbd86;background:#292019;font-size:12px}.priority-note small{color:#cba88a;font-size:11px}.priority-note svg{flex-shrink:0}details{border-top:1px solid var(--line);margin-top:24px;padding-top:15px}summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#adc3d2;cursor:pointer;list-style:none}.id-line{display:flex;gap:4px;align-items:flex-start}.id-line code{font-size:10px;word-break:break-all;color:#9cb9cd}.id-line button{padding:0}.journal{min-height:245px}.quiet-count{font-size:11px;color:#7c97aa}.journal-tools{display:flex;gap:10px;align-items:center}.journal-tools select{font-size:11px;padding:6px 9px;min-height:30px}.journal-tools>button{color:#99afbf;display:grid;place-items:center;padding:5px}.log-meta{display:grid;grid-template-columns:175px 105px 1fr;padding:12px 18px;font-size:9px;letter-spacing:1.2px;color:#6f8ca1;border-bottom:1px solid #253744}.log-row{display:grid;grid-template-columns:175px 105px 1fr 14px;align-items:baseline;width:100%;padding:13px 18px;text-align:left;font-size:11px;border-bottom:1px solid #1d2e3a;gap:0}.log-row:hover{background:#192935}.log-row time{font-size:10px;color:#95aebf}.log-kind{font-size:10px;color:#88b8ca}.log-kind.access{color:#aaa2d5}.log-kind.review{color:#ddac7a}.log-row small{color:#809bad}.log-list{max-height:220px;overflow:auto;min-height:130px}.raw-event{margin:0;padding:18px;background:#0c151c;color:#91b4c8;font-size:12px;overflow:auto}.journal-footer{padding:12px 16px;border-top:1px solid #273a48;color:#728fa3;font-size:10px;display:flex;gap:10px;align-items:center}.terminal-mark{font-family:monospace;color:#a0b9cc;font-size:16px}.journal-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;color:#688397}.journal-empty p{margin:8px 0 0;font-size:12px}.page-footer{display:flex;justify-content:space-between;margin-top:18px;font-size:10px;color:#678295}.device-workspace{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:16px}.inventory-toolbar{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:#7c9bb0}.search-box input{width:100%;min-width:0;background:none;border:0;padding:5px;font-size:13px;min-height:30px}.inventory-toolbar select{font-size:12px;max-width:185px;min-height:34px;padding:7px}.icon-button{display:grid;place-items:center;color:#99becf;padding:7px}.inventory-summary{font-size:11px;color:#8ca7ba;padding:14px 17px;border-bottom:1px solid var(--line)}.inventory-summary span{margin:0 9px}.device-row{display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:14px 17px;border-bottom:1px solid #243642;min-height:75px}.device-row:hover,.selected-row{background:#1a303e}.row-number{font-size:10px;color:#7493a8}.device-row>svg{color:#88b3c9}.row-product{flex:1;min-width:0}.row-product strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-product small{font-size:10px;color:#7e9eb3;display:block;margin-top:5px}.row-room{font-size:11px;color:#9ab1c0;max-width:120px}.review-label{font-size:10px;white-space:nowrap;color:#91a9b9;width:78px;text-align:right}.review-label.restricted{color:var(--amber)}.full-journal .log-list{max-height:65vh;min-height:350px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-panel{padding:24px}.settings-panel p{font-size:14px}.settings-panel .head-label{margin-bottom:23px}.settings-panel form{margin-top:25px}.settings-panel input{margin-bottom:16px}.settings-panel .button{width:100%;font-size:12px}.totp-secret{display:block;margin:18px 0;letter-spacing:1px;background:#0d151b;padding:15px;color:var(--cyan);font-size:15px;word-break:break-all}.error-banner{padding:13px;background:#402329;color:#ffc3c3;border:1px solid #77454c;border-radius:6px;margin:0 0 16px;font-size:13px}.error-banner button{float:right;text-decoration:underline}.empty-state{padding:65px 20px;text-align:center;color:var(--muted);font-size:14px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--muted);gap:20px}.menu-toggle{display:none}.login-screen{min-height:100vh;display:grid;place-items:center;background-image:radial-gradient(#2a4050 .6px,transparent .6px);background-size:21px 21px;padding:24px}.login-panel{max-width:450px;width:100%;padding:38px;background:#121e27;border:1px solid #334956;border-radius:10px;box-shadow:0 20px 100px #0005}.login-panel .brand{font-size:28px;margin-bottom:35px}.login-icon{color:#72cfe6;margin-bottom:20px}.login-panel h1{font-size:25px;line-height:1.3;letter-spacing:-.3px}.login-panel>p{font-size:14px;color:#a0b6c7;margin-bottom:28px}.login-panel input{margin:10px 0 22px;font-size:16px}.login-panel .button{width:100%}.login-panel footer{display:flex;gap:9px;align-items:center;color:#7693a7;font-size:11px;margin-top:27px}.planned-zone{border-color:#364756;background:#141e26;color:#93aab9}.planned-zone strong{color:#bdcbd6}.planned-zone button{color:#aec3d1}.context-strips{display:grid;grid-template-columns:1fr 1fr;gap:12px}.context-strips .context-strip{align-items:flex-start}.context-strips .context-strip button{display:none}.context-strips .context-strip span{line-height:1.5}.context-strips .context-strip>svg{margin-top:1px}@media(min-width:1600px){.graph-canvas{height:570px}.inspector-empty{min-height:480px}.main{padding:28px 32px}.stats small{font-size:12px}.stats>div>span{font-size:14px}.log-row{font-size:13px}.log-row time{font-size:11px}.row-product strong{font-size:15px}.row-product small,.row-room{font-size:12px}}@media(max-width:1250px){:root{--sidebar:180px}.main{padding:18px}.brand{font-size:20px}.sidebar nav button{padding:12px 8px;gap:9px;font-size:13px}.workspace,.device-workspace{grid-template-columns:minmax(0,1fr) 260px}.stats>div{padding:0 14px;gap:10px}.stats small{display:none}h1{font-size:23px}.connection-state{gap:10px;font-size:11px}.row-room{display:none}.context-strips{grid-template-columns:1fr}.context-strips .context-strip{margin-bottom:0}.context-strips{margin-bottom:14px}.graph-canvas{height:440px}}@media(max-width:1000px){.workspace,.device-workspace{grid-template-columns:1fr}.inspector-empty{min-height:170px}.inspector-empty>svg{width:34px;height:34px;margin-bottom:15px}.inspector-empty p{margin-bottom:0}.inspector-body{display:block;max-height:none}.graph-canvas{height:500px}.settings-grid{grid-template-columns:1fr}.stats .date-stat{font-size:10px}.stats svg{width:20px}.connection-state>span{display:none}.journal-tools .search-box{max-width:140px}.context-strip{font-size:11px}.context-strip button{display:none}}@media(max-width:680px){:root{--sidebar:0px}.sidebar{display:none;width:220px}.sidebar.menu-open{display:flex;box-shadow:15px 0 35px #0009}.main{padding:18px 12px;width:100%;margin:0}.menu-toggle{display:block;color:#9eb9c9;padding:0}.main-header{margin-bottom:18px;gap:10px;align-items:flex-start}h1{font-size:20px}.title-group p{font-size:10px}.connection-state .button{padding:7px;font-size:11px;min-height:32px}.stats{grid-template-columns:1fr 1fr;padding:0;margin-bottom:12px}.stats>div{padding:13px;min-height:79px;border-bottom:1px solid var(--line)}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(3){border-bottom:0}.stats>div:last-child{border-bottom:0}.stats>div>span{font-size:11px}.stats strong{font-size:22px}.stats .date-stat{font-size:10px}.context-strip{padding:11px;line-height:1.5}.workspace{gap:12px}.graph-canvas{height:460px}.panel-head{padding:0 12px;gap:8px}.head-label{gap:7px}h2{font-size:13px}.head-label>svg{width:16px}.zoom-controls{gap:4px;font-size:10px}.zoom-controls button{padding:3px}.back-button{max-width:85px;font-size:10px;overflow:hidden}.graph-legend{font-size:8px;justify-content:flex-start}.journal-tools{gap:4px}.journal-tools select{font-size:9px;width:118px}.log-meta{grid-template-columns:100px 65px 1fr;padding:10px 12px;font-size:8px}.log-row{grid-template-columns:100px 65px 1fr 10px;padding:12px;font-size:10px;align-items:start}.log-row time{font-size:9px;max-width:85px;line-height:1.5}.log-kind{font-size:9px}.journal-footer{font-size:9px;line-height:1.5}.page-footer{font-size:8px;gap:15px}.inventory-toolbar{gap:7px;padding:10px}.inventory-toolbar select{max-width:125px;font-size:11px}.inventory-toolbar .search-box input{font-size:11px}.device-row{padding:13px 11px;gap:9px}.row-product strong{font-size:12px}.review-label{font-size:9px;width:65px}.row-number{font-size:9px}.inventory-summary{font-size:10px;padding:12px}.settings-panel{padding:20px}.settings-panel dl{font-size:11px}.full-journal .journal-tools .search-box{display:none}.login-panel{padding:28px}.login-panel h1{font-size:23px}.login-panel .brand{font-size:27px}.graph-node strong{font-size:15px}.stats small{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.graph-canvas{height:620px;overflow:auto}.graph-canvas>svg{min-width:760px;height:calc(100% - 34px)}.graph-node strong{font-size:19px}.graph-node small{font-size:15px}.node-number,.node-count{font-size:16px}.cloud-node{font-size:18px}.cloud-node small{font-size:14px}.svg-label{font-size:15px}.graph-legend{font-size:11px;position:sticky;bottom:0;min-width:100%;height:34px}.context-strips .context-strip{flex-wrap:wrap}.context-strips .context-strip button{display:flex;font-size:12px}.log-row{font-size:13px}.log-row time,.log-kind{font-size:11px}.inventory-summary{font-size:12px}@media(max-width:680px){.graph-canvas{height:510px;touch-action:pan-x pan-y}.graph-node strong{font-size:21px}.graph-node small{font-size:16px}.context-strips .context-strip button{margin-left:26px}.graph-legend{justify-content:flex-start;min-width:600px;font-size:10px}}.connection-state.is-live>span{color:var(--cyan)}.connection-state.is-live i{background:var(--cyan)}.status-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#788d9a}.status-dot.online{background:#5fcbb4}.status-dot.offline{background:#ffa365}.graph-node>span:nth-child(3){min-width:0;flex:1}.graph-node{gap:9px}.graph-refresh .graph-link{animation:flow-read 1.8s ease-out 1}@keyframes flow-read{0%{stroke-dashoffset:30;stroke:#75bfd1}to{stroke-dashoffset:0}}.alert-strip{display:flex;gap:12px;margin-bottom:16px;padding:14px 18px;background:#282218;border:1px solid #736045;border-radius:6px;color:#edc59d;font-size:13px}.alert-strip strong{font-weight:550}.alert-strip button{display:block;text-align:left;padding:8px 0 0;color:#d7b997;line-height:1.5}.alert-strip button:hover{text-decoration:underline}.alert-strip .critical{color:#ffaaa0}.mini-events>div{border-bottom:1px solid var(--line);padding:12px 0}.mini-events small{color:#829eaf;font-size:10px}.mini-events p{font-size:12px;margin:6px 0 0}.inspector-body .raw-event{font-size:11px;padding:12px;overflow-wrap:anywhere;white-space:pre-wrap}.row-state{font-size:11px;max-width:160px;line-height:1.5}.time-note{display:block;font-size:9px;margin-top:4px}.log-row{align-items:center}.log-kind.aqara{color:#71c5b6}.log-kind.state{color:#9fbbdf}.full-journal .panel-head{height:auto;min-height:62px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.full-journal .journal-tools{flex-wrap:wrap}.full-journal .journal-tools select{max-width:220px}.journal-footer{line-height:1.5}@media(prefers-reduced-motion:reduce){.graph-refresh .graph-link{animation:none}}@media(max-width:680px){.row-state{max-width:95px;font-size:10px}.review-label{display:none}.row-product{min-width:95px}.full-journal .journal-tools{width:100%}.full-journal .journal-tools select{max-width:170px}.alert-strip{font-size:12px}}.camera-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:start}.camera-panel{overflow:hidden}.camera-preview{width:100%;min-width:0;aspect-ratio:16/11;min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px;background:radial-gradient(ellipse at center,#182932,#0d171d 65%);border-bottom:1px solid var(--line)}.camera-placeholder-icon{color:#84b5c4;margin-bottom:14px}.camera-preview h3{font-size:20px;margin:8px 0}.camera-preview p{color:var(--muted);font-size:13px;line-height:1.8;margin:8px 0 24px}.camera-open{gap:8px;display:flex;align-items:center}.camera-open:disabled{opacity:.5;cursor:not-allowed}.camera-preview>span{font-size:11px;color:var(--muted);margin-top:10px}.camera-footer{padding:17px;display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.camera-step{display:flex;gap:12px;margin-top:22px}.camera-step>span{color:#85cfe2;font-size:11px;border:1px solid #33515d;border-radius:4px;padding:5px;height:26px}.camera-step h3{font-size:13px;margin:0 0 7px}.camera-step p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.camera-doc{display:flex;align-items:center;gap:6px;font-size:11px;color:#85cfe2;margin-top:22px}.camera-setup dd{max-width:64%}@media(max-width:1100px){.camera-layout{grid-template-columns:1fr}.camera-preview{aspect-ratio:16/9}}@media(max-width:600px){.camera-preview{min-height:310px;padding:20px}.camera-preview h3{font-size:17px}.camera-footer{line-height:1.6}.camera-panel .panel-head{gap:10px}.camera-panel h2{font-size:13px}}