:root{--bg:#f5f6f2;--card:#fff;--ink:#25382f;--muted:#899189;--green:#285d4e;--dark:#183e35;--mint:#e5eee3;--line:#e8ebe5;--peach:#f3e5d6;--red:#b94741;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #94bba7;outline-offset:3px}input,select{width:100%;padding:11px 12px;border:1px solid #dce2d9;border-radius:9px;background:#fff;color:var(--ink);min-width:0}input:focus,select:focus{border-color:#719783}input::placeholder{color:#9baca1}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin-bottom:16px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.22;letter-spacing:-1.2px;font-weight:650}h2{font-size:19px;letter-spacing:-.5px;font-weight:650}h3{font-size:14px;font-weight:600}.muted{color:var(--muted)}.small-text{font-size:12px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#758d7b}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);padding:11px 17px;border-radius:9px;background:#fff;font-size:12px;line-height:20px;font-weight:600;transition:background .15s,transform .15s;white-space:nowrap}.button:hover{background:#f1f5ef}.button:active{transform:translateY(1px)}.button.primary{background:var(--dark);color:#fff;border-color:var(--dark)}.button.primary:hover{background:#2b584b}.button.subtle{background:transparent}.button.small{padding:7px 12px;font-size:11px}.button .icon{width:16px;height:16px}.button.wide{width:100%}.button.danger{color:var(--red);border-color:#e9cbc6}.button.danger:hover{background:#fef1ef}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:7px;width:32px;height:32px;color:#91a094;flex-shrink:0}.icon-button:hover{background:#eef2ec;color:var(--dark)}.icon-button .icon{width:16px;height:16px}[hidden]{display:none!important}.app{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;left:0;width:226px;display:flex;flex-direction:column;padding:36px 20px 20px;background:var(--dark);color:#c4d1c7;z-index:10}.brand{font-size:36px;font-weight:650;letter-spacing:-2px;display:flex;align-items:center;gap:10px;color:#fff;padding-left:12px}.brand-mark{display:inline-flex;align-items:center;justify-content:center}.brand-mark .icon{width:31px;height:31px;stroke-width:1.7}.brand-dot{color:#d5b38b;margin-left:-8px}.sidebar-home{display:flex;align-items:center;gap:9px;margin:38px 0 33px;padding:13px 10px;background:#24493e;border:1px solid #36574a;border-radius:11px}.home-avatar{width:33px;height:33px;background:#3a5e4e;border-radius:9px;display:grid;place-items:center}.home-avatar .icon{width:17px;height:17px}.sidebar-home strong{display:block;font-size:12px;color:#edf2e7;margin-bottom:3px;font-weight:550}.sidebar-home span:not([data-icon]){display:block;font-size:10px;color:#9db5a5}.sidebar-home>[data-icon]{margin-left:auto}.sidebar-home>[data-icon] .icon{width:13px;height:13px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#7f9e8e;margin:0 12px 13px;font-weight:600}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar a[data-nav],.sidebar-logout{display:flex;gap:12px;align-items:center;font-size:12px;padding:13px 13px;border-radius:8px;color:#b6cabe;font-weight:500}.sidebar a[data-nav] .icon{width:17px;height:17px}.sidebar a[data-nav]:hover{background:#244c40}.sidebar a[data-nav].active{background:#d9e7cf;color:#244436}.nav-end{margin-left:auto;display:none}.active .nav-end{display:inline-flex}.nav-count{margin-left:auto;padding:2px 6px;background:#3a5a49;color:#c5d5c6;font-size:10px;border-radius:4px}.active .nav-count{background:#c2d5b9;color:#244436}.sidebar-bottom{margin-top:auto;padding-top:40px}.local-note{border-bottom:1px solid #325344;padding:0 12px 22px;margin-bottom:15px;font-size:10px}.local-note b{font-weight:550;color:#c3d6c2;margin-left:5px}.local-note p{font-size:10px;line-height:1.7;color:#91ae9e;margin:8px 0 0 15px}.live-dot{display:inline-block;width:6px;height:6px;background:#75a582;border-radius:100%;flex-shrink:0}.sidebar-logout{background:transparent;border:0;width:100%;font-weight:400;padding:10px 13px;font-size:11px}.sidebar-logout .icon{width:15px;height:15px}.sidebar-bottom small{display:flex;justify-content:space-between;color:#698d79;font-size:9px;letter-spacing:1.7px;margin:24px 12px 0}.workspace{margin-left:226px;width:calc(100% - 226px)}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px}.breadcrumb{font-size:11px;color:#9aa297}.breadcrumb span{margin:0 12px;color:#b5bcb1}.breadcrumb b{font-weight:500;color:#58675b}.topbar-right{display:flex;align-items:center;gap:19px}.connection-badge{display:flex;align-items:center;gap:8px;font-size:10px;color:#5e7665;background:#eaf0e6;border:1px solid #dde6d6;border-radius:20px;padding:7px 12px}.connection-badge.offline{color:#a15648;background:#f7e7e0;border-color:#efd4ca}.connection-badge.offline .live-dot{background:#bb7563}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e8e6dc;color:#7c8d73}.avatar .icon{width:15px;height:15px}main{padding:34px 42px 28px;max-width:1600px;margin:auto;min-height:calc(100vh - 145px);outline:none}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:27px}.page-title h1{margin:7px 0 10px}.page-title p{font-size:12px;color:#869082;margin:0;line-height:1.7}.page-title .date{font-size:10px;color:#7d897b;display:flex;align-items:center;gap:8px;padding-top:16px;white-space:nowrap}.date .icon{width:14px;height:14px}.greeting-line{display:flex;align-items:center;gap:7px;font-size:10px;color:#6b7e69;font-weight:500}.greeting-line .icon{width:14px;height:14px;color:#b29462}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:29px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;min-height:109px;position:relative}.stat-label{color:#879081;font-size:10px;margin-bottom:14px}.stat-value{font-size:25px;font-weight:600;letter-spacing:-.8px}.stat-value small{font-size:12px;font-weight:400;letter-spacing:0;color:#a2a89b;margin-left:5px}.stat-sub{font-size:9px;color:#92a08d;margin-top:6px}.stat-icon{position:absolute;right:16px;top:15px;background:#f0f4eb;color:#7c9574;width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.stat-icon .icon{width:15px;height:15px}.stat:nth-child(2) .stat-icon{background:#f7eee4;color:#b49677}.stat:nth-child(3) .stat-icon{background:#eff0eb;color:#8c9a85}.stat:nth-child(4) .stat-icon{background:#edf2ed;color:#8b9b85}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:25px;align-items:start}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:12px}.section-heading h2{margin:0;font-size:16px}.section-heading h2 span{font-size:10px;color:#8e9e86;font-weight:400;margin-left:8px}.tabs{display:flex;border-bottom:1px solid #e1e7dd;gap:24px;margin-bottom:22px}.tab{background:none;border:0;border-bottom:2px solid transparent;color:#98a08f;padding:0 1px 12px;font-size:11px}.tab.active{color:#345b43;border-bottom-color:#527950;font-weight:600}.tab small{font-size:9px;padding:2px 5px;background:#e6ebdf;border-radius:4px;margin-left:5px;color:#8c9e83}.strip-card{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:14px;overflow:hidden}.strip-header{display:flex;align-items:center;gap:12px;padding:19px 20px 16px}.device-icon{width:39px;height:39px;background:#eaf1e3;color:#65835c;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.device-icon .icon{width:21px;height:21px}.device-meta{min-width:0}.device-name{font-size:13px;font-weight:600;display:flex;gap:3px;align-items:center}.device-name .icon-button{width:25px;height:23px}.device-name .icon{width:12px;height:12px}.device-sub{font-size:9px;color:#97a08f;margin-top:4px;display:flex;align-items:center;gap:6px}.device-sub code{font-family:Consolas,monospace;font-size:10px;color:#97a08f}.strip-header .status-pill{margin-left:auto}.status-pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;line-height:16px;padding:3px 8px;border-radius:4px;color:#70916c;background:#f0f5e9}.status-pill .live-dot{width:4px;height:4px;background:#87a278}.status-pill.waiting{background:#f4f1e9;color:#a1947b}.status-pill.waiting .live-dot{background:#b4a485}.status-pill.error{color:#b17c68;background:#fbf0e7}.status-pill.error .live-dot{background:#bf8b72}.socket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 20px 18px}.socket{border:1px solid #e9ede5;background:#fafbf8;padding:14px 12px 12px;border-radius:9px;position:relative;min-width:0;transition:border-color .2s}.socket.is-on{background:#f3f7ee;border-color:#dbe7d1}.socket-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.socket-icon{color:#a2b098;display:flex;align-items:center;gap:7px}.socket-icon .icon{width:18px;height:18px}.socket-icon small{font-size:9px;color:#9ea694}.socket.is-on .socket-icon{color:#6e905f}.socket-name{display:flex;align-items:center;font-size:11px;font-weight:550;line-height:18px;gap:3px;min-width:0}.socket-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socket-name .icon-button{width:20px;height:20px;opacity:.5}.socket-name .icon{width:11px;height:11px}.socket-state{font-size:9px;color:#a0aa96;margin-top:3px}.socket.is-on .socket-state{color:#739466}.toggle{position:relative;width:31px;height:18px;background:#dde2d6;border:0;border-radius:12px;padding:0;flex-shrink:0;transition:background .2s}.toggle:after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0001;transition:transform .18s}.toggle[aria-checked=true]{background:#77986b}.toggle[aria-checked=true]:after{transform:translateX(13px)}.strip-footer{padding:10px 20px;background:#fbfcf9;border-top:1px solid #edf0e7;font-size:9px;color:#95a18b;display:flex;align-items:center;gap:8px}.strip-footer .icon{width:12px;height:12px}.strip-footer .spacer{margin-left:auto}.planned{display:flex;align-items:center;padding:17px 20px;gap:12px}.planned .device-icon{background:#f1f1e9;color:#a5ad99}.planned .device-name{color:#7c8973;font-size:12px}.planned .button{margin-left:auto}.planned .icon-button{margin-left:auto}.below-note{display:flex;align-items:center;gap:7px;font-size:9px;color:#a1aa97;margin:18px 0 20px}.below-note .icon{width:12px;height:12px}.discovery-card{position:relative;background:#e4eddc;border:1px solid #dbe5d2;border-radius:13px;overflow:hidden;padding:24px 23px;margin-bottom:22px}.discovery-card .eyebrow{font-size:8px;letter-spacing:1.8px;color:#7f9370}.discovery-card h2{font-size:22px;line-height:1.3;letter-spacing:-.7px;margin:9px 0;color:#3d5937;max-width:190px}.discovery-card p{font-size:10px;line-height:1.8;color:#8a9d7c;margin:0 0 20px;max-width:230px}.network-art{height:91px;position:relative;margin:8px 0 20px;display:flex;align-items:center;justify-content:center}.network-art:before{content:'';position:absolute;width:174px;height:57px;border:1px dashed #b4c6a0;border-radius:50%;transform:rotate(-16deg)}.network-art:after{content:'';position:absolute;width:126px;height:80px;border:1px dashed #c0d0ae;border-radius:50%;transform:rotate(20deg)}.network-center{position:relative;z-index:2;display:grid;place-items:center;width:54px;height:54px;background:#d1dfc5;border:1px solid #b8c9a8;border-radius:15px;transform:rotate(-7deg);box-shadow:0 4px 14px #77936716;color:#68865a}.network-center .icon{width:25px;height:25px;transform:rotate(7deg)}.network-node{position:absolute;z-index:3;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f4f7eb;border:1px solid #d5e0ca;color:#8fa27a}.network-node .icon{width:13px;height:13px}.network-node:nth-child(2){left:20px;top:10px}.network-node:nth-child(3){right:21px;top:11px}.network-node:nth-child(4){right:42px;bottom:0}.network-node:nth-child(5){left:44px;bottom:0}.discovery-card .button{font-size:10px;padding:9px 12px;background:#f6f9f0;border-color:#d2dfc4;color:#527047}.discovery-card .button:hover{background:#fff}.discovery-foot{display:flex;gap:5px;align-items:center;font-size:8px;line-height:1.6;margin-top:12px;color:#96a685}.discovery-foot .icon{width:11px;height:11px}.activity-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.activity-card h3{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:0 0 18px}.activity-card h3 .icon{width:14px;height:14px;color:#9ba58e}.activity-item{position:relative;padding:0 0 17px 18px;font-size:10px;line-height:1.6;color:#7d8c72}.activity-item:before{content:'';width:5px;height:5px;border-radius:50%;background:#aac398;position:absolute;left:1px;top:5px}.activity-item:not(:last-child):after{content:'';width:1px;background:#e4eadc;position:absolute;left:3px;top:14px;bottom:3px}.activity-item.error:before{background:#c6937a}.activity-item small{display:block;color:#abb19f;font-size:8px;margin-top:3px}.text-link{border:0;background:transparent;font-size:10px;color:#6c8660;padding:0;display:inline-flex;align-items:center;gap:5px}.text-link .icon{width:13px;height:13px}.page-footer{padding:18px 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#9ea593}.page-footer>span:first-child{display:flex;align-items:center;gap:7px}.page-footer .live-dot{width:4px;height:4px;background:#a3b495}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:23px;flex-wrap:wrap}.search-wrap{display:flex;align-items:center;gap:8px;max-width:320px;background:white;border:1px solid var(--line);padding:0 12px;border-radius:8px}.search-wrap .icon{width:16px;height:16px;color:#98a78d}.search-wrap input{border:0;padding:10px 0;background:none;font-size:11px;outline:none}.filter-room{width:auto;max-width:220px;font-size:11px;padding:10px 30px 10px 12px}.device-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.device-list-grid .strip-card{margin:0}.empty{padding:48px 25px;text-align:center;background:#fff;border:1px dashed #dce3d5;border-radius:12px}.empty>.icon{width:34px;height:34px;color:#a6b59a;margin-bottom:15px}.empty h3{font-size:16px;margin:0 0 8px}.empty p{font-size:12px;line-height:1.8;color:#8e9d83;margin:0 auto 20px;max-width:400px}.notice{padding:14px 18px;display:flex;align-items:flex-start;gap:10px;border-radius:9px;font-size:11px;line-height:1.8;background:#eef3e8;border:1px solid #e0e8d7;color:#718669;margin:18px 0}.notice .icon{width:17px;height:17px;margin-top:2px}.notice.warning{background:#fcf1e7;border-color:#f0dfcb;color:#a08765}.network-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:20px}.panel h2{font-size:16px}.panel p{font-size:12px;color:#8a9980;line-height:1.8}.network-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.network-header h2{margin:0}.found-device{padding:18px 0;border-top:1px solid var(--line);display:flex;gap:13px;align-items:center}.found-device .device-meta{flex:1}.found-device .device-sub{line-height:1.7;display:block;overflow-wrap:anywhere}.found-device .device-name{font-size:12px}.found-device .device-icon{width:35px;height:35px}.found-device .button{font-size:10px;padding:7px 12px}.found-note{font-size:9px;color:#aaad9c;margin-top:5px}.steps{padding:0;list-style:none;counter-reset:steps}.steps li{counter-increment:steps;position:relative;padding:0 0 21px 31px;color:#829277;font-size:11px;line-height:1.8}.steps li:before{content:counter(steps);position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#edf2e6;display:grid;place-items:center;color:#7b936c;font-size:9px}.steps li b{display:block;color:#546b49;font-weight:600}.scan-progress{height:3px;background:#e3e9da;border-radius:3px;margin-top:20px;overflow:hidden}.scan-progress div{background:#89a276;height:100%;width:35%;animation:scan 1.8s ease-in-out infinite}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}.blind-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.blind-visual{padding:17px;text-align:center;background:#f8faf5;display:flex;gap:26px;justify-content:center;align-items:center}.blind-window{height:91px;width:65px;border:3px solid #cfdbc3;border-radius:3px;background:linear-gradient(#e8eee4,#f5f8f0);position:relative;overflow:hidden}.blind-window:before{content:'';position:absolute;height:100%;width:2px;background:#d7dfcf;left:50%}.blind-shade{position:absolute;top:0;width:100%;background:repeating-linear-gradient(#c1d0b5 0 5px,#d9e3d0 5px 7px);min-height:8px;transition:height .7s}.blind-reading strong{display:block;font-size:30px;color:#6d875f;letter-spacing:-1px}.blind-reading span{font-size:9px;color:#97a38b}.blind-controls{padding:16px 20px;display:flex;gap:7px}.blind-controls .button{flex:1;padding:9px 8px;font-size:10px}.blind-slider{padding:0 20px 18px}.blind-slider input{padding:0;accent-color:#6d8d5d;border:0}.slider-label{display:flex;justify-content:space-between;font-size:9px;color:#93a286;margin-bottom:8px}.timeline .activity-item{font-size:12px;padding-bottom:26px}.timeline .activity-item small{font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.setting-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;border-top:1px solid var(--line);padding:15px 0;gap:10px}.setting-row b{font-weight:500;color:#69815f}.setting-row code{font-size:10px;overflow-wrap:anywhere}.file-input{font-size:11px;margin-top:12px}.modal{border:1px solid #e2e7dc;padding:0;border-radius:16px;width:640px;max-width:calc(100% - 28px);max-height:90dvh;color:var(--ink);box-shadow:0 20px 80px #122c3544}.modal::backdrop{background:#10281d66;backdrop-filter:blur(3px)}.modal.compact{width:420px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:20px;margin:5px 0 0}.modal-body{padding:23px 25px;max-height:65dvh;overflow:auto}.modal-body>p{font-size:12px;line-height:1.8}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:17px 25px;border-top:1px solid var(--line);gap:10px}.modal-footer>div{display:flex;gap:8px}.modal-footer .button{font-size:11px;padding:9px 13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.checkbox-row{flex-direction:row;align-items:center;font-weight:400;line-height:1.5}.checkbox-row input{width:16px;height:16px;accent-color:var(--green)}.hint{background:#eff4e9;padding:13px;border-radius:8px;display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.7;color:#7c9171;margin-bottom:18px}.hint .icon{width:16px;height:16px;margin-top:2px}.form-error{color:var(--red);font-size:12px;line-height:1.7;margin:0 0 12px}.form-error:empty{display:none}.channel-names{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.channel-entry{display:flex;gap:8px;align-items:center;margin-bottom:12px}.channel-entry span{width:38px;color:#92a188;font-size:10px;white-space:nowrap}.channel-entry input{font-size:12px}.dp-input{max-width:55px!important}details{border:1px solid var(--line);border-radius:9px;padding:14px;margin:5px 0 19px}summary{font-size:12px;font-weight:600;cursor:pointer;margin-bottom:12px}.toasts{position:fixed;right:25px;bottom:25px;z-index:100;display:flex;flex-direction:column;gap:9px;max-width:380px}.toast{padding:15px 19px;border-radius:10px;background:#294d3d;color:#f5f8ed;font-size:12px;line-height:1.7;box-shadow:0 8px 30px #1e382c25}.toast.error{background:#9d5148}.mobile-nav{display:none}.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 70% 20%,#e4ecdd,transparent 70%),#f5f6ef;padding:70px 20px 35px;position:relative;overflow:hidden}.auth-brand{position:absolute;left:45px;top:30px;display:flex;align-items:center;gap:10px;color:var(--dark);font-size:32px;letter-spacing:-1.6px}.auth-brand .brand-dot{margin-left:0}.auth-card{width:385px;max-width:100%;background:#ffffffef;border:1px solid #e1e8d9;border-radius:17px;padding:34px;position:relative;z-index:1;box-shadow:0 15px 60px #2c543512}.auth-card h1{margin:10px 0 12px;font-size:30px}.auth-card>p{font-size:12px;line-height:1.8;color:#85977a;margin-bottom:24px}.auth-card .button{margin-top:6px}.auth-foot{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#9aa58e;margin-top:24px}.auth-foot .icon{width:12px;height:12px}.auth-caption{margin-top:25px;font-size:10px;color:#99a68f}.auth-art{width:180px;height:115px;position:relative;margin:0 0 -1px;color:#9bb18c}.roof{position:absolute;top:12px;left:49px;width:80px;height:80px;background:#98b18a;transform:rotate(45deg);border-radius:5px}.house{position:absolute;bottom:0;left:36px;width:107px;height:67px;background:#c0d0af;border-radius:2px;display:flex;gap:20px;padding:18px 15px}.window{width:19px;height:21px;background:#edf2df;border-radius:3px;box-shadow:inset 0 0 0 1px #a9bd96}.window:after{content:'';display:block;height:21px;width:1px;background:#b8cba5;margin:auto}.door{position:absolute;bottom:0;right:14px;width:22px;height:36px;background:#e5ddc4;border:2px solid #b9bd9c;border-radius:3px 3px 0 0}.plant{position:absolute;bottom:0;background:#a4b992;width:28px;height:56px;border-radius:90% 10% 60% 30%;transform:rotate(-15deg);left:8px}.plant.p2{right:9px;left:auto;height:42px;transform:rotate(23deg)}.api-code{background:#f5f7f0;border-radius:8px;padding:13px;font:11px/1.8 Consolas,monospace;overflow:auto;white-space:pre-wrap;color:#708263}.offline-banner{padding:12px 18px;margin-bottom:20px;border-radius:8px;background:#f7eadd;color:#9b7b5b;font-size:11px}.no-matches{padding:30px;color:#8e9e82;text-align:center;font-size:12px}.device-error-note{font-size:10px;line-height:1.6;padding:0 20px 16px;color:#b08c6e}
@media(min-width:1450px){main{padding-top:42px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px;gap:30px}.socket{padding:17px 16px 16px}.socket-top{margin-bottom:21px}.strip-header{padding:22px 24px 20px}.socket-grid{padding:0 24px 24px;gap:13px}}
@media(max-width:1150px){.sidebar{width:200px;padding:30px 15px 20px}.workspace{margin-left:200px;width:calc(100% - 200px)}main{padding:28px}.topbar{padding:0 28px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.stats{gap:10px}.stat{padding:15px}.stat-icon{right:12px;width:25px;height:25px}.stat-label{font-size:9px}.device-list-grid{grid-template-columns:1fr}.discovery-card{padding:21px 18px}.socket-grid{padding:0 15px 15px;gap:8px}.socket{padding:12px 10px}.socket-name{font-size:10px}.network-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.page-footer{padding:18px 28px}}
@media(max-width:960px){.sidebar{width:180px;padding:28px 12px 20px}.workspace{margin-left:180px;width:calc(100% - 180px)}.sidebar a[data-nav]{font-size:11px;padding:12px 10px;gap:9px}.sidebar-home{padding:11px 8px}.sidebar-home>[data-icon]{display:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.discovery-card{margin:0}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-icon{display:none}.network-layout{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.topbar-right{gap:10px}.page-title .date{font-size:9px}.page-title h1{font-size:28px}.network-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0;width:100%;padding-bottom:68px}.topbar{height:64px;padding:0 20px}.breadcrumb{font-size:10px}.connection-badge{font-size:9px;padding:6px 9px}.avatar{display:none}main{padding:25px 20px 22px}.page-title{margin-bottom:24px}.page-title h1{font-size:28px;letter-spacing:-.9px;margin:8px 0 9px}.page-title .date{display:none}.page-title>div:last-child:not(:first-child) .button{font-size:0;padding:10px;gap:0}.page-title>div:last-child:not(:first-child) .button .icon{width:18px;height:18px}.page-title p{font-size:11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:26px}.stat{min-height:100px;padding:16px}.stat-label{font-size:10px;margin-bottom:11px}.stat-icon{display:grid;width:27px;height:27px}.stat-value{font-size:24px}.stat-sub{font-size:9px}.stat-icon .icon{width:14px;height:14px}.dashboard-grid{gap:20px}.dashboard-aside{display:block}.discovery-card{margin-bottom:20px;padding:24px}.discovery-card h2{max-width:none}.discovery-card p{max-width:none}.network-art{margin-top:0}.socket-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 15px 15px;gap:10px}.socket{padding:14px 13px}.socket-name{font-size:12px}.socket-top{margin-bottom:16px}.strip-header{padding:17px 15px}.device-name{font-size:12px}.device-sub{font-size:9px}.strip-header>.icon-button{width:23px}.strip-header{gap:9px}.strip-header .device-icon{width:34px;height:34px;border-radius:8px}.status-pill{font-size:8px;padding:2px 6px}.planned{padding:15px}.planned .button{font-size:10px;padding:7px 10px}.strip-footer{padding:10px 15px}.strip-footer .spacer{display:none}.strip-footer{flex-wrap:wrap;gap:6px 10px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:66px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e2e8da;display:flex;align-items:center;justify-content:space-around;z-index:20;box-shadow:0 -3px 20px #16392405}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:#98a28d;padding:7px 9px;border-radius:8px}.mobile-nav .icon{width:19px;height:19px}.mobile-nav a.active{color:#48713b;background:#eff4e8}.page-footer{padding:16px 20px;font-size:8px}.device-list-grid{grid-template-columns:1fr}.network-layout aside{display:block}.found-device{gap:9px}.found-device .device-name{font-size:11px}.found-device .device-sub{font-size:9px}.found-device .device-icon{display:none}.found-device .button{padding:7px 9px;font-size:9px}.panel{padding:20px}.network-header{align-items:flex-start}.toolbar{gap:10px}.search-wrap{flex:1;min-width:150px}.filter-room{max-width:135px}.toasts{right:15px;left:15px;bottom:82px;max-width:none}.form-grid{gap:0 12px}.modal-header{padding:20px}.modal-body{padding:20px;max-height:62dvh}.modal-footer{padding:14px 16px}.modal-footer .button{padding:9px 10px;font-size:10px}.modal-header h2{font-size:18px}.auth-brand{left:25px;top:22px}.auth-card{padding:28px}.auth-screen{padding-top:85px}.auth-art{height:105px}.channel-names{grid-template-columns:1fr}.blind-controls{padding:15px}.blind-slider{padding:0 15px 15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.topbar-logout{min-height:40px}.topbar-logout .icon{width:16px;height:16px}@media(max-width:700px){.topbar-right{gap:5px}.topbar-logout{padding:8px;font-size:10px;gap:5px}.topbar-right .connection-badge{display:none}.topbar .breadcrumb{max-width:80px}.topbar-right #install-button{font-size:0;gap:0;padding:8px}}