:root{--bg:#f3f5f9;--card:#fff;--text:#111827;--muted:#7a8499;--primary:#5b5ce2;--primary-dark:#4647c7;--primary-soft:#eeefff;--on:#f5a524;--off:#c3cad7;--success:#24b47e;--danger:#ef476f;--border:#e7eaf0;--navy:#111827;--radius:20px;--shadow:0 10px 35px #1e293b12;--shadow-hover:0 16px 45px #1e293b1f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;touch-action:manipulation;background:var(--bg);min-height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;touch-action:manipulation}a{color:inherit;text-decoration:none}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #5b5ce259}.smart-shell{min-height:100vh}.smart-sidebar{z-index:80;color:#d8deeb;background:radial-gradient(circle at 20% 0,#26334f 0,#151d2d 42%,#0d1421 100%);width:248px;padding:30px 22px;display:none;position:fixed;inset:0 auto 0 0;box-shadow:10px 0 40px #0f172a21}.smart-brand{color:#fff;letter-spacing:.2px;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:17px;display:flex}.smart-brand>span{color:#fff;background:linear-gradient(135deg,#7778ff,#4d4ed1);border-radius:13px;place-items:center;width:40px;height:40px;font-size:28px;display:grid;box-shadow:0 8px 20px #5b5ce259}.smart-brand>span img{object-fit:contain;width:31px;height:31px}.smart-brand strong{color:#8d8eff;margin-left:2px}.nav-caption{letter-spacing:1.5px;color:#677289;margin:42px 12px 12px;font:700 10px Manrope,sans-serif}.smart-nav{gap:7px;display:grid}.smart-nav a{color:#8f9aae;border-radius:13px;align-items:center;gap:13px;padding:13px 15px;font-size:14px;transition:all .2s;display:flex}.smart-nav a span{text-align:center;filter:grayscale(.3);width:25px;font-size:18px}.smart-nav a b{font-weight:600}.smart-nav a:hover{color:#fff;background:#ffffff0d}.smart-nav a.active{color:#fff;background:linear-gradient(105deg,#5b5ce257,#5b5ce221);box-shadow:inset 3px 0 #8081ff}.sidebar-bottom{gap:8px;display:grid;position:absolute;bottom:28px;left:22px;right:22px}.sidebar-footer{background:#ffffff09;border:1px solid #ffffff12;border-radius:15px;align-items:center;gap:11px;padding:14px;display:flex}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{color:#dce3ef;font-size:12px}.sidebar-footer small{color:#69758b;margin-top:2px;font-size:10px}.pulse-dot{background:#34d399;border-radius:50%;width:9px;height:9px;animation:2s infinite pulse;box-shadow:0 0 0 5px #34d3991a}.sidebar-logout{color:#9aa6ba;cursor:pointer;background:#ffffff06;border:1px solid #ffffff12;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;font-size:12px;font-weight:700;transition:all .18s;display:flex}.sidebar-logout:hover{color:#fff;background:#ffffff12}.mobile-nav{z-index:100;padding:7px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-top:1px solid #e2e8f0e6;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -8px 30px #0f172a0f}.mobile-nav.viewer{grid-template-columns:repeat(3,1fr)}.mobile-nav a,.mobile-nav button{color:#9aa3b3;background:0 0;border:0;border-radius:13px;flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:6px;font-size:10px;font-weight:600;display:flex}.mobile-nav a span,.mobile-nav button span{font-size:20px;line-height:23px}.mobile-nav a.active{color:var(--primary);background:var(--primary-soft)}.smart-content{min-width:0;padding-bottom:76px}.container{width:min(100%,1180px);padding:16px max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));margin:0 auto}.container.dashboard-container{padding-top:max(20px, env(safe-area-inset-top))}.topbar{min-height:68px;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 14px max(16px, env(safe-area-inset-left));z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #e7eaf0cc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar h1{font:700 18px Manrope,sans-serif}.topbar .sub{color:var(--muted);font-size:12px}.back{color:var(--primary);font-size:13px;font-weight:700}.home-quick-control{isolation:isolate;color:#fff;background:radial-gradient(circle at 12% 10%,#7175ff47,#0000 42%),linear-gradient(120deg,#182238,#111827 68%,#1d2942);border:1px solid #ffffff14;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(148px,.72fr);gap:8px;margin-bottom:17px;padding:7px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a24}.home-quick-control:after{content:"";z-index:-1;background:#ef476f2e;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-100px;right:-68px}.open-lights-control{min-width:0;min-height:54px;color:inherit;cursor:pointer;text-align:left;background:#ffffff0b;border:1px solid #ffffff14;border-radius:13px;grid-template-columns:38px minmax(55px,1fr) auto;align-items:center;gap:8px;padding:6px 10px;transition:all .18s;display:grid}.open-lights-control:hover,.open-lights-control.active{background:#f5a5241c;border-color:#fcc14e6b}.open-lights-control:active{transform:scale(.99)}.open-lights-icon{color:#ffc75a;background:#f5a52426;border-radius:11px;place-items:center;width:36px;height:36px;font-size:18px;display:grid;box-shadow:inset 0 0 0 1px #ffc75a1f}.open-lights-copy small,.open-lights-copy strong{display:block}.open-lights-copy small{color:#aeb8ca;letter-spacing:.7px;text-transform:uppercase;font-size:8px;font-weight:800}.open-lights-copy strong{margin-top:1px;font:800 20px/1 Manrope,sans-serif}.open-lights-filter{color:#ffc75a;white-space:nowrap;font-size:8px;font-weight:800}.home-all-off{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef476f47,#d5305633);border:1px solid #ff7c9738;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:54px;padding:0 14px;font-size:10px;font-weight:800;transition:all .18s;display:flex}.home-all-off>span:first-child{color:#ff7897;font-size:14px}.home-all-off:hover:not(:disabled){background:linear-gradient(135deg,#ef476f6b,#d530564d);border-color:#ff7c9780;transform:translateY(-1px)}.home-all-off:active:not(:disabled){transform:scale(.985)}.home-all-off:disabled{opacity:.42;cursor:not-allowed}.dashboard-layout{gap:22px;display:grid}.device-search-panel{background:#fff;border:1px solid #dde3ec;border-radius:15px;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:50px;margin:0 0 10px;padding:3px 7px 3px 8px;display:grid;box-shadow:0 6px 20px #1e293b0e}.device-search-icon{width:34px;height:34px;color:var(--primary);background:var(--primary-soft);border-radius:10px;place-items:center;font-size:19px;font-weight:700;display:grid}.device-search-panel input{color:#182035;width:100%;min-width:0;height:40px;box-shadow:none;background:0 0;border:0;outline:0;padding:0;font-size:14px}.device-search-panel input:focus{box-shadow:none!important;border:0!important}.device-search-panel input::-webkit-search-cancel-button{display:none}.device-search-panel>button{color:#7f8999;background:#f1f3f7;border:0;border-radius:10px;width:40px;height:40px;font-size:20px}.device-search-panel>small{color:#8a94a5;text-align:right;white-space:nowrap;min-width:55px;padding-right:6px;font-size:10px;font-weight:700}.room-filter-strip{overscroll-behavior-x:contain;scrollbar-width:none;gap:7px;margin:0 0 24px;padding:1px 1px 3px;display:flex;overflow-x:auto}.room-filter-strip::-webkit-scrollbar{display:none}.room-filter-strip button{color:#6c778a;cursor:pointer;background:#fff;border:1px solid #e0e5ec;border-radius:12px;flex:none;align-items:center;gap:6px;min-height:39px;padding:0 11px;font-size:9px;font-weight:800;transition:all .17s;display:flex;box-shadow:0 4px 12px #1e293b0a}.room-filter-strip button>span{color:#7880dc;font-size:13px}.room-filter-strip button>b{color:#8a94a4;background:#edf0f5;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:8px;display:grid}.room-filter-strip button:hover{border-color:#cfd4ef;transform:translateY(-1px)}.room-filter-strip button.active{color:#fff;background:linear-gradient(135deg,#565bc9,#7376e8);border-color:#6266d8;box-shadow:0 7px 17px #565bc938}.room-filter-strip button.active>span,.room-filter-strip button.active>b{color:#fff}.room-filter-strip button.active>b{background:#ffffff29}.device-search-empty{color:#748095;text-align:center;background:#f8fafc;border:1px dashed #d5dbe5;border-radius:18px;justify-items:center;margin-bottom:22px;padding:34px 20px;display:grid}.device-search-empty>span{color:#6871dc;background:#eceeff;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:12px;font-size:26px;display:grid}.device-search-empty strong{color:#273147;font-size:14px}.device-search-empty p{max-width:360px;margin:6px 0 15px;font-size:11px;line-height:1.45}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.quick-scenes{margin-bottom:26px}.favorites-section{background:linear-gradient(145deg,#fbfaff,#f7f8ff);border:1px solid #e5e1f7;border-radius:22px;margin-bottom:28px;padding:15px;box-shadow:0 9px 26px #484aa00e}.favorites-section .section-heading{margin:0 1px 13px}.favorites-section .section-count{color:#8b6518;background:#fff0c9}.favorite-grid{gap:9px}.quick-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.quick-scene{min-width:0;min-height:66px;color:var(--text);text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 13px;transition:all .17s;display:grid;box-shadow:0 6px 18px #141e320b}.quick-scene:hover{border-color:#cfd5f7;transform:translateY(-2px);box-shadow:0 10px 24px #141e3214}.quick-scene:active{transform:scale(.985)}.quick-scene:disabled{opacity:.65;cursor:wait;transform:none}.quick-scene-icon{background:linear-gradient(145deg,#f0f1ff,#e8f8ee);border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.quick-scene strong,.quick-scene small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.quick-scene strong{font-size:12px}.quick-scene small{color:var(--muted);margin-top:3px;font-size:9px}.quick-scene>b{color:#9da6b5;font-size:16px}.section-heading{justify-content:space-between;align-items:flex-end;margin:4px 2px 18px;display:flex}.section-heading span,.activity-title>div>span{color:var(--primary);letter-spacing:1.3px;text-transform:uppercase;font:700 9px Manrope,sans-serif}.section-heading h2,.activity-title h2{margin-top:3px;font:800 20px Manrope,sans-serif}.section-count{color:var(--muted);background:#e9edf4;border-radius:10px;padding:7px 10px;font-size:10px;font-weight:700}.section-tools{justify-content:flex-end;align-items:center;gap:7px;display:flex}.order-mode-button{color:#555fc7;cursor:pointer;background:#f1f2ff;border:1px solid #d7dcef;border-radius:10px;min-height:31px;padding:0 10px;font-size:9px;font-weight:800;transition:all .16s}.order-mode-button:hover{border-color:#bfc4eb;transform:translateY(-1px)}.order-mode-button.active{color:#a14a5d;background:#fff0f3;border-color:#f0c7d0}.order-mode-button:disabled{opacity:.5;cursor:wait;transform:none}.order-manager{background:linear-gradient(150deg,#fff,#f7f8fc);border:1px solid #dfe3ee;border-radius:22px;margin-bottom:26px;padding:14px;box-shadow:0 10px 30px #1e293b0f}.order-manager-note{color:#555fc7;background:#f1f2ff;border:1px solid #e1e3fa;border-radius:14px;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;margin-bottom:12px;padding:10px 12px;display:grid}.order-manager-note>span{color:#fff;background:#6266d8;border-radius:10px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.order-manager-note strong,.order-manager-note small{display:block}.order-manager-note strong{font-size:11px}.order-manager-note small{color:#7d85a6;margin-top:3px;font-size:8px;line-height:1.4}.order-expand-toolbar{justify-content:space-between;align-items:center;gap:10px;min-height:39px;margin-bottom:2px;padding:0 2px 0 6px;display:flex}.order-expand-toolbar>span{color:#8b94a4;font-size:9px;font-weight:700}.order-expand-toolbar>button{color:#555fc7;cursor:pointer;background:#f5f6ff;border:1px solid #d9def2;border-radius:11px;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-size:9px;font-weight:800;display:inline-flex}.order-expand-toolbar>button b{font-size:15px;line-height:1}.order-room-block{background:#fff;border:1px solid #e2e6ec;border-radius:16px;margin-top:10px;overflow:hidden}.order-room-block.unassigned{border-style:dashed}.order-room-block.collapsed{box-shadow:0 3px 10px #1e293b06}.order-room-block.expanded{border-color:#ced3ef;box-shadow:0 7px 18px #3f44910f}.order-room-head{background:#fafbfc;justify-content:space-between;align-items:center;gap:8px;min-height:57px;padding:9px 10px 9px 9px;display:flex}.order-room-block.expanded .order-room-head{background:#f7f8ff;border-bottom:1px solid #edf0f4}.order-room-toggle{min-width:0;min-height:39px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:29px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:0;display:grid}.order-room-toggle>span:first-child{color:#5963cc;background:#eceeff;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.order-room-toggle>span:nth-child(2){min-width:0}.order-room-toggle>b{color:#7d85b8;text-align:center;font-size:17px}.order-room-toggle strong,.order-room-toggle small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.order-room-toggle strong{font-size:11px}.order-room-toggle small{color:#9099a8;margin-top:2px;font-size:8px}.order-device-list{padding:3px 10px 8px}.order-device-row{border-bottom:1px solid #f0f2f5;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:53px;display:grid}.order-device-row:last-child{border-bottom:0}.order-grip{color:#bac1cc;letter-spacing:-3px;font-size:15px}.order-device-row strong,.order-device-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.order-device-row strong{font-size:10px}.order-device-row small{color:#929baa;margin-top:2px;font-size:8px}.order-arrows{gap:5px;display:flex}.order-arrows button{color:#5963cc;cursor:pointer;background:#f7f8fb;border:1px solid #dde2e9;border-radius:11px;width:37px;height:37px;font-size:15px;font-weight:800;transition:all .15s}.order-arrows button:hover:not(:disabled){color:#fff;background:#6266d8;border-color:#6266d8}.order-arrows button:disabled{opacity:.28;cursor:not-allowed}.order-empty{color:#a0a8b5;text-align:center;padding:15px 2px 8px;font-size:9px}.order-manager-actions{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:8px;margin-top:13px;display:grid}.room-section{margin-bottom:22px}.room-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.room-heading>div{align-items:center;gap:9px;display:flex}.room-heading>span{color:#9aa3b2;font-size:10px}.room-symbol{width:30px;height:30px;color:var(--primary);background:var(--primary-soft);border-radius:10px;place-items:center;display:grid}.room-heading h3{font:700 14px Manrope,sans-serif}.room-heading p{color:var(--muted);margin-top:2px;font-size:9px}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.device-card{isolation:isolate;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;background:linear-gradient(150deg,#fff,#f9fafc);border:1px solid #e1e6ed;border-radius:15px;min-width:0;min-height:64px;padding:6px 8px;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;position:relative;overflow:hidden;box-shadow:0 6px 17px #1e293b0d,inset 0 1px #ffffffe6}.device-card:before{content:"";z-index:-1;background:#7882960f;border-radius:50%;width:72px;height:72px;transition:all .25s;position:absolute;top:-48px;right:-39px}.device-card:hover{border-color:#d5dbe5;transform:translateY(-2px);box-shadow:0 14px 32px #1e293b1a}.device-card:active{transform:scale(.985)}.device-card:focus-visible{outline-offset:2px;outline:3px solid #5b5ce233}.device-card.is-on{background:linear-gradient(145deg,#fffdf8,#fff8e5);border-color:#f5d58f;box-shadow:0 12px 30px #f5a52424,inset 0 1px #fff}.device-card.is-on:before{background:radial-gradient(circle,#ffbe3d47,#ffcd690a 68%,#0000 70%);width:135px;height:135px;top:-80px;right:-67px}.device-card.is-offline{opacity:.6;cursor:default}.device-compact-main{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:50px;display:grid}.device-compact-copy{min-width:0}.device-icon{color:#8995a7;background:linear-gradient(145deg,#fff,#edf1f5);border:1px solid #e3e7ed;border-radius:11px;place-items:center;width:38px;height:38px;font-size:17px;display:grid;box-shadow:0 4px 11px #1e293b12}.is-on .device-icon{color:#dd8c0b;background:linear-gradient(145deg,#fff7df,#ffeab8);border-color:#f7d996;box-shadow:0 6px 17px #f5a52433}.device-card .name{color:#20283a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font:750 11px Manrope,sans-serif;overflow:hidden}.device-card .meta{color:#778295;background:#edf1f6b8;border-radius:7px;align-items:center;gap:5px;width:max-content;max-width:100%;margin-top:5px;padding:3px 6px;font-size:7.5px;font-weight:700;display:flex}.device-card.is-on .meta{color:#94620e;background:#ffe9b7a3}.mini-dot{background:#aeb6c4;border-radius:50%;width:5px;height:5px}.mini-dot.lit{background:var(--on);box-shadow:0 0 0 3px #f5a52421}.mini-dot.ready{background:var(--success)}.mini-dot.lost{background:var(--danger)}.favorite-toast{z-index:180;left:50%;bottom:max(86px,calc(env(safe-area-inset-bottom) + 72px));color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#182033f0;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:8px;max-width:calc(100% - 28px);min-height:45px;padding:9px 14px;font-size:10px;font-weight:750;animation:.18s ease-out settings-panel-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 38px #0f172a40}.favorite-toast>span{color:#ffc85b;font-size:15px}.device-detail-backdrop{z-index:520;padding:18px max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#090e1980;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.device-detail-sheet{width:min(100%,520px);padding:9px 18px max(20px,env(safe-area-inset-bottom));color:#1c2537;background:#fff;border-radius:26px 26px 0 0;animation:.2s ease-out device-detail-in;box-shadow:0 -20px 65px #050a163d}.device-detail-handle{background:#d8dde5;border-radius:99px;width:38px;height:5px;margin:0 auto 15px}.device-detail-head{grid-template-columns:52px minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid}.device-detail-icon{color:#7f8a9d;background:#eef1f5;border-radius:16px;place-items:center;width:52px;height:52px;font-size:22px;display:grid}.device-detail-icon.on{color:#dd8c0b;background:#fff0c9}.device-detail-head>div:nth-child(2){min-width:0}.device-detail-head small{color:#6266d8;letter-spacing:1px;font-size:8px;font-weight:850}.device-detail-head h2{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font:800 18px Manrope,sans-serif;overflow:hidden}.device-detail-head span{color:#8b95a5;margin-top:2px;font-size:10px;display:block}.device-detail-head>button{color:#7f8999;cursor:pointer;background:#f0f2f5;border:0;border-radius:13px;width:44px;height:44px;font-size:24px}.device-detail-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.device-detail-grid>div{background:#fafbfc;border:1px solid #e5e9ef;border-radius:13px;min-width:0;padding:11px 12px}.device-detail-grid span,.device-detail-grid strong{display:block}.device-detail-grid span{color:#929baa;font-size:8px;font-weight:750}.device-detail-grid strong{color:#344054;text-overflow:ellipsis;margin-top:4px;font-size:10px;line-height:1.35;overflow:hidden}.device-detail-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.device-detail-actions button{cursor:pointer;border:0;border-radius:14px;min-height:48px;font-size:11px;font-weight:850}.detail-favorite{color:#8d681e;background:#fff3d5}.detail-favorite.active{color:#9a6807;background:#ffe9ad}.detail-power{color:#fff;background:linear-gradient(135deg,#5963cc,#7478e8);box-shadow:0 7px 17px #5963cc33}.detail-power.on{background:linear-gradient(135deg,#df8e13,#f4b53b)}.detail-power:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@keyframes device-detail-in{0%{opacity:.4;transform:translateY(24px)}}.activity-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:20px;align-self:start;padding:18px}.activity-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.activity-title h2{font-size:17px}.live-badge{color:#20a876;letter-spacing:.7px;background:#e8f8f2;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:800}.timeline{margin-top:6px}.timeline-item{border-bottom:1px solid #f0f2f6;grid-template-columns:33px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 0;display:grid}.timeline-item:last-child{border:none}.timeline-icon{border-radius:10px;place-items:center;width:31px;height:31px;font-size:13px;display:grid}.timeline-icon.opened{color:#e6991d;background:#fff2d6}.timeline-icon.closed{color:#7e8b9e;background:#f0f3f7}.timeline-copy{min-width:0}.timeline-copy strong,.timeline-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.timeline-copy strong{font-size:11px}.timeline-copy span{color:var(--muted);margin-top:2px;font-size:9px}.timeline-item time{color:#a1a9b6;font-size:9px}.activity-empty{color:var(--muted);text-align:center;padding:28px 0;font-size:12px}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);margin-bottom:14px;padding:17px}.card h2{margin-bottom:10px;font:700 16px Manrope,sans-serif}.card h3{font-family:Manrope,sans-serif}.card p{color:var(--muted);font-size:13px;line-height:1.55}.btn{color:#fff;background:linear-gradient(135deg, var(--primary), #7374ed);cursor:pointer;border:none;border-radius:13px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:46px;padding:12px 15px;font-size:13px;font-weight:700;transition:all .16s;display:inline-flex;box-shadow:0 7px 18px #5b5ce233}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #5b5ce247}.btn:active{transform:scale(.98)}.btn.secondary{color:var(--primary);background:var(--primary-soft);box-shadow:none}.btn.danger{color:var(--danger);box-shadow:none;background:#fff0f3}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.sm{width:auto;min-height:36px;padding:8px 12px;font-size:11px}.field{margin-bottom:14px}.field label{color:#687386;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.field input,.field select,input,select{max-width:100%;color:var(--text);background:#fff}.field input,.field select{border:1.5px solid var(--border);border-radius:12px;width:100%;padding:12px 13px;font-size:13px}.field input:focus,.field select:focus,input:focus,select:focus{outline:none;box-shadow:0 0 0 3px #5b5ce217;border-color:#898aff!important}.status-dot{border-radius:50%;flex:none;width:7px;height:7px;margin-right:6px;display:inline-block}.status-dot.on{background:#34d399;box-shadow:0 0 0 4px #34d3991a}.status-dot.off{background:#94a3b8}.room-title{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:18px 0 10px;font-size:12px;font-weight:800}.alert{border:1px solid #0000;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:12px}.alert.error{color:#c32f54;background:#fff0f4;border-color:#ffd5df}.alert.success{color:#16845c;background:#ebfaf4;border-color:#c9f0e1}.auth-wrap{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -10%,#e5f8eb 0,#f4f6fa 42%,#edf0f6 100%);place-items:center;display:grid;overflow:hidden}.auth-shell{background:#fffffff5;border:1px solid #d0d7e2e6;border-radius:28px;width:100%;max-width:1080px;min-height:650px;display:grid;overflow:hidden;box-shadow:0 30px 80px #141e3429}.auth-showcase{display:none}.auth-box{width:100%;max-width:460px;margin:auto;padding:28px 22px}.auth-mobile-brand{color:#11182b;justify-content:center;align-items:center;gap:9px;margin-bottom:32px;font:750 15px Manrope,sans-serif;display:flex}.auth-mobile-brand img{object-fit:contain;width:38px;height:38px}.auth-mobile-brand strong{color:#0da64a}.auth-heading>span,.auth-kicker{color:#0b9a45;letter-spacing:1.7px;font:800 9px Manrope,sans-serif;display:block}.auth-heading h2{letter-spacing:-.7px;margin-top:8px;font:800 26px Manrope,sans-serif}.auth-heading p{max-width:360px;color:var(--muted);margin-top:8px;font-size:13px;line-height:1.55}.auth-tabs{background:#f0f2f6;border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;margin:25px 0 20px;padding:4px;display:grid}.auth-tabs button{color:#7b8495;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:40px;font-size:12px;font-weight:750;transition:all .18s}.auth-tabs button.active{color:#142037;background:#fff;box-shadow:0 4px 12px #19223617}.auth-card{padding:0}.auth-field{margin-bottom:16px}.auth-field label{color:#4b566a;margin:0 0 7px 2px;font-size:11px;font-weight:750;display:block}.auth-input{background:#fbfcfe;border:1.5px solid #dfe4ec;border-radius:14px;align-items:center;gap:10px;height:52px;padding:0 13px;transition:all .18s;display:flex}.auth-input:focus-within{background:#fff;border-color:#18a852;box-shadow:0 0 0 4px #14a95017}.auth-input>span{color:#8b96a8;text-align:center;flex:0 0 19px;width:19px;font-size:12px;font-weight:800}.auth-input input{color:#192238;background:0 0;width:100%;min-width:0;height:100%;padding:0;font-size:14px;box-shadow:none!important;border:0!important;outline:0!important}.auth-input input::placeholder{color:#a7afbc}.password-toggle{color:#0b9844;cursor:pointer;background:0 0;border:0;min-height:34px;padding:0 3px;font-size:10px;font-weight:800}.remember-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin:-2px 0 16px;display:flex;position:relative}.remember-row>input{opacity:0;width:1px;height:1px;position:absolute}.remember-check{color:#0000;background:#fff;border:1.5px solid #d5dce6;border-radius:7px;flex:0 0 21px;place-items:center;width:21px;height:21px;font-size:12px;font-weight:900;transition:all .16s;display:grid}.remember-row>input:checked+.remember-check{color:#fff;background:#0c9b45;border-color:#0c9b45;box-shadow:0 3px 10px #0c9b4533}.remember-row>input:focus-visible+.remember-check{outline:3px solid #0c9b4524}.remember-row strong,.remember-row small{display:block}.remember-row strong{color:#4e596c;font-size:11px}.remember-row small{color:#9aa3b1;margin-top:2px;font-size:9px;line-height:1.35}.auth-error{color:#c72f4d;background:#fff3f5;border:1px solid #ffd4dc;border-radius:12px;align-items:center;gap:9px;margin:4px 0 14px;padding:11px 12px;font-size:12px;display:flex}.auth-error span{color:#fff;background:#e44865;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-weight:800;display:grid}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#078a3c,#15b454);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:7px;padding:12px 18px;font-size:13px;font-weight:800;transition:all .18s;display:flex;box-shadow:0 12px 26px #08974040}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 15px 30px #0897404d}.auth-submit:active{transform:scale(.985)}.auth-submit:disabled{opacity:.65;cursor:wait;transform:none}.button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}.auth-footnote{color:#a1a9b6;text-align:center;letter-spacing:.7px;margin-top:24px;font-size:9px;font-weight:700}@media (min-width:820px){.auth-wrap{padding:30px}.auth-shell{grid-template-columns:minmax(350px,.93fr) minmax(420px,1.07fr)}.auth-showcase{isolation:isolate;color:#fff;background:linear-gradient(145deg,#0d1628,#11243a 55%,#0a3926);flex-direction:column;justify-content:space-between;padding:42px;display:flex;position:relative;overflow:hidden}.auth-showcase:before{content:"";z-index:-1;opacity:.22;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.auth-brand{align-items:center;gap:11px;font:750 16px Manrope,sans-serif;display:flex}.auth-brand>span{background:#ffffff1a;border:1px solid #ffffff21;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.auth-brand img{object-fit:contain;width:35px;height:35px}.auth-brand strong{color:#31d371;letter-spacing:1px;font-size:11px;display:block}.auth-showcase-copy{z-index:1;margin-top:auto;margin-bottom:62px;position:relative}.auth-kicker{color:#3fe07c}.auth-showcase-copy h1{letter-spacing:-1.8px;margin-top:13px;font:800 clamp(31px,3.1vw,44px)/1.12 Manrope,sans-serif}.auth-showcase-copy p{color:#b6c4d4;max-width:390px;margin-top:17px;font-size:14px;line-height:1.65}.auth-system-card{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 15px;display:grid;position:relative}.auth-system-icon{color:#48df80;background:#28d26a1f;border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.auth-system-card strong,.auth-system-card small{display:block}.auth-system-card strong{font-size:12px}.auth-system-card small{color:#91a4b9;margin-top:3px;font-size:10px}.auth-online-dot{background:#35d875;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #35d8751f}.auth-orb{z-index:-1;filter:blur(2px);border-radius:50%;position:absolute}.auth-orb-one{background:radial-gradient(circle at 35% 35%,#36e57c3d,#21af5c05 68%);width:300px;height:300px;top:70px;right:-135px}.auth-orb-two{border:1px solid #3adc792e;width:210px;height:210px;bottom:90px;left:-95px}.auth-box{padding:48px 58px}.auth-mobile-brand{display:none}}@media (max-width:819px){.auth-shell{max-width:480px;min-height:0}}@media (max-width:380px){.auth-wrap{padding-inline:10px}.auth-shell{border-radius:22px}.auth-box{padding:23px 17px}.auth-mobile-brand{margin-bottom:25px}.auth-heading h2{font-size:23px}}.code-block{color:#a5f3fc;background:#111827;border-radius:12px;margin:10px 0;padding:14px;font:11px/1.7 ui-monospace,Menlo,monospace;overflow-x:auto}.empty{color:var(--muted);text-align:center;padding:40px 20px;font-size:13px}.spinner{border:3px solid #5b5ce21f;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;margin:40px auto;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55;box-shadow:0 0 0 8px #34d39900}}@media (min-width:560px){.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.container{padding-inline:24px}.quick-scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:920px){.smart-sidebar{display:block}.smart-content{margin-left:248px;padding-bottom:0}.mobile-nav{display:none}.container{padding:0 34px 35px}.topbar{padding-inline:34px}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-scene-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.favorite-toast{bottom:24px}}@media (min-width:1240px){.device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.log-card summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}.log-card summary::-webkit-details-marker{display:none}.log-card summary strong{font-family:var(--font-display);font-size:18px;display:block}.log-card summary small{color:var(--muted);margin-top:3px;display:block}.log-count{background:var(--surface-soft);min-width:34px;height:28px;color:var(--primary);border-radius:999px;place-items:center;padding:0 9px;font-weight:800;display:grid}.settings-log{border-top:1px solid var(--border);margin-top:18px}.settings-log-row{border-bottom:1px solid var(--border);grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 2px;display:grid}.settings-log-row strong,.settings-log-row small{display:block}.settings-log-row strong{font-size:13px}.settings-log-row small,.settings-log-row time{color:var(--muted);font-size:11px}.member-card{overflow:hidden}.member-card-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.settings-kicker{color:#0b9a45;letter-spacing:1.4px;font:800 9px Manrope,sans-serif}.settings-tabs{background:#e9edf3;border:1px solid #e0e5ed;border-radius:17px;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:16px;padding:6px;display:grid;box-shadow:0 8px 24px #1e293b0d}.settings-tabs button{color:#707b8d;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:48px;padding:8px 10px;font-size:11px;font-weight:800;transition:color .16s,background .16s,box-shadow .16s;display:flex;position:relative}.settings-tabs button>span:first-child{font-size:16px}.settings-tabs button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-tabs button:hover{color:#343b85;background:#ffffff8f}.settings-tabs button.active{color:#4647c7;background:#fff;box-shadow:0 4px 14px #20294c1a}.settings-tabs button b{color:#fff;background:#e45672;border-radius:99px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;display:grid}.setup-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:13px;display:grid}.setup-overview>div{background:#fff;border:1px solid #e3e8ef;border-radius:14px;align-items:center;gap:10px;min-width:0;min-height:62px;padding:11px 13px;display:flex;box-shadow:0 5px 18px #1e293b0a}.setup-overview>div>span:not(.status-dot){background:#f0f1ff;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.setup-overview .status-dot{flex:none}.setup-overview strong,.setup-overview small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.setup-overview strong{font-size:11px}.setup-overview small{color:var(--muted);margin-top:3px;font-size:9px}.settings-tabs.setup-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-tabs button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;background:0 0}.setup-active-notice{background:#f1faf5;border:1px solid #cbe5d5;border-radius:14px;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:11px;min-height:58px;margin:-3px 0 14px;padding:10px 14px;display:grid}.setup-active-notice strong,.setup-active-notice small{display:block}.setup-active-notice strong{color:#13713a;font-size:11px}.setup-active-notice small{color:#648071;margin-top:3px;font-size:9px;line-height:1.4}.setup-action-card{overflow:hidden}.setup-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px;display:grid}.setup-steps span{color:#677286;background:#f8fafc;border:1px solid #e5e9ef;border-radius:11px;align-items:center;gap:7px;min-width:0;min-height:38px;padding:7px 9px;font-size:9px;font-weight:700;display:flex}.setup-steps b{color:#fff;background:#6266d8;border-radius:7px;flex:0 0 21px;place-items:center;width:21px;height:21px;font-size:9px;display:grid}.settings-tab-panel{animation:.18s ease-out settings-panel-in}.settings-tab-panel:focus{outline:0}@keyframes settings-panel-in{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.unbound-summary{border:1px solid;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;margin-top:15px;padding:12px 13px;display:grid}.unbound-summary>span{color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.unbound-summary strong,.unbound-summary small{display:block}.unbound-summary strong{font-size:12px}.unbound-summary small{margin-top:3px;font-size:10px;line-height:1.35}.unbound-summary.complete{color:#08793a;background:#f1fbf5;border-color:#b9e1c8}.unbound-summary.complete>span{background:#19a654}.unbound-summary.complete small{color:#4f8464}.unbound-summary.warning{color:#9a5d06;background:#fff9ec;border-color:#f2d59f}.unbound-summary.warning>span{background:#e69a21}.unbound-summary.warning small{color:#8d7653}.unbound-device-list{border-top:1px solid var(--border);margin:10px 0 18px}.unbound-device-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(140px,190px);align-items:center;gap:12px;padding:10px 2px;display:grid}.unbound-device-row strong,.unbound-device-row small{display:block}.unbound-device-row strong{font-size:12px}.unbound-device-row small{color:var(--muted);margin-top:3px;font-size:10px}.unbound-device-row label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.unbound-device-row label>span{color:var(--muted);font-size:9px;font-weight:800}.unbound-device-row select{color:#2d3748;background:#fff;border:1px solid #dfe4eb;border-radius:10px;width:100%;min-width:0;min-height:38px;padding:7px 9px;font-size:11px}.settings-room-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;display:grid}.settings-room-row input{color:#263044;background:#fff;border:1px solid #dfe4eb;border-radius:10px;width:100%;min-width:0;min-height:40px;padding:8px 10px;font-size:13px}.settings-device-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:10px;display:flex}.binding-badge{border-radius:99px;padding:3px 7px;font-size:8px;font-weight:850}.binding-badge.bound{color:#087a39;background:#e7f8ed}.binding-badge.unbound{color:#a46108;background:#fff1d5}.member-card-head h2{margin-top:4px}.member-count{color:#0b8d40;background:#eaf9f0;border-radius:999px;flex:none;padding:7px 10px;font-size:10px;font-weight:800}.member-list{border-top:1px solid var(--border);margin:18px 0}.member-row{border-bottom:1px solid var(--border);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;display:grid}.member-avatar{color:#fff;background:linear-gradient(145deg,#0b9342,#22bc60);border-radius:13px;place-items:center;width:42px;height:42px;font:800 15px Manrope,sans-serif;display:grid;box-shadow:0 7px 16px #0c97432e}.member-copy strong,.member-copy span,.member-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.member-copy strong{font-size:13px}.member-copy span{color:#586377;margin-top:2px;font-size:11px}.member-copy small{color:#9aa3b2;margin-top:3px;font-size:9px}.member-actions{gap:6px;display:flex}.member-empty{color:var(--muted);text-align:center;border-bottom:1px solid var(--border);padding:20px 4px;font-size:12px}.member-form{background:#f8fafc;border:1px solid #e5eaf1;border-radius:15px;grid-template-columns:1fr 1.2fr 1fr auto;align-items:end;gap:10px;padding:15px;display:grid}.member-form .field{margin:0}.member-form .btn{white-space:nowrap;width:auto;min-height:44px}@media (max-width:760px){.settings-tabs{overscroll-behavior-x:contain;scrollbar-width:none;display:flex;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button{flex:none;min-width:112px}.settings-tabs button:last-child{min-width:166px}.settings-tabs.setup-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.setup-tabs button,.setup-tabs button:last-child{min-width:0}.setup-tabs button>span:nth-child(2){white-space:normal;line-height:1.2}.setup-overview{grid-template-columns:1fr 1fr}.setup-overview>div:first-child{grid-column:1/-1}.setup-steps,.unbound-device-row{grid-template-columns:1fr}.unbound-device-row label{grid-template-columns:36px minmax(0,1fr)}.member-card-head{display:block}.member-count{margin-top:10px;display:inline-flex}.member-row{grid-template-columns:42px minmax(0,1fr)}.member-actions{grid-column:1/-1}.member-actions .btn{flex:1}.member-form{grid-template-columns:1fr}.member-form .btn{width:100%}.homes-settings-row{grid-template-columns:42px minmax(0,1fr)}.homes-settings-actions{grid-column:1/-1}.homes-settings-actions .btn{text-align:center;flex:1}.homes-settings-form{grid-template-columns:1fr}.homes-settings-form .btn{width:100%}}.scene-list{border-top:1px solid var(--border);margin:18px 0}.scene-list-row{border-bottom:1px solid var(--border);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.scene-list-icon{background:#f0f1ff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.scene-list-row strong,.scene-list-row small{display:block}.scene-list-row strong{font-size:13px}.scene-list-row small{color:var(--muted);margin-top:3px;font-size:10px}.scene-form{background:#f8fafc;border:1px solid #e5eaf1;border-radius:16px;padding:15px}.scene-form-head{grid-template-columns:80px minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.scene-form-head .field{margin:0}.scene-form-head .btn{width:auto}.scene-device-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:330px;margin:14px 0;display:grid;overflow:auto}.scene-device-row{background:#fff;border:1px solid #e3e8ef;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:9px 10px;transition:all .16s;display:flex}.scene-device-row.selected{background:#f4fcf7;border-color:#b9dfc8}.scene-device-row label{cursor:pointer;align-items:center;gap:7px;min-width:0;display:flex}.scene-device-row label span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.scene-state{background:#edf0f4;border-radius:8px;flex:none;padding:2px;display:flex}.scene-state button{color:#8d96a5;background:0 0;border:0;border-radius:6px;min-height:25px;padding:4px 7px;font-size:8px;font-weight:800}.scene-state button.active{color:#087d38;background:#dff6e8}.scene-state button.active.off{color:#5f6979;background:#fff}.scene-state button:disabled{opacity:.45}@media (max-width:680px){.scene-form-head{grid-template-columns:70px 1fr}.scene-form-head .btn{grid-column:1/-1;width:100%}.scene-device-list{grid-template-columns:1fr;max-height:380px}}.health-overall{border-radius:999px;flex:none;padding:7px 11px;font-size:9px;font-weight:850}.health-overall.healthy{color:#087e39;background:#e6f8ed}.health-overall.warning{color:#b36d08;background:#fff3da}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.health-item,.notification-control{text-align:left;background:#fbfcfe;border:1px solid #e4e9f0;border-radius:14px;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:61px;padding:11px 13px;display:grid}.health-item strong,.health-item small,.notification-control strong,.notification-control small{display:block}.health-item strong,.notification-control strong{font-size:11px}.health-item small,.notification-control small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.health-dot{border-radius:50%;width:9px;height:9px}.health-dot.ok{background:#20bd62;box-shadow:0 0 0 5px #20bd621a}.health-dot.bad{background:#ee526d;box-shadow:0 0 0 5px #ee526d1a}.notification-control{cursor:pointer;border-color:#e1e6ee;grid-template-columns:28px minmax(0,1fr) auto}.notification-control>span{font-size:19px}.notification-control>b{color:#929baa;font-size:8px}.notification-control.enabled{background:#f0fbf4;border-color:#a9dfbc}.notification-control.enabled>b{color:#07823a}.homes-settings-list{gap:10px;margin-top:18px;display:grid}.homes-settings-row{border:1px solid var(--border);background:#fbfcfe;border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.homes-settings-row.current{background:#f6f6ff;border-color:#bfc5f5}.homes-settings-icon{background:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 4px 14px #1f294b14}.homes-settings-copy strong,.homes-settings-copy span,.homes-settings-copy small{display:block}.homes-settings-copy span{color:#5c6677;margin-top:3px;font-size:12px}.homes-settings-copy small{color:var(--muted);margin-top:2px;font-size:10px}.homes-settings-actions{align-items:center;gap:7px;display:flex}.current-home-badge{color:#3e43ad;background:#e8e9ff;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.homes-settings-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:16px;display:grid}.homes-settings-form .field{margin:0}@media (min-width:900px){.health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.health-grid{grid-template-columns:1fr}}.schedule-list,.auto-off-list{border-top:1px solid var(--border);margin:18px 0}.auto-off-row{border-bottom:1px solid var(--border);grid-template-columns:42px minmax(0,1fr) 42px auto auto;align-items:center;gap:9px;padding:12px 0;transition:all .16s;display:grid}.auto-off-row.disabled{opacity:.56}.auto-off-icon{color:#5360ca;background:#eef0ff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.auto-off-copy strong,.auto-off-copy span,.auto-off-copy small{display:block}.auto-off-copy strong{font-size:12px}.auto-off-copy span{color:#596579;margin-top:2px;font-size:10px}.auto-off-copy small{color:#8d97a7;margin-top:3px;font-size:9px;line-height:1.35}.auto-off-form{background:#f8fafc;border:1px solid #e5eaf1;border-radius:16px;padding:15px}.auto-off-form-grid{grid-template-columns:minmax(150px,1.4fr) minmax(90px,.55fr) minmax(100px,.65fr) minmax(180px,1fr);align-items:end;gap:10px;display:grid}.auto-off-form-grid .field{margin:0}.auto-off-notify{cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:11px;align-items:center;gap:9px;min-height:44px;padding:7px 10px;display:flex}.auto-off-notify input{width:17px;height:17px;accent-color:var(--primary)}.auto-off-notify strong,.auto-off-notify small{display:block}.auto-off-notify strong{font-size:10px}.auto-off-notify small{color:var(--muted);margin-top:2px;font-size:8px}.auto-off-form-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.auto-off-form-actions .btn{width:auto}.schedule-row{border-bottom:1px solid var(--border);grid-template-columns:60px minmax(0,1fr) 42px auto;align-items:center;gap:12px;padding:12px 0;transition:all .16s;display:grid}.schedule-row.disabled{opacity:.55}.schedule-time{color:#162038;font:800 18px Manrope,sans-serif}.schedule-copy strong,.schedule-copy span,.schedule-copy small{display:block}.schedule-copy strong{font-size:12px}.schedule-copy span{color:#596579;margin-top:2px;font-size:10px}.schedule-copy small{color:#9aa3b2;margin-top:3px;font-size:9px}.schedule-switch{cursor:pointer;background:#dce1e8;border:0;border-radius:99px;width:40px;height:23px;transition:all .18s;position:relative}.schedule-switch:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0000002e}.schedule-switch.on{background:#18aa54}.schedule-switch.on:after{transform:translate(17px)}.schedule-form{background:#f8fafc;border:1px solid #e5eaf1;border-radius:16px;padding:15px}.schedule-form-grid{grid-template-columns:1.2fr 1fr 120px;gap:10px;display:grid}.schedule-form-grid .field{margin:0}.weekday-picker{grid-template-columns:repeat(7,1fr);gap:5px;margin:14px 0;display:grid}.weekday-picker button{color:#7b8595;cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:9px;min-height:34px;font-size:9px;font-weight:800}.weekday-picker button.active{color:#087c38;background:#e9f9ef;border-color:#9bd6b1}@media (max-width:680px){.auto-off-row{grid-template-columns:42px minmax(0,1fr) 42px}.auto-off-row>.btn{grid-column:auto}.auto-off-row>.btn.secondary{grid-column:1/3}.auto-off-row>.btn.danger{grid-column:3}.auto-off-form-grid{grid-template-columns:1fr 1fr}.auto-off-form-grid>.field:first-child,.auto-off-notify{grid-column:1/-1}.auto-off-form-actions .btn{flex:1}.schedule-row{grid-template-columns:55px minmax(0,1fr) 40px}.schedule-row>.btn{grid-column:1/-1;width:100%}.schedule-form-grid{grid-template-columns:1fr}.weekday-picker{gap:3px}.weekday-picker button{padding:0}}@media (max-width:390px){.home-quick-control{grid-template-columns:1fr}.home-all-off{min-height:48px}.device-grid{gap:8px}.device-card{min-height:60px;padding:5px 7px}.device-compact-main{grid-template-columns:36px minmax(0,1fr);gap:7px;min-height:48px}.device-icon{width:36px;height:36px}.rooms-column>.section-heading{align-items:flex-start}.rooms-column>.section-heading .section-tools{flex-direction:column-reverse;align-items:flex-end}.order-manager{padding:10px}.order-device-list{padding-inline:8px}.order-arrows button{width:34px;height:34px}.device-search-panel{grid-template-columns:34px minmax(0,1fr) auto}.device-search-icon{width:34px;height:34px}.device-search-panel>small{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.ios-network-banner{z-index:500;top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));color:#7c2d12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff7edf7;border:1px solid #fed7aa;border-radius:15px;align-items:center;gap:10px;width:min(460px,100% - 20px);min-height:54px;margin-inline:auto;padding:10px 14px;display:flex;position:fixed;box-shadow:0 14px 40px #7c2d122e}.ios-network-banner>span{color:#fff;background:#ea580c;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.ios-network-banner strong,.ios-network-banner small{display:block}.ios-network-banner strong{font-size:12px}.ios-network-banner small{opacity:.78;margin-top:2px;font-size:10px}.ios-install-prompt{z-index:450;left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:calc(76px + max(10px, env(safe-area-inset-bottom)));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffffff5;border:1px solid #d2d8e2e6;border-radius:20px;grid-template-columns:48px minmax(0,1fr) auto 32px;align-items:center;gap:10px;width:min(560px,100% - 20px);min-height:76px;margin-inline:auto;padding:11px 10px 11px 12px;display:grid;position:fixed;box-shadow:0 18px 55px #0f172a33}.ios-install-prompt>img{border-radius:12px;width:48px;height:48px;box-shadow:0 4px 12px #0f172a29}.ios-install-prompt strong,.ios-install-prompt small{display:block}.ios-install-prompt strong{color:#182035;font-size:12px;line-height:1.25}.ios-install-prompt small{color:#788398;margin-top:3px;font-size:9px;line-height:1.35}.ios-install-action{color:#fff;background:#5965df;border:0;border-radius:12px;min-width:58px;min-height:44px;padding:0 10px;font-size:11px;font-weight:800}.ios-install-close{color:#8b95a5;background:0 0;border:0;width:32px;height:44px;font-size:24px;line-height:1}.ios-guide-backdrop{z-index:600;padding:20px max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080d187a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ios-guide-sheet{width:min(100%,520px);max-height:calc(var(--app-height,100dvh) - max(20px, env(safe-area-inset-top)));overscroll-behavior:contain;padding:9px 22px max(22px, env(safe-area-inset-bottom));color:#182035;text-align:center;background:#fff;border-radius:28px 28px 0 0;overflow-y:auto;box-shadow:0 -20px 70px #040a1840}.ios-guide-handle{background:#d6dbe4;border-radius:99px;width:38px;height:5px;margin:0 auto 17px}.ios-guide-icon{border-radius:18px;width:72px;height:72px;box-shadow:0 8px 24px #0f172a29}.ios-guide-sheet h2{margin-top:14px;font-size:22px}.ios-guide-sheet>p{color:#748095;max-width:360px;margin:7px auto 18px;font-size:13px;line-height:1.45}.ios-guide-sheet ol{text-align:left;gap:9px;margin:0 0 18px;list-style:none;display:grid}.ios-guide-sheet li{background:#f8fafc;border:1px solid #e4e8ef;border-radius:16px;grid-template-columns:34px minmax(0,1fr) 32px;align-items:center;gap:10px;min-height:66px;padding:10px 12px;display:grid}.ios-guide-sheet li>span{color:#fff;background:#5965df;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.ios-guide-sheet li strong,.ios-guide-sheet li small{display:block}.ios-guide-sheet li strong{font-size:12px}.ios-guide-sheet li small{color:#7d8797;margin-top:3px;font-size:10px}.ios-guide-sheet li>b{color:#5965df;text-align:center;font-size:23px}.ios-guide-sheet .ios-guide-note{margin:13px auto 0;font-size:10px}.is-standalone .topbar{padding-top:max(14px, calc(env(safe-area-inset-top) + 5px))}.is-standalone .smart-shell{min-height:var(--app-height,100dvh)}.ios-keyboard-open .mobile-nav{display:none}.ios-keyboard-open .smart-content{padding-bottom:12px}.ios-keyboard-open .ios-install-prompt{display:none}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}.auth-wrap{min-height:var(--app-height,100dvh)}.auth-input input{font-size:16px!important}.password-toggle,.schedule-switch,.weekday-picker button,.scene-state button,.btn.sm,.auth-tabs button,.remember-row,.log-card summary,.scene-device-row label{min-width:44px;min-height:44px}.field input,.field select,.field textarea{min-height:44px}.back{align-items:center;min-height:44px;display:inline-flex}}.is-ios input,.is-ios select,.is-ios textarea,.is-ios .auth-input input{font-size:16px!important}.is-ios .password-toggle,.is-ios .schedule-switch,.is-ios .weekday-picker button,.is-ios .scene-state button,.is-ios .btn.sm,.is-ios .auth-tabs button,.is-ios .remember-row,.is-ios .log-card summary,.is-ios .scene-device-row label{min-width:44px;min-height:44px}.is-ios .field input,.is-ios .field select,.is-ios .field textarea,.is-ios input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.is-ios select,.is-ios textarea{min-height:44px}.is-ios .back{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.is-ios .ios-install-close{min-width:44px}@media (max-width:560px){.settings-inline-form>input{min-width:0}.settings-device-controls{grid-template-columns:minmax(0,1fr) minmax(84px,110px) 44px;gap:6px!important;display:grid!important}.settings-device-controls>input,.settings-device-controls>select{width:100%;min-width:0}.settings-device-controls>.btn{width:44px;padding-inline:6px}}@media (orientation:landscape) and (max-height:500px){.ios-install-prompt{bottom:max(10px, env(safe-area-inset-bottom))}.auth-wrap{place-items:start center;overflow-y:auto}}@media (prefers-contrast:more){:root{--muted:#596273;--border:#cdd3dd}.device-card,.card,.quick-scene{border-width:2px}.mobile-nav{background:#fff}}@media (prefers-reduced-transparency:reduce){.mobile-nav,.topbar,.ios-install-prompt,.ios-network-banner{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.ios-guide-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){.status-dot,.mini-dot,.pulse-dot{border:1px solid canvastext}.device-power{border:2px solid buttontext}}.guide-container{max-width:860px}.guide-step{scroll-margin-top:84px}.guide-intro{background:radial-gradient(circle at 90% 0,#7175ff1a,#0000 55%),linear-gradient(150deg,#fff,#f8f9ff);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.guide-intro h2{margin-bottom:7px;font:800 21px Manrope,sans-serif}.guide-intro p{font-size:13px;line-height:1.6}.guide-status{min-width:210px;box-shadow:var(--shadow);background:#fff;border:1px solid #e2e6ee;border-radius:16px;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:10px;padding:13px 15px;display:grid}.guide-status .status-dot{margin:0}.guide-status.ok{background:#f2fbf5;border-color:#bfe5cd}.guide-status strong,.guide-status small{display:block}.guide-status strong{font-size:12px}.guide-status small{color:var(--muted);margin-top:3px;font-size:9px}.guide-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:15px;display:grid}.guide-nav a{color:#677286;text-align:center;background:#fff;border:1px solid #e2e6ee;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:58px;padding:7px 6px;transition:all .16s;display:flex;box-shadow:0 4px 14px #1e293b0a}.guide-nav a:hover{color:#4647c7;border-color:#cfd5f7;transform:translateY(-2px)}.guide-nav a>span{font-size:19px;line-height:1}.guide-nav a b{text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.guide-step-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:13px;margin-bottom:15px;padding-bottom:13px;display:flex}.guide-step-num{color:#fff;background:linear-gradient(135deg,var(--primary),#7374ed);border-radius:13px;flex:0 0 40px;place-items:center;width:40px;height:40px;font:800 17px Manrope,sans-serif;display:grid;box-shadow:0 7px 17px #5b5ce240}.guide-step-head h2{margin-bottom:5px;font:800 17px Manrope,sans-serif}.guide-step-head p{font-size:12px;line-height:1.5}.guide-sub{align-items:center;gap:8px;margin:18px 0 10px;font:800 13px Manrope,sans-serif;display:flex}.guide-sub:first-of-type{margin-top:4px}.guide-badge{color:#0b8d40;letter-spacing:.5px;text-transform:uppercase;background:#eaf9f0;border-radius:99px;padding:4px 8px;font:800 8.5px Manrope,sans-serif}.guide-ol{gap:9px;margin:0 0 14px 4px;padding-left:22px;display:grid}.guide-ol li{color:#3d4759;font-size:12.5px;line-height:1.6}.guide-ol li::marker{color:var(--primary);font-weight:800}.guide-ul{gap:8px;margin:0 0 14px 4px;padding-left:20px;display:grid}.guide-ul li{color:#3d4759;font-size:12.5px;line-height:1.55}.guide-ul li::marker{color:var(--primary)}.guide-checklist{gap:7px;margin:0 0 15px;list-style:none;display:grid}.guide-checklist label{cursor:pointer;background:#fafbfd;border:1px solid #e4e9f0;border-radius:12px;align-items:center;gap:10px;min-height:42px;padding:9px 12px;font-size:12px;line-height:1.45;transition:all .15s;display:flex}.guide-checklist label:hover{background:#f6f7ff;border-color:#d5dbef}.guide-checklist input{width:18px;height:18px;accent-color:var(--primary);flex:0 0 18px}.guide-checklist input:checked+span{color:#8a94a5;text-decoration:line-through}.guide-note{border:1px solid;border-radius:13px;margin:13px 0 6px;padding:12px 14px;font-size:12px;line-height:1.55}.guide-note b{margin-bottom:4px;font-size:11px;display:block}.guide-note p{font-size:12px;line-height:1.55;color:inherit!important}.guide-note.info{color:#3550a8;background:#f4f7ff;border-color:#d3ddf7}.guide-note.warn{color:#8a5b0a;background:#fff9ec;border-color:#f0d8a4}.guide-note.danger{color:#b03a55;background:#fff3f6;border-color:#f5cbd5}.guide-note.success{color:#0b7a3d;background:#f0faf4;border-color:#bce5cb}.guide-table-wrap{border:1px solid var(--border);border-radius:13px;margin:10px 0 16px;overflow-x:auto}.guide-table{border-collapse:collapse;background:#fff;width:100%}.guide-table th{color:#fff;text-align:left;letter-spacing:.3px;background:#2c3450;padding:9px 10px;font:800 9.5px Manrope,sans-serif}.guide-table td{color:#3d4759;border-top:1px solid #edf0f5;padding:8px 10px;font-size:11.5px}.guide-table tbody tr:nth-child(2n) td{background:#f8fafc}.guide-table td code{background:#eef0ff}.guide-code{color:#c9d7f5;white-space:pre;background:#101728;border-radius:13px;margin:10px 0 16px;padding:14px;font:11px/1.7 ui-monospace,Menlo,monospace;position:relative;overflow-x:auto}.guide-code .guide-copy{min-height:30px;box-shadow:none;color:#fff;background:#ffffff1f;border-radius:9px;padding:5px 10px;font-size:9.5px;position:absolute;top:8px;right:8px}.guide-code .guide-copy:hover{background:#fff3}.guide-copy{white-space:nowrap}.guide-inline{color:#4647c7;background:#eef0ff;border-radius:6px;padding:2px 6px;font:600 11px ui-monospace,Menlo,monospace}.guide-downloads{flex-wrap:wrap;gap:8px;margin:4px 0 15px;display:flex}.guide-downloads .btn{width:auto;min-height:44px}.guide-details{background:#fafbfd;border:1px solid #e4e9f0;border-radius:13px;margin:0 0 8px;overflow:hidden}.guide-details summary{cursor:pointer;align-items:center;gap:9px;min-height:47px;padding:11px 14px;font-size:12.5px;list-style:none;display:flex}.guide-details summary::-webkit-details-marker{display:none}.guide-details summary:before{content:"▸";color:var(--primary);font-size:12px;transition:transform .16s}.guide-details[open] summary:before{transform:rotate(90deg)}.guide-details p{color:#4a5568;margin:0;padding:0 14px 13px 38px;font-size:12px;line-height:1.6}.guide-end p{font-size:12px;line-height:1.6}@media (max-width:680px){.guide-intro{grid-template-columns:1fr}.guide-status{min-width:0}.guide-nav{grid-template-columns:repeat(5,1fr);gap:5px}.guide-nav a{min-height:54px}.guide-nav a b{font-size:7.5px}}@media print{@page{margin:12mm}body{background:#fff!important}.no-print,.mobile-nav,.smart-sidebar,.topbar,.guide-nav,.favorite-toast{display:none!important}.smart-content{margin:0!important;padding:0!important}.container{width:100%!important;max-width:none!important;padding:0!important}.card{page-break-inside:avoid;break-inside:avoid;box-shadow:none!important;border:1px solid #d5dbe5!important;border-radius:8px!important}.guide-step,.guide-intro,.guide-end,.guide-step-head,.guide-note,.guide-code,.guide-table-wrap,.guide-details{page-break-inside:avoid;break-inside:avoid}.guide-details>:not(summary){display:block!important}.guide-checklist label{border-color:#e4e9f0!important}.guide-code{color:#16203a!important;background:#f4f6fa!important}.guide-code .guide-copy{display:none!important}.guide-status{box-shadow:none!important}a{color:#111827!important}}