@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#edf4f7;background:#081018;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:280px;overflow-x:hidden}body{margin:0;min-width:280px;min-height:100vh;overflow-x:clip;background:radial-gradient(circle at 82% 8%,rgba(40,210,177,.11),transparent 28rem),linear-gradient(145deg,#081018,#0c151d 60%,#071017)}#root{min-width:0;max-width:100%}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.session-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:#8d9aa3}.auth-shell{width:min(1240px,100%);min-height:100vh;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr}.auth-story{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:48px 8%;overflow:hidden;border-right:1px solid rgba(255,255,255,.07)}.auth-story:before{content:"";position:absolute;width:520px;height:520px;right:-210px;top:16%;border:1px solid rgba(53,225,183,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(53,225,183,.024),0 0 0 140px rgba(53,225,183,.016)}.auth-brand{z-index:1;display:flex;align-items:center;gap:12px;letter-spacing:.15em;font-size:13px}.story-copy{z-index:1;max-width:610px}.story-copy h1{margin:0;font-size:clamp(43px,5vw,68px);line-height:1.12;letter-spacing:-.055em}.story-copy h1 em{color:#35e1b7;font-style:normal}.story-copy>p:last-child{max-width:510px;margin:26px 0 0;color:#87959e;line-height:1.8}.security-note{z-index:1;display:flex;align-items:center;gap:10px;width:fit-content;padding:12px 15px;border:1px solid rgba(53,225,183,.16);border-radius:12px;color:#8ba29f;background:rgba(53,225,183,.043);font-size:12px}.auth-panel{min-height:100vh;display:grid;place-items:center;padding:36px}.auth-card{width:min(430px,100%)}.auth-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;width:min(430px,100%);margin-top:14px;font-size:11px}.auth-legal-links a{color:#637681;text-decoration:none}.auth-legal-links a:hover{color:#16856e;text-decoration:underline}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:42px;padding:4px;border-radius:12px;background:rgba(255,255,255,.04)}.auth-tabs button{padding:10px;border:0;border-radius:9px;color:#6f7e87;background:transparent;cursor:pointer}.auth-tabs button.selected{color:#eaf2f5;background:#1a252d;box-shadow:0 3px 18px rgba(0,0,0,.18)}.auth-form{display:grid;gap:18px}.auth-heading{display:flex;align-items:center;gap:14px;margin-bottom:12px}.auth-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;color:#35e1b7;background:rgba(53,225,183,.09)}.auth-heading h2{margin:0;font-size:24px;letter-spacing:-.035em}.auth-heading p{margin:5px 0 0;color:#72818a;font-size:12px}.auth-form label{display:grid;gap:8px}.auth-form label>span{color:#a8b5bc;font-size:12px;font-weight:500}.auth-form input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.09);border-radius:11px;outline:0;color:#edf4f7;background:rgba(255,255,255,.035);transition:border-color .15s ease,box-shadow .15s ease}.auth-form input:focus{border-color:rgba(53,225,183,.55);box-shadow:0 0 0 3px rgba(53,225,183,.07)}.auth-form input::placeholder{color:#4f5c65}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;top:0;right:0;width:46px;height:48px;display:grid;place-items:center;border:0;color:#6d7b84;background:transparent;cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit-button{height:50px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:4px;border:0;border-radius:11px;color:#071017;background:#35e1b7;font-weight:700;cursor:pointer;box-shadow:0 10px 30px rgba(53,225,183,.12)}.submit-button:disabled{opacity:.65;cursor:wait}.form-message{min-height:23px;display:flex;align-items:center;gap:7px;margin:-2px 0;font-size:12px;line-height:1.5}.form-message.error{color:#ff9c94}.form-message.success{color:#35e1b7}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:0 max(0px,env(safe-area-inset-right)) calc(72px + env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left))}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#071017;background:#35e1b7;box-shadow:0 0 30px rgba(53,225,183,.22)}.brand strong{display:block;font-size:13px;letter-spacing:.16em;white-space:nowrap}.brand span{display:block;margin-top:3px;color:#71808b;font-size:12px}.refresh{display:flex;align-items:center;gap:8px;padding:10px 14px;color:#b9c8cf;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.035);cursor:pointer}.refresh:hover{color:#fff;border-color:rgba(53,225,183,.35)}.topbar-actions{display:flex;align-items:center;gap:8px}.account-chip{display:flex;align-items:center;gap:7px;min-height:39px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#afbdc4;background:transparent;font-family:inherit;font-size:12px;cursor:pointer}.account-chip b{padding:3px 5px;border-radius:5px;color:#35e1b7;background:rgba(53,225,183,.08);font-size:9px}.icon-button{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#7d8b94;background:rgba(255,255,255,.024);cursor:pointer}.icon-button:hover{color:#ff9c94;border-color:rgba(255,156,148,.25)}.connection-manage-button{color:#ec7b9e;border-color:rgba(236,123,158,.18)}.support-open-button{color:#16846f;border-color:rgba(22,132,111,.2);background:rgba(61,214,177,.08)}.connection-manage-button:hover{color:#f59ab7;border-color:rgba(236,123,158,.38)}.connection-manage-button.attention{color:#b4235a;border-color:rgba(180,35,90,.36);background:rgba(255,228,238,.82);box-shadow:0 0 0 3px rgba(236,123,158,.1)}.hero{position:relative;min-height:330px;display:flex;align-items:center;justify-content:space-between;padding:38px 8% 28px 3%}.eyebrow{margin:0 0 15px;color:#35e1b7;font-size:11px;font-weight:700;letter-spacing:.22em}.hero h1{margin:0;font-size:clamp(44px,6vw,76px);line-height:1.08;letter-spacing:-.055em}.hero h1 em{color:#35e1b7;font-style:normal}.hero-copy{max-width:490px;margin:25px 0 0;color:#8d9aa3;line-height:1.75}.status-orbit{position:relative;width:230px;height:230px;display:grid;place-items:center}.orbit-core{z-index:2;display:grid;place-items:center;width:154px;height:154px;border:1px solid rgba(53,225,183,.3);border-radius:50%;background:radial-gradient(circle,rgba(53,225,183,.13),rgba(10,21,28,.76));box-shadow:0 0 65px rgba(53,225,183,.1),inset 0 0 35px rgba(53,225,183,.07)}.orbit-core span{margin-top:25px;font-size:46px;font-weight:600}.orbit-core small{align-self:start;color:#71808b}.orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed rgba(255,255,255,.12);border-radius:50%;animation:orbit 30s linear infinite}.orbit-ring:after{content:"";position:absolute;top:21px;right:35px;width:8px;height:8px;border-radius:50%;background:#35e1b7;box-shadow:0 0 18px #35e1b7}.provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.provider-card{min-height:84px;display:flex;align-items:center;gap:13px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.03)}.provider-card>div:nth-child(2){flex:1}.provider-card strong{display:block;font-size:14px}.provider-card span{display:block;margin-top:5px;color:#71808b;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#56616a}.status-dot.online{background:#35e1b7;box-shadow:0 0 13px rgba(53,225,183,.7)}.safety{color:#8d9aa3}.safety.unlocked{color:#f5bd63;border-color:rgba(245,189,99,.25)}.home-services-section,.devices-section{margin-top:44px}.home-services-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.6fr);gap:12px}.elevator-service-card,.energy-service-card,.aptner-service-card{min-width:0;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:rgba(255,255,255,.024)}.aptner-service-card{grid-column:span 2}.service-card-heading{min-width:0;display:flex;align-items:center;gap:11px}.service-card-heading>div:nth-child(2){min-width:0}.service-card-heading h3{margin:0;color:#ebf3f5;font-size:15px}.service-card-heading p{margin:4px 0 0;overflow:hidden;color:#71818a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.service-icon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#35e1b7;background:rgba(53,225,183,.086)}.service-icon.aptner-icon,.integration-logo.aptner{color:#4b8dff;background:rgba(75,141,255,.1)}.integration-logo.xiaomi{color:#ff8a35;background:rgba(255,138,53,.11)}.integration-logo.tuya{color:#2f8cff;background:rgba(47,140,255,.12)}.xiaomi-captcha-box{display:grid;gap:11px;margin-top:13px;padding:13px;border:1px solid rgba(255,138,53,.24);border-radius:14px;background:rgba(255,138,53,.08)}.xiaomi-captcha-box>div{display:grid;gap:3px}.xiaomi-captcha-box strong{color:#18303b;font-size:13px}.xiaomi-captcha-box span{color:#647a84;font-size:11px}.xiaomi-captcha-box img{width:fit-content;max-width:100%;min-height:40px;padding:7px;border:1px solid rgba(31,73,84,.12);border-radius:10px;background:#fff}.service-refresh-button{width:38px;height:38px;display:grid;place-items:center;margin-left:auto;border:1px solid rgba(255,255,255,.085);border-radius:9px;color:#8aa0ab;background:#111c23;cursor:pointer}.service-refresh-button:disabled{opacity:.55;cursor:wait}.elevator-floor-field{display:grid;gap:6px;margin-top:17px}.elevator-floor-field>span{color:#83939b;font-size:10px}.elevator-floor-field select{width:100%;height:42px;padding:0 11px;border:1px solid rgba(255,255,255,.085);border-radius:9px;color:#d9e4e7;background:#111c23;opacity:1}.service-hint{min-height:34px;margin:10px 0 13px;color:#6f7f88;font-size:10px;line-height:1.55}.elevator-call-button{width:100%;min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(53,225,183,.24);border-radius:10px;color:#35e1b7;background:rgba(53,225,183,.07);font-weight:600;cursor:pointer}.elevator-call-button:disabled{opacity:.46;cursor:not-allowed}.service-message{margin:9px 0 0;color:#9fb0b8;font-size:10px;line-height:1.45}.energy-heading{align-items:flex-start}.energy-period{min-width:138px;height:38px;display:flex;align-items:center;gap:6px;margin-left:auto;padding:0 8px;border:1px solid rgba(255,255,255,.085);border-radius:9px;color:#7f9098;background:#111c23}.energy-period input{width:105px;border:0;outline:0;color:#c9d6da;background:transparent;font-size:11px;color-scheme:dark}.energy-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:7px;margin-top:17px}.aptner-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;margin-top:17px}.aptner-fee-toolbar{display:flex;justify-content:flex-end;margin-top:15px}.aptner-fee-toolbar label{min-width:min(260px,100%);display:grid;gap:6px}.aptner-fee-toolbar span{color:#83939b;font-size:10px}.aptner-fee-toolbar select{width:100%;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.085);border-radius:9px;color:#d9e4e7;background:#111c23}.aptner-fee-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.aptner-fee-details-heading{width:100%;min-height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.055);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aebdc3;font-size:11px;background:rgba(0,0,0,.08);cursor:pointer;text-align:left}.aptner-fee-details-heading:hover{border-color:rgba(66,226,188,.22);background:rgba(66,226,188,.08)}.aptner-fee-details-heading span{color:#70828b;font-size:10px}.aptner-fee-detail-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;margin-top:9px}.aptner-fee-detail-list>div{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(0,0,0,.09)}.aptner-fee-detail-list span{overflow:hidden;color:#7d8f98;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.aptner-fee-detail-list b{color:#eaf4f5;font-size:11px;white-space:nowrap}.energy-metric{min-width:0;display:grid;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(0,0,0,.11)}.energy-metric-title{display:flex;align-items:center;gap:6px;color:#71838b}.energy-metric-title strong{color:#aebdc3;font-size:10px}.energy-metric>b{margin:9px 0 7px;overflow:hidden;color:#edf5f6;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.energy-metric>b small{margin-left:3px;color:#7b8c94;font-size:9px}.energy-metric>span{margin-top:3px;color:#697982;font-size:9px}.energy-metric.fee-trend{position:relative;overflow:hidden}.energy-metric.fee-trend:after{content:"";position:absolute;inset:auto 8px 8px auto;width:38px;height:38px;border-radius:999px;opacity:.12;pointer-events:none}.energy-metric.fee-trend.up{border-color:rgba(248,113,113,.22);background:linear-gradient(145deg,rgba(60,24,24,.2),rgba(0,0,0,.1))}.energy-metric.fee-trend.down{border-color:rgba(45,212,191,.24);background:linear-gradient(145deg,rgba(14,58,50,.2),rgba(0,0,0,.1))}.energy-metric.fee-trend.same{border-color:rgba(148,163,184,.16)}.energy-metric.fee-trend.up:after{background:#f87171}.energy-metric.fee-trend.down:after{background:#2dd4bf}.energy-metric.fee-trend.same:after{background:#94a3b8}.energy-metric.fee-trend.up .energy-metric-title,.energy-metric.fee-trend.up .fee-trend-label{color:#fca5a5}.energy-metric.fee-trend.down .energy-metric-title,.energy-metric.fee-trend.down .fee-trend-label{color:#5eead4}.energy-metric.fee-trend.same .energy-metric-title,.energy-metric.fee-trend.same .fee-trend-label{color:#cbd5e1}.fee-trend-label{font-size:10px;font-weight:800}.fee-trend-detail{color:#82939c;font-size:8px}.energy-metric .energy-estimate{margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);color:#9ee8d5;font-size:11px}.energy-metric .energy-estimate-range{color:#62747d;font-size:8px}.energy-metric .energy-estimate-basis{min-height:22px;color:#566871;font-size:7px;line-height:1.35}.energy-loading,.energy-empty{min-height:105px;display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;color:#74858e;font-size:11px}.admin-section{margin-top:66px}.family-invite-card{margin-bottom:28px;padding:18px;border:1px solid rgba(124,184,255,.18);border-radius:17px;background:linear-gradient(145deg,rgba(124,184,255,.067),rgba(255,255,255,.02))}.family-invite-heading{display:flex;align-items:center;gap:11px}.family-invite-heading>span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#7cb8ff;background:rgba(124,184,255,.1)}.family-invite-heading h3{margin:0;font-size:15px}.family-invite-heading p{margin:4px 0 0;color:#788993;font-size:10px}.create-invite-button,.invite-actions button{min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;padding:0 13px;border:1px solid rgba(124,184,255,.22);border-radius:9px;color:#9cc9ff;background:rgba(124,184,255,.07);cursor:pointer}.invite-link{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 11px;overflow:hidden;border-radius:9px;color:#8ea1aa;background:rgba(0,0,0,.14);font-size:10px}.invite-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-actions{display:flex;flex-wrap:wrap;gap:7px}.invite-actions button.secondary{color:#7c8b93;border-color:rgba(255,255,255,.08)}.invite-message{margin:9px 0 0;color:#8fa7b1;font-size:10px}.admin-heading>span{display:flex;align-items:center;gap:6px}.admin-empty{min-height:92px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px dashed rgba(255,255,255,.1);border-radius:16px;color:#70808a;font-size:13px}.approval-list{display:grid;gap:10px}.approval-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:15px 17px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.024)}.approval-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#35e1b7;background:rgba(53,225,183,.09);font-weight:700}.approval-person strong{display:block;font-size:14px}.approval-person span{display:block;margin-top:4px;color:#71808b;font-size:11px}.approval-row time{color:#64717a;font-size:11px}.approval-actions{display:flex;gap:7px}.approval-actions button{display:flex;align-items:center;gap:5px;padding:8px 10px;border-radius:8px;background:transparent;cursor:pointer;font-size:11px}.approval-actions .reject{border:1px solid rgba(255,156,148,.18);color:#bf7c77}.approval-actions .approve{border:1px solid rgba(53,225,183,.22);color:#35e1b7}.approval-actions button:disabled{opacity:.5;cursor:wait}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{margin:0;font-size:28px;letter-spacing:-.03em}.section-heading>span{color:#71808b;font-size:13px}.view-mode-control{display:flex;align-items:center;gap:9px;padding:6px;border:1px solid rgba(18,153,126,.28);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(26,104,89,.13)}.view-mode-label{display:inline-flex;align-items:center;gap:5px;color:#27685b;font-size:12px;font-weight:850;white-space:nowrap}.view-mode-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(31,73,84,.12);border-radius:999px;background:rgba(255,255,255,.62);box-shadow:0 8px 20px rgba(39,64,76,.07)}.view-mode-toggle button{min-height:32px;padding:0 12px;border:0;border-radius:999px;color:#617680;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.view-mode-toggle button.active{color:#073e35;background:linear-gradient(135deg,#54e8c3,#d6fff4);box-shadow:0 8px 18px rgba(35,184,149,.18)}.device-heading-actions .view-mode-toggle button{min-height:38px;padding:0 15px;border:0;color:#587078;background:transparent;font-size:12px;font-weight:850;white-space:nowrap}.device-heading-actions .view-mode-toggle button.active{color:#064739;background:linear-gradient(135deg,#48dfb9,#caffef);box-shadow:0 7px 18px rgba(26,169,135,.24)}.compact-dashboard{display:grid;gap:10px}.compact-dashboard-hint{margin:-5px 0 2px;color:#6c8089;font-size:11px}.compact-card-grid{--compact-card-collapsed-height: 244px;display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));grid-auto-rows:auto;gap:10px;align-items:start}.compact-card{position:relative;min-width:0;min-height:var(--compact-card-collapsed-height);display:flex;flex-direction:column;gap:6px;padding:12px 12px 56px;border:1px solid rgba(31,73,84,.12);border-radius:17px;color:#21353e;background:radial-gradient(circle at top right,rgba(53,225,183,.18),transparent 42%),rgba(255,255,255,.78);box-shadow:0 12px 28px rgba(41,67,78,.08);cursor:pointer;touch-action:manipulation;user-select:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .18s ease,min-height .24s cubic-bezier(.22,1,.36,1)}.compact-card:not(.expanded){height:var(--compact-card-collapsed-height);overflow:hidden}.compact-card:hover{transform:translateY(-2px);border-color:rgba(35,184,149,.35)}.compact-card.active{border-color:rgba(35,184,149,.38);background:radial-gradient(circle at top right,rgba(35,184,149,.25),transparent 43%),rgba(255,255,255,.86)}.compact-card.powered-off{border-color:rgba(87,108,117,.16);background:linear-gradient(145deg,rgba(248,250,250,.96),rgba(235,240,241,.9));box-shadow:0 8px 20px rgba(54,70,76,.07)}.compact-card.powered-off .compact-icon{color:#778b93;background:rgba(100,116,126,.11)}.compact-card.powered-off .compact-primary,.compact-card.powered-off .compact-facts>div{background:rgba(91,108,116,.08)}.compact-card.powered-off .compact-primary small,.compact-card.powered-off .compact-primary b,.compact-card.powered-off .compact-facts dd{color:#52666f}.compact-card.powered-off .compact-quick-controls{opacity:.76}.compact-card.powered-off:hover{border-color:rgba(87,108,117,.28)}.compact-card.powered-offline{border-color:rgba(179,92,92,.18);background:linear-gradient(145deg,rgba(249,247,247,.96),rgba(239,235,235,.9))}.compact-card.expanded{grid-column:span 2;min-height:var(--compact-card-collapsed-height);height:auto;overflow:visible;align-self:start;box-shadow:0 18px 42px rgba(41,67,78,.13)}.compact-expansion{display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden;transform:translateY(-4px);transition:grid-template-rows .24s cubic-bezier(.22,1,.36,1),opacity .15s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .24s}.compact-expansion.open{grid-template-rows:1fr;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0);transition-delay:0s}.compact-expansion-inner{min-height:0;overflow:hidden}.compact-card.dragging{opacity:.72;transform:scale(.97);outline:2px dashed rgba(35,184,149,.55)}.compact-dashboard.reordering .compact-dashboard-hint{color:#0b6d5b;font-weight:800}.compact-dashboard.reordering .compact-card:not(.dragging){animation:compact-wiggle .16s infinite alternate ease-in-out}@keyframes compact-wiggle{0%{transform:rotate(-.45deg)}to{transform:rotate(.45deg)}}.compact-card-top{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.compact-card-meta{min-width:0;display:grid;justify-items:end;gap:4px}.compact-power-badge,.device-power-badge{display:inline-flex;align-items:center;gap:3px;width:max-content;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:900;line-height:1}.compact-power-badge.on,.device-power-badge.on{color:#08735f;background:rgba(35,184,149,.14)}.compact-power-badge.off,.device-power-badge.off{color:#5e7078;background:rgba(91,108,116,.12)}.compact-power-badge.offline,.device-power-badge.offline{color:#a34f4f;background:rgba(190,83,83,.1)}.compact-power-badge.quick-toggle{min-height:36px;padding:4px 7px;border:0;font-family:inherit;cursor:pointer}.compact-power-badge.quick-toggle:disabled{opacity:.5;cursor:wait}.compact-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;color:#12856f;background:rgba(35,184,149,.12)}.compact-card small{min-width:0;overflow:hidden;color:#6f828b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.compact-card strong{min-height:30px;display:-webkit-box;overflow:hidden;color:#172c35;font-size:12px;line-height:1.3;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}.compact-card b{min-width:0;max-width:100%;overflow:hidden;color:#0b6d5b;font-size:17px;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.compact-primary{min-width:0;display:grid;gap:2px;padding:6px 7px;border-radius:10px;background:rgba(35,184,149,.075)}.compact-primary small{color:#598078;font-size:8px;font-weight:800}.compact-primary b{display:block;line-height:1.15}.compact-card>span{min-height:2.7em;display:-webkit-box;overflow:hidden;color:#637982;font-size:11px;line-height:1.35;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.compact-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:2px 0 0}.compact-facts>div{min-width:0;padding:5px 6px;border-radius:9px;background:rgba(31,73,84,.05)}.compact-facts>div[data-emphasis=time],.compact-facts>div[data-emphasis=status],.compact-facts>div[data-emphasis=mode]{background:rgba(35,184,149,.09)}.compact-facts>div[data-emphasis=time] dd,.compact-facts>div[data-emphasis=status] dd,.compact-facts>div[data-emphasis=mode] dd{color:#0b6d5b}.compact-facts>div:only-child{grid-column:1 / -1}.compact-facts dt{overflow:hidden;color:#78909a;font-size:8px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.compact-facts dd{min-height:2.3em;display:-webkit-box;margin:2px 0 0;overflow:hidden;color:#20343f;font-size:10px;font-weight:800;line-height:1.15;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.compact-quick-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:4px;margin-top:1px}.compact-quick-controls label{min-width:0;display:grid;gap:2px}.compact-quick-controls span{overflow:hidden;color:#78909a;font-size:7px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.compact-quick-controls select{width:100%;min-width:0;height:36px;padding:0 5px;border:1px solid rgba(31,73,84,.13);border-radius:8px;color:#173a3a;background:rgba(255,255,255,.86);font-size:10px;font-weight:800}.compact-quick-controls select:disabled{opacity:.48;cursor:wait}.compact-card.has-quick-temperature:not(.expanded){padding-bottom:56px}.compact-card.has-quick-temperature:not(.expanded)>.compact-quick-controls,.compact-card.has-quick-temperature:not(.expanded)>.compact-inline-controls{position:absolute;right:90px;bottom:8px;left:10px;z-index:3;margin:0}.compact-card.has-quick-temperature:not(.expanded)>.compact-quick-controls{grid-template-columns:minmax(0,1fr)}.compact-card.has-quick-temperature:not(.expanded)>.compact-quick-controls span,.compact-card.has-quick-temperature:not(.expanded)>.compact-inline-controls label>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.compact-card.has-quick-temperature:not(.expanded)>.compact-quick-controls select,.compact-card.has-quick-temperature:not(.expanded)>.compact-inline-controls select{height:36px}.compact-card.has-quick-temperature:not(.expanded)>.compact-facts{display:none}.compact-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin-top:auto}.compact-progress i{height:7px;overflow:hidden;border-radius:999px;background:rgba(31,73,84,.1)}.compact-progress i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#23b895,#78edcf)}.compact-progress em{color:#16856e;font-size:10px;font-style:normal;font-weight:800}.compact-pending{position:absolute;top:8px;left:50%;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;color:#0b6d5b;background:rgba(225,255,247,.94);box-shadow:0 8px 20px rgba(35,184,149,.14);font-size:9px;transform:translate(-50%)}.compact-move-button,.compact-hide-button{position:absolute;bottom:8px;z-index:2;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(31,73,84,.09);border-radius:10px;color:#7a8d96;background:rgba(255,255,255,.72);box-shadow:0 8px 18px rgba(41,67,78,.08);cursor:pointer;opacity:.72}.compact-move-button{right:48px;color:#16856e}.compact-hide-button{right:8px}.compact-move-button:hover,.compact-hide-button:hover{opacity:1}.compact-move-button:hover{color:#073e35;border-color:rgba(35,184,149,.25)}.compact-hide-button:hover{color:#b44848;border-color:rgba(213,91,91,.22)}.compact-move-button:disabled,.compact-hide-button:disabled{opacity:.35;cursor:wait}.compact-primary-action,.compact-controls button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid rgba(35,184,149,.24);border-radius:11px;color:#0b6d5b;background:rgba(35,184,149,.08);font-size:11px;font-weight:800;cursor:pointer}.compact-primary-action:disabled,.compact-controls button:disabled{opacity:.48;cursor:wait}.compact-expanded-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:4px 0 0}.compact-expanded-list>div{min-width:0;padding:7px;border-radius:10px;background:rgba(31,73,84,.055)}.compact-expanded-list dt{overflow:hidden;color:#6f828b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.compact-expanded-list dd{margin:3px 0 0;overflow:hidden;color:#1f343d;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.compact-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.compact-card.expanded .compact-controls>button:last-child{display:none}.compact-controls button.on{color:#053d34;background:linear-gradient(135deg,#54e8c3,#d7fff4)}.compact-inline-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));gap:7px;margin-top:4px}.compact-inline-controls label{min-width:0;display:grid;gap:4px}.compact-inline-controls label>span{overflow:hidden;color:#6f828b;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.compact-inline-controls select{width:100%;height:40px;min-width:0;padding:0 8px;border:1px solid rgba(31,73,84,.12);border-radius:10px;color:#20343f;background:rgba(255,255,255,.8);font-size:11px;font-weight:800}.compact-inline-controls select:disabled{opacity:.5}.camera-preview-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;margin-top:8px;padding:10px;border:1px solid rgba(31,73,84,.1);border-radius:12px;color:#526a75;background:rgba(255,255,255,.62)}.camera-preview-card>svg{margin-top:2px;color:#16856e}.camera-preview-card strong{min-height:0;display:block;color:#20343f;font-size:12px;line-height:1.25}.camera-preview-card span{display:block;margin-top:4px;color:#647a84;font-size:10px;line-height:1.45;white-space:normal}.camera-preview-card a{display:inline-flex;width:fit-content;margin-top:7px;color:#0f766e;font-size:10px;font-weight:800;text-decoration:none}.camera-preview-card code{display:block;max-width:100%;margin-top:7px;padding:6px 7px;overflow:hidden;border-radius:8px;color:#526a75;background:rgba(31,73,84,.06);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.camera-preview-card.large{margin:0 0 12px;background:rgba(255,255,255,.78)}.device-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.device-card{position:relative;min-height:250px;display:flex;flex-direction:column;padding:21px;border:1px solid rgba(255,255,255,.075);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.043),rgba(255,255,255,.02));transition:transform .16s ease,border-color .16s ease;cursor:pointer}.device-action-indicator{position:absolute;z-index:3;top:12px;left:50%;display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid rgba(53,225,183,.25);border-radius:20px;color:#9ee8d5;background:rgba(8,19,25,.92);box-shadow:0 5px 18px rgba(0,0,0,.28);font-size:9px;transform:translate(-50%);white-space:nowrap}.device-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.15)}.device-card.active{border-color:rgba(53,225,183,.23)}.device-top,.device-bottom{display:flex;align-items:center;justify-content:space-between}.device-top-meta{display:grid;justify-items:end;gap:5px}.device-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;color:#80909a;background:rgba(255,255,255,.055)}.active .device-icon,.device-icon.active{color:#35e1b7;background:rgba(53,225,183,.1)}.provider-pill{padding:5px 8px;border-radius:7px;color:#81909a!important;background:rgba(255,255,255,.05);font-size:10px!important}.provider-pill.smartthings{color:#7cb8ff!important}.provider-pill.daelim{color:#35e1b7!important}.provider-pill.thinq{color:#ec7b9e!important}.provider-pill.webos{color:#ad8cff!important}.integration-section{margin-top:56px}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.integration-card{padding:21px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.027)}.integration-card.connected-card{min-width:0;padding:15px;border-color:rgba(53,225,183,.13);background:linear-gradient(145deg,rgba(53,225,183,.043),rgba(255,255,255,.02))}.integration-card-heading{display:flex;align-items:center;gap:12px}.integration-card-heading>div:nth-child(2){flex:1}.integration-card-heading strong{display:block;font-size:15px}.integration-card-heading span{display:block;margin-top:4px;color:#71808b;font-size:11px}.integration-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#7cb8ff;background:rgba(124,184,255,.09)}.integration-logo.thinq{color:#ec7b9e;background:rgba(236,123,158,.09)}.integration-logo.webos{color:#ad8cff;background:rgba(173,140,255,.1)}.integration-logo.daelim{color:#35e1b7;background:rgba(53,225,183,.09)}.connected-check{color:#35e1b7}.connection-complete{min-height:54px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;margin-top:14px;padding:9px 11px;border:1px solid rgba(53,225,183,.2);border-radius:11px;color:#35e1b7;background:rgba(53,225,183,.075)}.connection-complete>svg{grid-row:1 / -1}.connection-complete strong{font-size:14px}.connection-complete span{color:#7f9994;font-size:10px}.connection-actions{min-height:38px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;margin-top:5px}.compact-action{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:0;border-radius:8px;color:#82919a;background:transparent;font-size:10px;text-decoration:none;cursor:pointer}.compact-action:hover{color:#d9e5e9;background:rgba(255,255,255,.043)}.compact-action.permission-action{color:#f5bd63;background:rgba(245,189,99,.07)}.integration-card>p{margin:17px 0 13px;color:#7f8d96;font-size:12px;line-height:1.65}.integration-card>a{width:fit-content;display:flex;align-items:center;gap:6px;color:#a9bac3;font-size:12px;text-decoration:none}.integration-dialog{width:min(1060px,100%);max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto;border:1px solid rgba(31,73,84,.13);border-radius:20px;background:#f7fbfb;box-shadow:0 28px 90px rgba(26,57,66,.24)}.integration-dialog-heading{position:sticky;z-index:3;top:-20px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-20px -20px 0;padding:18px 20px 14px;border-bottom:1px solid rgba(31,73,84,.08);background:rgba(247,251,251,.96);backdrop-filter:blur(12px)}.integration-dialog-heading h2{margin:3px 0 0;color:#20343f;font-size:21px}.integration-dialog .integration-section{margin-top:18px}.integration-dialog .integration-section>.section-heading{display:none}.support-dialog{width:min(760px,100%);max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto;border:1px solid rgba(31,73,84,.12);border-radius:22px;background:#f7fbfb;box-shadow:0 28px 90px rgba(26,57,66,.24)}.support-dialog-heading{position:sticky;z-index:3;top:-20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:-4px -4px 0;padding:4px 4px 14px;border-bottom:1px solid rgba(31,73,84,.09);background:rgba(247,251,251,.96);backdrop-filter:blur(12px)}.support-dialog-heading h2{margin:3px 0 0;color:#20343f;font-size:21px}.support-dialog .support-section{margin-top:16px}.support-dialog .support-section>.section-heading{justify-content:flex-end;margin-bottom:12px}.support-dialog .support-section>.section-heading>div{display:none}.support-owner-actions{display:flex;justify-content:flex-end;gap:7px;margin:14px 0 0}.support-owner-actions button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid rgba(31,73,84,.12);border-radius:10px;color:#526f68;background:#f7fbfa;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.support-owner-actions button:last-child{color:#a34f47;border-color:rgba(190,76,65,.16)}.support-owner-actions button.delete-confirm{color:#fff;background:#b9584f}.support-owner-actions button:disabled{opacity:.5;cursor:wait}.support-edit-form{margin:10px 0 16px;background:#f5faf8}.integration-card>a:hover{color:#35e1b7}.oauth-endpoints{display:grid;gap:6px;margin-top:15px}.oauth-endpoints span{color:#6f7d86;font-size:10px}.oauth-endpoints code{display:block;padding:8px 10px;overflow-wrap:anywhere;border-radius:8px;color:#9fadb5;background:rgba(0,0,0,.17);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.integration-card form{display:grid;gap:12px;margin-top:16px}.integration-card label{display:grid;gap:7px}.integration-card label>span{color:#93a1aa;font-size:11px}.integration-card input,.integration-card select{width:100%;height:43px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:9px;outline:0;color:#e9f1f4;background:#111b23}.integration-card input:focus,.integration-card select:focus{border-color:rgba(53,225,183,.45)}.integration-card form>button{height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(53,225,183,.25);border-radius:9px;color:#35e1b7;background:rgba(53,225,183,.07);cursor:pointer}.oauth-connect-button{width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;border:1px solid rgba(124,184,255,.26);border-radius:9px;color:#7cb8ff;background:rgba(124,184,255,.07);cursor:pointer}.token-replace-button{width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;border:1px solid rgba(236,123,158,.25);border-radius:9px;color:#ec7b9e;background:rgba(236,123,158,.07);cursor:pointer}.integration-card form>.token-cancel-button{border-color:rgba(255,255,255,.09);color:#87959e;background:rgba(255,255,255,.024)}.integration-card button:disabled{opacity:.5;cursor:wait}.webos-secure-option{grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important}.webos-secure-option input{width:17px;height:17px;padding:0}.webos-pairing-guide{margin-top:14px;padding:13px 14px;border:1px solid rgba(173,140,255,.18);border-radius:12px;color:#73838b;background:rgba(173,140,255,.055)}.webos-pairing-guide strong{display:block;color:#6d55a8;font-size:12px}.webos-pairing-guide ol{margin:9px 0 0;padding-left:19px}.webos-pairing-guide li{margin-top:5px;font-size:11px;line-height:1.5}.webos-pairing-guide small{display:block;margin-top:10px;color:#71838b;font-size:9px;line-height:1.55}.daelim-card.expanded-card{grid-column:1 / -1}.integration-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.select-with-action{display:grid;grid-template-columns:1fr 43px;gap:7px}.reload-apartments{display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:9px;color:#8e9da5;background:#111b23;cursor:pointer}.integration-message{margin:11px 0 0!important;color:#b8c8cf!important}.integration-compatibility-note{margin:7px 0 0!important;color:#687d87!important;font-size:9px!important;line-height:1.5!important}.device-info{flex:1;padding-top:27px}.device-info>span{color:#71808b;font-size:12px}.device-info h3{margin:7px 0 0;font-size:17px;font-weight:600}.device-category-selector{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;margin-top:8px}.device-category-selector>div{min-width:0;display:grid;gap:5px}.device-category-selector>span{color:#72858e;font-size:9px;font-weight:700}.device-category-selector select,.device-category-selector input{width:100%;min-width:0;height:29px;padding:0 8px;border:1px solid rgba(31,73,84,.11);border-radius:8px;outline:0;color:#526a75;background:rgba(241,247,248,.82);font-size:9px}.device-category-selector select{cursor:pointer;font-weight:700}.device-category-selector select:focus,.device-category-selector input:focus{border-color:rgba(18,153,126,.36);background:#fff;box-shadow:0 0 0 2px rgba(18,153,126,.08)}.device-name-row{display:flex;align-items:center;gap:7px}.device-name-row h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-name-row button{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;margin-top:7px;border:0;border-radius:8px;color:#71808b;background:transparent;cursor:pointer}.device-name-row button:hover{color:#d8e5e8;background:rgba(255,255,255,.055)}.device-name-editor{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;margin-top:7px}.device-name-editor input{min-width:0;height:36px;padding:0 9px;border:1px solid rgba(53,225,183,.35);border-radius:8px;outline:0;color:#edf4f7;background:#111a21}.device-name-editor button{min-height:36px;padding:0 8px;border:1px solid rgba(53,225,183,.22);border-radius:8px;color:#35e1b7;background:rgba(53,225,183,.07);cursor:pointer;font-size:10px}.device-name-editor button.cancel{border-color:rgba(255,255,255,.08);color:#82919a;background:rgba(255,255,255,.024)}.device-name-editor button:disabled{opacity:.5;cursor:wait}.rename-notice{margin:-7px 0 15px;padding:10px 12px;border:1px solid rgba(53,225,183,.16);border-radius:10px;color:#9ccfc2;background:rgba(53,225,183,.05);font-size:11px}.temperature{margin:8px 0 0;color:#b7c4cb;font-size:25px}.device-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0 0}.device-summary>div{min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(0,0,0,.1)}.device-summary>div[data-emphasis=time],.device-summary>div[data-emphasis=status],.device-summary>div[data-emphasis=mode]{border-color:rgba(18,153,126,.2);background:rgba(35,184,149,.075)}.device-summary>div[data-emphasis=time] dt,.device-summary>div[data-emphasis=status] dt,.device-summary>div[data-emphasis=mode] dt{color:#4f7e75;font-weight:800}.device-summary>div[data-emphasis=time] dd,.device-summary>div[data-emphasis=status] dd,.device-summary>div[data-emphasis=mode] dd{color:#0b6d5b;font-weight:800}.device-summary dt{color:#687883;font-size:9px}.device-summary dd{margin:4px 0 0;overflow:hidden;color:#c5d1d6;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.device-progress{margin:10px 0 13px}.device-progress>div{display:flex;justify-content:space-between;margin-bottom:6px;color:#83939b;font-size:11px;font-weight:700}.device-progress>div b{color:#b9c9cf;font-size:12px}.device-progress>i{height:5px;display:block;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.07)}.device-progress>i span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#35e1b7,#7cb8ff);transition:width .22s ease}.quick-controls{display:grid;gap:7px;margin-top:9px;margin-bottom:13px}.quick-controls label{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,auto);align-items:center;gap:8px}.quick-controls label>span{overflow:hidden;color:#8b9aa3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.quick-controls select{width:100%;min-width:0;height:36px;padding:0 27px 0 9px;border:1px solid rgba(53,225,183,.16);border-radius:9px;outline:0;color:#d8e5e8;background:#121d24;font-size:11px;cursor:pointer}.quick-controls select:focus{border-color:rgba(53,225,183,.5)}.quick-controls select:disabled{opacity:.5;cursor:wait}.light-level-control{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,auto);align-items:center;gap:8px}.light-level-control>span{color:#526a75;font-size:10px}.light-level-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.light-level-options button{min-width:0;height:36px;padding:0 6px;border:1px solid rgba(31,73,84,.13);border-radius:9px;color:#607782;background:rgba(255,255,255,.88);font-size:10px;cursor:pointer}.light-level-options button.active{border-color:rgba(39,205,165,.48);color:#147e69;background:rgba(39,205,165,.13);box-shadow:inset 0 0 0 1px rgba(39,205,165,.08)}.light-level-options button:disabled{opacity:.5;cursor:wait}.inline-apply-notice{display:block;margin-top:-6px;color:#7faaa0;font-size:9px;font-weight:500;letter-spacing:.01em;opacity:.72;animation:inline-notice-fade 1.8s ease forwards}@keyframes inline-notice-fade{0%,68%{opacity:.72}to{opacity:0}}.device-bottom{padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}.device-card-actions{display:flex;align-items:center;gap:8px}.power-control{min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 8px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.035)}.power-state{display:inline-flex;align-items:center;gap:4px;color:#7f8d96;font-size:9px;font-weight:700;white-space:nowrap}.power-state i{width:6px;height:6px;border-radius:50%;background:#77858e}.power-control.on .power-state{color:#35e1b7}.power-control.on .power-state i{background:#35e1b7;box-shadow:0 0 8px rgba(53,225,183,.55)}.device-details-button{min-height:34px;display:inline-flex;align-items:center;gap:2px;padding:0 7px;border:0;border-radius:8px;color:#83919a;background:transparent;font-size:10px;cursor:pointer}.device-details-button:hover{color:#edf4f7;background:rgba(255,255,255,.05)}.online-text,.offline-text{font-size:11px}.online-text{color:#35e1b7}.offline-text{color:#6f7b84}.toggle{width:42px;height:24px;padding:3px;border:0;border-radius:20px;background:#29343c;cursor:pointer}.toggle span{display:block;width:18px;height:18px;border-radius:50%;background:#77858e;transition:transform .16s ease}.toggle.on{background:#35e1b7}.toggle.on span{transform:translate(18px);background:#071017}.toggle:disabled{cursor:not-allowed;opacity:.5}.error-banner,.loading{padding:18px;border-radius:14px;color:#c9d4d9;background:rgba(255,255,255,.04)}.error-banner{margin-bottom:16px;color:#ff9c94;border:1px solid rgba(255,110,100,.2)}.loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:180px}.device-modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:rgba(2,7,11,.76);backdrop-filter:blur(12px)}.device-modal{width:min(780px,100%);max-height:min(780px,calc(100vh - 48px));overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:#0e1820;box-shadow:0 28px 90px rgba(0,0,0,.44)}.device-modal-header{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.075)}.device-modal-title{min-width:0;display:flex;align-items:center;gap:13px}.device-modal-title>div{min-width:0}.device-modal-title h2{margin:5px 0 0;overflow:hidden;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.device-modal-title p{margin:3px 0 0;color:#71808b;font-size:11px}.modal-close{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#89979f;background:rgba(255,255,255,.024);cursor:pointer}.device-modal-body{max-height:calc(min(780px,100vh - 48px) - 87px);display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;overflow-y:auto;overscroll-behavior:contain}.device-control-panel,.device-state-panel,.device-delete-panel{padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.024)}.modal-section-heading{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#9aabb3}.modal-section-heading h3{margin:0;color:#e9f1f4;font-size:14px}.primary-device-control,.valve-close-control{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(53,225,183,.24);border-radius:11px;color:#35e1b7;background:rgba(53,225,183,.07);font-weight:600;cursor:pointer}.primary-device-control.on{color:#071017;background:#35e1b7}.valve-close-control{color:#f5bd63;border-color:rgba(245,189,99,.25);background:rgba(245,189,99,.07)}.primary-device-control:disabled,.valve-close-control:disabled{opacity:.48;cursor:not-allowed}.inline-device-control{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px;margin-top:10px}.inline-device-control label{display:grid;gap:6px}.inline-device-control label>span{color:#82919a;font-size:10px}.inline-device-control label>div{position:relative}.inline-device-control input,.inline-device-control select{width:100%;height:43px;padding:0 35px 0 11px;border:1px solid rgba(255,255,255,.1);border-radius:9px;outline:0;color:#edf4f7;background:#111d25}.inline-device-control select{padding-right:9px}.inline-device-control label b{position:absolute;top:13px;right:11px;color:#71808b;font-size:11px}.inline-device-control>button{height:43px;padding:0 13px;border:1px solid rgba(53,225,183,.2);border-radius:9px;color:#35e1b7;background:rgba(53,225,183,.06);cursor:pointer;white-space:nowrap}.inline-device-control>button:disabled{opacity:.48;cursor:not-allowed}.inline-device-control>.inline-apply-notice{align-self:center;margin:0;white-space:nowrap}.control-unavailable,.device-action-message{display:flex;align-items:flex-start;gap:7px;margin:10px 0 0;color:#82919a;font-size:11px;line-height:1.55}.device-action-message{color:#b9c8cf}.state-list{display:grid;gap:1px;margin:0}.state-list>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055)}.state-list dt{color:#71808b;font-size:10px;overflow-wrap:anywhere}.state-list dd{margin:0;color:#c4d0d5;font-size:11px;text-align:right;overflow-wrap:anywhere}.raw-device-details{margin-top:12px;color:#84939b;font-size:10px}.raw-device-details summary{min-height:36px;display:flex;align-items:center;cursor:pointer}.raw-device-details pre{max-height:220px;margin:6px 0 0;padding:10px;overflow:auto;border-radius:9px;color:#91a1aa;background:rgba(0,0,0,.19);font-size:9px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.device-delete-panel{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border-color:rgba(255,112,101,.14)}.device-delete-panel h3{display:flex;align-items:center;gap:6px;margin:0;color:#d78b84;font-size:12px}.device-delete-panel p{margin:5px 0 0;color:#776e70;font-size:10px;line-height:1.45}.device-delete-panel label{display:grid;gap:6px}.device-delete-panel label span{color:#8b7b7c;font-size:9px}.device-delete-panel input{width:100%;height:39px;padding:0 10px;border:1px solid rgba(255,112,101,.16);border-radius:8px;outline:0;color:#edf4f7;background:#111a21}.device-delete-panel>button{min-height:39px;display:flex;align-items:center;gap:6px;padding:0 12px;border:1px solid rgba(255,112,101,.2);border-radius:8px;color:#e58f88;background:rgba(255,112,101,.06);cursor:pointer}.device-delete-panel>button:disabled{opacity:.4;cursor:not-allowed}.device-delete-panel>button.confirm-delete{border-color:rgba(255,112,101,.52);color:#fff1ef;background:rgba(255,86,74,.2)}.device-delete-panel>button.management-permission{border-color:rgba(245,189,99,.3);color:#f5bd63;background:rgba(245,189,99,.08)}.device-heading-actions{display:flex;align-items:center;gap:10px;color:#71808b;font-size:12px}.device-heading-actions button{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#8c9aa2;background:rgba(255,255,255,.05);cursor:pointer}.device-heading-actions button:hover{color:#35e1b7;border-color:rgba(53,225,183,.25)}.light-group-actions{display:flex;align-items:center;gap:6px}.device-heading-actions .light-group-actions button{border-color:rgba(18,153,126,.2);color:#147e69;background:rgba(39,205,165,.08)}.device-heading-actions .light-group-actions button.all-lights-off{border-color:rgba(217,99,86,.18);color:#a34f47;background:rgba(217,99,86,.06)}.device-heading-actions .light-group-actions button:disabled{opacity:.48;cursor:wait}.device-hide-panel{border-color:rgba(245,189,99,.18)}.device-hide-panel h3{color:#d6ad6d}.hidden-devices-dialog{width:min(540px,calc(100% - 24px));max-height:min(680px,calc(100vh - 32px));padding:22px;overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#edf4f7;background:#101a22;box-shadow:0 24px 80px rgba(0,0,0,.42)}.hidden-devices-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.hidden-devices-dialog h2{margin:0;font-size:23px}.hidden-devices-dialog header p:last-child{margin:6px 0 0;color:#74838c;font-size:11px}.hidden-devices-list{display:grid;gap:9px}.hidden-devices-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.035)}.hidden-devices-list strong{display:block;font-size:13px}.hidden-devices-list small{display:block;margin-top:4px;color:#71808b;font-size:10px}.hidden-devices-list button{min-height:35px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid rgba(53,225,183,.22);border-radius:8px;color:#35e1b7;background:rgba(53,225,183,.07);cursor:pointer}.hidden-devices-list button:disabled{opacity:.45;cursor:wait}.hidden-devices-empty{margin:0;padding:32px 12px;text-align:center;color:#71808b;font-size:12px}.compact-loading{min-height:100px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:430px;padding:34px 7%;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.auth-panel{min-height:auto;padding:52px 24px 72px}.story-copy h1{font-size:47px}.device-grid{grid-template-columns:repeat(3,1fr)}.provider-grid{grid-template-columns:1fr 1fr}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-right:2%}.status-orbit{width:190px;height:190px}.home-services-grid{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr)}.energy-metrics{grid-template-columns:repeat(2,minmax(105px,1fr))}}@media(min-width:901px)and (max-width:1366px)and (orientation:landscape){.compact-card-grid{--compact-card-collapsed-height: 236px;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.compact-card{min-height:var(--compact-card-collapsed-height)}.compact-card b{min-height:40px;display:-webkit-box;overflow:hidden;line-height:1.18;text-overflow:clip;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media(max-width:640px){.auth-story{min-height:330px;padding:calc(24px + env(safe-area-inset-top)) 22px 24px}.story-copy h1{font-size:34px}.story-copy>p:last-child{font-size:13px}.security-note{display:none}.auth-panel{padding:42px 18px 64px}.field-row,.integration-fields{grid-template-columns:1fr}.auth-tabs{margin-bottom:32px}.shell{width:min(100% - 20px,1180px)}.topbar{height:calc(68px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.brand{gap:9px}.brand-mark{width:36px;height:36px;border-radius:11px}.brand span{display:none}.brand strong{font-size:10px;letter-spacing:-.02em}.refresh{padding:9px;font-size:0}.account-chip span{display:none}.account-chip{min-width:39px;justify-content:center;padding:0 9px}.account-chip b{display:none}.approval-row{grid-template-columns:auto 1fr}.approval-row time{display:none}.approval-actions{grid-column:1 / -1}.approval-actions button{flex:1;justify-content:center}.device-heading-actions{align-items:flex-end;flex-direction:column;gap:6px}.device-heading-actions button{min-height:32px}.light-group-actions{width:100%}.device-heading-actions .light-group-actions button{flex:1;justify-content:center}.hidden-devices-dialog{padding:17px;border-radius:17px}.hidden-devices-list article{grid-template-columns:auto 1fr}.hidden-devices-list button{grid-column:1 / -1;justify-content:center}.family-invite-card{padding:15px}.family-invite-heading{align-items:flex-start}.invite-actions{display:grid;grid-template-columns:1fr 1fr}.invite-actions button{width:100%}.invite-actions button.secondary{grid-column:1 / -1}.hero{min-height:238px;display:block;padding:32px 4px 20px}.hero h1{font-size:clamp(27px,7.5vw,33px)}.hero h1>span{white-space:nowrap}.hero-copy{max-width:255px;margin-top:16px;font-size:12px;line-height:1.55}.status-orbit{position:absolute;right:2px;bottom:18px;width:106px;height:106px;margin:0;overflow:hidden;border-radius:50%}.orbit-core{width:76px;height:76px}.orbit-core span{margin-top:12px;font-size:25px}.orbit-core small{font-size:9px}.orbit-ring:after{top:8px;right:16px;width:6px;height:6px}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-services-grid{grid-template-columns:1fr;gap:9px}.elevator-service-card,.energy-service-card,.aptner-service-card{padding:15px}.aptner-service-card{grid-column:auto}.energy-heading{flex-wrap:wrap}.energy-period{width:100%;margin:4px 0 0}.energy-period input{width:100%;min-height:42px;font-size:16px}.elevator-floor-field select{min-height:44px;font-size:16px}.elevator-call-button{min-height:48px}.energy-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-card{min-height:70px;gap:9px;padding:11px 12px;border-radius:13px}.provider-card>svg:last-child{display:none}.provider-card strong{font-size:12px}.provider-card span{margin-top:3px;font-size:10px;line-height:1.3}.section-heading{align-items:center;margin-bottom:16px}.section-heading h2{font-size:23px}.section-heading>span{font-size:11px}.device-grid{grid-template-columns:1fr;gap:10px}.device-card{min-height:185px;padding:16px;border-radius:16px}.device-info{padding-top:18px}.device-info h3{font-size:16px}.device-name-editor{grid-template-columns:minmax(0,1fr) auto}.device-name-editor input{grid-column:1 / -1;height:44px;font-size:16px}.device-name-editor button{min-height:40px}.quick-controls select{min-height:44px;font-size:16px}.device-bottom{padding-top:13px}.device-details-button{min-height:40px}.devices-section{margin-top:32px}.integration-section,.admin-section{margin-top:42px}.integration-grid{grid-template-columns:1fr;gap:9px}.daelim-card.expanded-card{grid-column:auto}.integration-card.connected-card{padding:13px}.integration-card.expanded-card{padding:17px}.integration-card input,.integration-card select,.auth-form input{font-size:16px}.connection-complete{margin-top:11px}.connection-actions{margin-top:2px}.compact-action{min-height:40px}.integration-fields{grid-template-columns:1fr}.toggle{width:48px;height:28px}.toggle span{width:22px;height:22px}.toggle.on span{transform:translate(20px)}.device-modal-backdrop{align-items:end;padding:0}.device-modal{width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));border-right:0;border-bottom:0;border-left:0;border-radius:20px 20px 0 0}.device-modal-header{min-height:78px;padding:14px}.device-modal-body{max-height:calc(100dvh - 90px - env(safe-area-inset-top));grid-template-columns:1fr;padding:11px 11px calc(18px + env(safe-area-inset-bottom))}.device-control-panel,.device-state-panel,.device-delete-panel{padding:14px}.device-delete-panel{grid-column:auto;grid-template-columns:1fr;align-items:stretch}.device-delete-panel input{font-size:16px}}@media(max-width:359px){.shell{width:calc(100% - 14px)}.topbar-actions{gap:4px}.account-chip{display:none}.hero{grid-template-columns:1fr;min-height:220px}.hero-copy{display:none}.status-orbit{position:absolute;right:18px;top:92px;opacity:.78}.provider-grid{grid-template-columns:1fr}}@media(orientation:landscape)and (max-height:600px)and (max-width:1000px){.auth-shell{grid-template-columns:.8fr 1.2fr}.auth-story{min-height:100vh;padding:24px;border-right:1px solid rgba(255,255,255,.07);border-bottom:0}.auth-panel{min-height:100vh;padding:10px 24px}.auth-tabs{margin-bottom:8px}.auth-form{gap:8px}.auth-heading{gap:9px;margin-bottom:2px}.auth-heading p{display:none}.auth-icon{width:38px;height:38px}.auth-form label{gap:4px}.auth-form input,.password-field button{height:42px}.auth-legal-links{display:none}.story-copy h1{font-size:30px}.story-copy>p:last-child,.security-note{display:none}.topbar{height:60px}.hero{min-height:150px;display:flex;padding:18px 3% 14px 2%}.hero h1{font-size:32px}.hero h1>span{white-space:nowrap}.hero-copy{display:none}.status-orbit{width:98px;height:98px}.orbit-core{width:70px;height:70px}.orbit-core span{margin-top:10px;font-size:23px}.orbit-core small{font-size:8px}.provider-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.provider-card{min-height:62px;padding:9px 10px}.provider-card>svg:last-child{display:none}.home-services-section{margin-top:26px}.home-services-grid{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:8px}.energy-metrics{grid-template-columns:repeat(3,minmax(90px,1fr))}.devices-section{margin-top:26px}.device-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:9px}.device-card{min-height:176px;padding:15px}.device-info{padding-top:15px}.device-bottom{padding-top:11px}.integration-section,.admin-section{margin-top:36px}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.daelim-card.expanded-card{grid-column:1 / -1}.integration-card.connected-card{padding:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--ui-style-release: 20260805;color:#20343f;background:#f2f7f8;color-scheme:light}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{color:#20343f;background:radial-gradient(circle at 84% 4%,rgba(36,190,156,.16),transparent 29rem),radial-gradient(circle at 8% 30%,rgba(88,151,238,.1),transparent 24rem),linear-gradient(145deg,#f8fbfc,#edf5f6 58%,#f6fafb)}.auth-story{border-color:rgba(28,67,77,.1)}.auth-story:before{border-color:rgba(20,160,132,.16);box-shadow:0 0 0 70px rgba(20,160,132,.04),0 0 0 140px rgba(20,160,132,.024)}.story-copy h1,.auth-heading h2,.section-heading h2,.device-info h3,.integration-card-heading strong,.family-invite-heading h3,.approval-person strong,.device-modal-title h2{color:#18303b}.story-copy>p:last-child,.auth-heading p,.brand span,.provider-card span,.section-heading>span,.device-info>span,.integration-card-heading span,.integration-card>p,.family-invite-heading p,.approval-person span,.approval-row time,.device-modal-title p,.energy-loading,.energy-empty{color:#647a84}.security-note,.family-invite-card,.connection-complete{border-color:rgba(18,153,126,.2);color:#177f69;background:rgba(255,255,255,.58)}.auth-tabs{border:1px solid rgba(28,67,77,.09);background:rgba(255,255,255,.62)}.auth-tabs button{color:#6e818a}.auth-tabs button.selected{color:#18303b;background:#fff;box-shadow:0 5px 18px rgba(37,73,83,.1)}.auth-form label>span,.integration-card label>span{color:#526a75}.auth-form input,.integration-card input,.integration-card select,.inline-device-control input,.inline-device-control select,.device-delete-panel input,.quick-controls select,.elevator-floor-field select{border-color:rgba(31,73,84,.13);color:#20343f;background:rgba(255,255,255,.88);box-shadow:0 3px 12px rgba(32,65,74,.04)}.auth-form input::placeholder{color:#98a8ae}.submit-button,.brand-mark{color:#063d34;background:#43dcb7}.topbar{border-color:rgba(28,67,77,.1)}.refresh,.account-chip,.icon-button,.modal-close{border-color:rgba(31,73,84,.11);color:#526a75;background:rgba(255,255,255,.68)}.refresh:hover,.device-name-row button:hover,.compact-action:hover{color:#147e69;border-color:rgba(18,153,126,.28);background:rgba(255,255,255,.92)}.hero{border-radius:0 0 28px 28px}.hero h1{color:#18303b}.hero-copy{color:#637984}.orbit-core{border-color:rgba(18,153,126,.24);background:radial-gradient(circle,rgba(67,220,183,.2),rgba(255,255,255,.78));box-shadow:0 18px 55px rgba(38,125,108,.12),inset 0 0 35px rgba(67,220,183,.12)}.orbit-ring{border-color:rgba(38,87,98,.17)}.provider-card,.elevator-service-card,.energy-service-card,.aptner-service-card,.device-card,.integration-card,.approval-row,.device-control-panel,.device-state-panel,.device-delete-panel{border-color:rgba(31,73,84,.1);background:rgba(255,255,255,.74);box-shadow:0 9px 28px rgba(40,78,88,.055)}.provider-card strong,.service-card-heading h3{color:#20343f}.provider-card.safety{color:#667b84}.provider-card.safety.unlocked{color:#b47718}.energy-metric,.device-summary>div{border-color:rgba(31,73,84,.08);background:rgba(241,247,248,.8)}.aptner-fee-toolbar select,.aptner-fee-details-heading,.aptner-fee-detail-list>div{border-color:rgba(31,73,84,.08);color:#20343f;background:rgba(241,247,248,.82)}.aptner-fee-toolbar span,.aptner-fee-detail-list span,.aptner-fee-details-heading span{color:#647a84}.aptner-fee-detail-list b,.aptner-fee-details-heading strong{color:#20343f}.energy-period{border-color:rgba(31,73,84,.12);color:#617782;background:rgba(255,255,255,.88)}.energy-period input{color:#20343f}.energy-metric-title strong,.device-summary dt{color:#647a84}.energy-metric>b,.device-summary dd{color:#1f3b46}.energy-metric.fee-trend.up{border-color:rgba(220,38,38,.14);background:linear-gradient(145deg,rgba(255,247,247,.95),rgba(255,255,255,.78))}.energy-metric.fee-trend.down{border-color:rgba(13,148,136,.16);background:linear-gradient(145deg,rgba(239,253,250,.95),rgba(255,255,255,.78))}.energy-metric.fee-trend.same{border-color:rgba(100,116,139,.13)}.energy-metric.fee-trend.up .energy-metric-title,.energy-metric.fee-trend.up .fee-trend-label{color:#dc2626}.energy-metric.fee-trend.down .energy-metric-title,.energy-metric.fee-trend.down .fee-trend-label{color:#0f766e}.energy-metric.fee-trend.same .energy-metric-title,.energy-metric.fee-trend.same .fee-trend-label{color:#64748b}.fee-trend-detail{color:#647a84}.device-grid{grid-template-columns:repeat(auto-fill,minmax(210px,248px));justify-content:start;align-items:stretch}.device-card{width:100%;min-height:285px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,249,250,.88))}.device-card:hover{border-color:rgba(18,153,126,.28);box-shadow:0 15px 35px rgba(31,101,90,.1)}.device-card.active{border-color:rgba(18,153,126,.3);background:linear-gradient(145deg,#fff,#eefbf7)}.device-card.powered-off{border-color:rgba(90,108,116,.16);background:linear-gradient(145deg,#fbfcfc,#edf1f2);box-shadow:0 9px 24px rgba(48,65,72,.067)}.device-card.powered-off .device-icon{color:#73858d;background:#e5ebed}.device-card.powered-off .device-summary>div[data-emphasis],.device-card.powered-off .device-summary>div{border-color:rgba(89,106,114,.11);background:rgba(90,108,116,.055)}.device-card.powered-offline{border-color:rgba(180,91,91,.17);background:linear-gradient(145deg,#fcfafa,#f2eded)}.device-icon,.provider-pill{color:#667b84;background:#edf4f5}.active .device-icon,.device-icon.active{color:#16856e;background:rgba(67,220,183,.16)}.device-action-indicator{border-color:rgba(18,153,126,.25);color:#147a66;background:rgba(255,255,255,.96);box-shadow:0 5px 18px rgba(32,65,74,.14)}.device-progress>div{color:#607782}.device-progress>div b{color:#177b67}.device-progress>i{height:8px;background:#dce9e9}.device-progress>i span{background:linear-gradient(90deg,#27cda5,#5f9fea);box-shadow:0 0 12px rgba(39,205,165,.24)}.quick-controls label>span{color:#526a75}.device-bottom{border-color:rgba(31,73,84,.08)}.power-control{border-color:rgba(31,73,84,.09);background:rgba(237,244,245,.82)}.power-state{color:#71838b}.power-state i{background:#93a3a9}.power-control.on .power-state{color:#147e69}.power-control.on .power-state i{background:#22bf9c;box-shadow:0 0 8px rgba(34,191,156,.38)}.device-details-button{color:#536c76}.device-details-button:hover{color:#16856e}.toggle{background:#d7e3e5}.toggle.on{background:#43dcb7}.toggle.on span{background:#fff}.integration-card.connected-card{border-color:rgba(18,153,126,.17);background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(235,249,245,.76))}.connection-complete span{color:#5d7b73}.compact-action{color:#617782}.oauth-endpoints code,.invite-link,.raw-device-details pre{color:#526a75;background:#eaf1f2}.reload-apartments{color:#607782;background:#fff;border-color:rgba(31,73,84,.13)}.admin-empty{border-color:rgba(31,73,84,.14);color:#647a84;background:rgba(255,255,255,.48)}.approval-actions .approve{color:#147e69}.error-banner,.loading{color:#526a75;background:rgba(255,255,255,.75)}.error-banner{color:#b64b42}.device-modal-backdrop{background:rgba(35,53,59,.4);backdrop-filter:blur(8px)}.device-modal{border-color:rgba(31,73,84,.13);background:#f7fbfb;box-shadow:0 28px 90px rgba(26,57,66,.24)}.device-modal-header,.state-list>div{border-color:rgba(31,73,84,.08)}.modal-section-heading{color:#617782}.modal-section-heading h3,.state-list dd{color:#20343f}.state-list dt,.inline-device-control label>span,.control-unavailable,.raw-device-details{color:#647a84}.primary-device-control.on{color:#063d34;background:#43dcb7}.device-action-message{color:#526a75}.device-delete-panel>button.confirm-delete{color:#8e2821;background:#ffe9e6}.automation-section{margin-top:34px}.automation-toggle-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid rgba(18,153,126,.2);border-radius:999px;color:#126d5b;background:rgba(255,255,255,.82);cursor:pointer}.automation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.automation-list-heading{margin:12px 0 10px}.automation-list-toggle{width:100%;min-height:46px;padding:0 13px;border:1px solid rgba(31,73,84,.1);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.8);cursor:pointer;text-align:left}.automation-list-toggle:hover,.automation-list-toggle:focus-visible{border-color:rgba(15,118,110,.28);background:rgba(239,253,250,.86);outline:none}.automation-list-heading strong{color:#18303b}.automation-list-heading span,.automation-card small{color:#647a84;font-size:11px}.automation-card,.automation-builder{border:1px solid rgba(31,73,84,.1);border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 9px 28px rgba(40,78,88,.055)}.automation-card{display:grid;gap:10px;padding:16px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.automation-card:hover,.automation-card:focus-visible{border-color:rgba(15,118,110,.34);box-shadow:0 12px 32px rgba(20,91,102,.1);transform:translateY(-1px);outline:none}.automation-card.editing{border-color:rgba(15,118,110,.56);box-shadow:0 0 0 3px rgba(20,184,166,.12),0 12px 32px rgba(20,91,102,.1)}.automation-card>div:first-child{display:grid;gap:5px}.automation-card.enabled{border-color:rgba(18,153,126,.22);background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(235,249,245,.78))}.automation-card strong,.automation-builder-head strong{color:#18303b}.automation-card span,.automation-builder-head span,.automation-message{color:#647a84;font-size:12px}.automation-status-pill{width:fit-content;padding:4px 8px;border-radius:999px;background:rgba(100,122,132,.1)}.automation-status-pill.running{color:#805500;background:#fff4cc}.automation-status-pill.success{color:#126d5b;background:#dcf8ef}.automation-status-pill.failed,.automation-error{color:#9d342c}.automation-status-pill.failed{background:#ffe8e4}.automation-card ul{display:grid;gap:5px;margin:0;padding-left:16px;color:#526a75;font-size:12px}.automation-card-actions,.automation-builder-actions{display:flex;flex-wrap:wrap;gap:8px}.automation-card-actions button,.automation-builder-actions button,.automation-action-row button,.automation-builder button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid rgba(31,73,84,.12);border-radius:10px;color:#526a75;background:rgba(255,255,255,.85);cursor:pointer}.automation-builder{grid-column:1 / -1;display:grid;gap:14px;padding:18px}.automation-builder-head{display:grid;gap:3px}.automation-fields{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px}.automation-fields label,.automation-action-row,.automation-condition-row{display:grid;gap:6px}.automation-fields span{color:#526a75;font-size:11px;font-weight:700}.automation-fields input,.automation-action-row select,.automation-action-row input,.automation-condition-row select,.automation-condition-row input{min-height:40px;padding:0 10px;border:1px solid rgba(31,73,84,.13);border-radius:10px;color:#20343f;background:rgba(255,255,255,.9)}.automation-actions-editor,.automation-subsection{display:grid;gap:9px}.automation-subsection-head{display:grid;gap:3px}.automation-subsection-head strong{color:#18303b;font-size:13px}.automation-subsection-head span{color:#647a84;font-size:11px}.automation-action-row{grid-template-columns:112px minmax(150px,1fr) 120px minmax(120px,.8fr) minmax(120px,.8fr) auto;align-items:end}.automation-delay-field{display:grid;grid-template-columns:auto minmax(52px,1fr) auto;align-items:center;gap:5px;color:#526a75;font-size:11px;font-weight:700}.automation-condition-row{grid-template-columns:minmax(130px,.9fr) minmax(120px,.8fr) 110px minmax(120px,.8fr) minmax(210px,1.2fr) auto;align-items:end}.automation-weekday-picker{min-height:40px;display:grid;grid-template-columns:repeat(7,minmax(30px,1fr));gap:4px}.automation-weekday-picker button{min-width:0;min-height:40px;padding:0;border:1px solid rgba(31,73,84,.13);border-radius:10px;color:#526a75;background:rgba(255,255,255,.9);font-size:11px;font-weight:800;cursor:pointer}.automation-weekday-picker button.selected{color:#075746;border-color:rgba(35,184,149,.45);background:rgba(84,232,195,.28)}.automation-weekday-picker button:disabled{cursor:not-allowed;opacity:.65}.automation-add-secondary{width:fit-content;min-height:34px;padding:0 12px;border:1px dashed rgba(18,153,126,.3);border-radius:10px;color:#147e69;background:rgba(255,255,255,.7);cursor:pointer}.automation-message{margin:0}.password-dialog{width:min(430px,100%);max-height:calc(100vh - 32px);padding:22px;overflow-y:auto;border:1px solid rgba(31,73,84,.13);border-radius:20px;color:#20343f;background:#f7fbfb;box-shadow:0 28px 90px rgba(26,57,66,.24)}.password-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.password-dialog-heading h2{margin:4px 0 0;font-size:22px}.password-dialog>p{margin:12px 0 18px;color:#617782;font-size:12px;line-height:1.6}.password-change-form{display:grid;gap:13px}.password-change-form label{display:grid;gap:7px}.password-change-form label>span{color:#516a75;font-size:11px;font-weight:700}.password-change-form input{width:100%;height:46px;padding:0 13px;border:1px solid rgba(31,73,84,.14);border-radius:11px;outline:0;color:#20343f;background:#fff}.password-change-form input:focus{border-color:#23b895;box-shadow:0 0 0 3px rgba(35,184,149,.12)}.password-change-message{margin:0;color:#526a75;font-size:11px;line-height:1.5}.account-delete-panel{display:grid;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(185,54,45,.16)}.account-delete-panel h3{display:flex;align-items:center;gap:7px;margin:0 0 6px;color:#8e2821;font-size:14px}.account-delete-panel p{margin:0;color:#6f777b;font-size:11px;line-height:1.6}.account-delete-panel form,.account-delete-panel label{display:grid;gap:8px}.account-delete-panel form{gap:12px}.account-delete-panel label>span{color:#6f4d49;font-size:11px;font-weight:700}.account-delete-panel input{width:100%;height:44px;padding:0 13px;border:1px solid rgba(185,54,45,.2);border-radius:11px;outline:0;background:#fff}.integration-grid.single-provider{grid-template-columns:minmax(0,1fr)}.integration-grid>[hidden]{display:none!important}.onboarding-shell{min-height:100dvh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 15% 10%,rgba(72,223,185,.2),transparent 34%),linear-gradient(145deg,#effbf8,#f7fafb 52%,#edf5f6)}.onboarding-card,.onboarding-complete-card{width:min(760px,100%);padding:28px;border:1px solid rgba(20,123,102,.15);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 26px 70px rgba(32,84,77,.14)}.onboarding-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.onboarding-brand{display:inline-flex;align-items:center;gap:9px;color:#173f38;font-size:12px;font-weight:900;letter-spacing:.14em}.onboarding-brand>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#075343;background:#5be5c1}.onboarding-count{color:#68807b;font-size:12px;font-weight:800}.onboarding-progress{grid-column:1 / -1;height:7px;overflow:hidden;border-radius:999px;background:#e7efee}.onboarding-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#25c99f,#72ebc9);transition:width .24s ease}.onboarding-step-title{display:flex;align-items:flex-start;gap:16px;margin:30px 0 20px}.onboarding-step-title>.integration-logo{flex:0 0 auto;width:52px;height:52px}.onboarding-step-title .eyebrow{margin:0 0 5px}.onboarding-step-title h1{margin:0;color:#173f38;font-size:clamp(24px,4vw,34px);letter-spacing:-.045em}.onboarding-step-title div>p:last-child{margin:8px 0 0;color:#69807c;font-size:13px;line-height:1.6}.onboarding-integration .integration-section{margin:0;padding:0;background:transparent}.onboarding-integration .section-heading{display:none}.onboarding-integration .integration-card{box-shadow:none}.onboarding-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.onboarding-actions button,.onboarding-complete-card>button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 17px;border:1px solid rgba(25,113,96,.16);border-radius:13px;color:#3e625b;background:#f6faf9;font-weight:850;cursor:pointer}.onboarding-actions .onboarding-next,.onboarding-complete-card>button{color:#073f34;border-color:transparent;background:linear-gradient(135deg,#4be0ba,#b9f7e6);box-shadow:0 10px 24px rgba(34,174,140,.2)}.onboarding-actions .onboarding-skip{color:#687975;background:transparent}.onboarding-actions button:disabled,.onboarding-complete-card>button:disabled{opacity:.55;cursor:wait}.onboarding-message{margin:12px 0 0;color:#ad4d45;font-size:12px;text-align:right}.onboarding-complete-card{text-align:center}.onboarding-complete-icon{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 22px;border-radius:24px;color:#08715d;background:#c9f8e9}.onboarding-complete-card h1{margin:8px 0;color:#173f38;font-size:38px;letter-spacing:-.05em}.onboarding-complete-card>p:not(.eyebrow){max-width:480px;margin:0 auto 24px;color:#657d78;line-height:1.7}@media(max-width:640px){.onboarding-shell{align-items:start;padding:12px}.onboarding-card,.onboarding-complete-card{padding:18px 14px;border-radius:22px}.onboarding-step-title{gap:11px;margin:24px 2px 16px}.onboarding-step-title>.integration-logo{width:44px;height:44px}.onboarding-step-title h1{font-size:24px}.onboarding-integration .integration-card{padding:15px}.onboarding-actions{display:grid;grid-template-columns:1fr 1fr}.onboarding-actions .onboarding-back{grid-column:1 / -1}.onboarding-actions .onboarding-skip,.onboarding-actions .onboarding-next{width:100%}}.account-delete-panel .confirm-delete{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid rgba(185,54,45,.24);border-radius:11px;color:#8e2821;background:#ffe9e6;cursor:pointer}@media(max-width:900px){.device-grid{grid-template-columns:repeat(auto-fit,minmax(min(205px,100%),1fr))}.compact-card-grid{--compact-card-collapsed-height: 296px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.compact-card.expanded{grid-column:1 / -1}}@media(min-width:641px)and (max-width:900px){.integration-card.expanded-card{grid-column:1 / -1}}@media(max-width:640px){.devices-section>.section-heading{align-items:stretch;flex-direction:column}.device-heading-actions{width:100%;align-items:stretch}.device-heading-actions>span{text-align:right}.view-mode-control{order:-1;width:100%;justify-content:space-between;box-sizing:border-box}.view-mode-toggle{width:auto;flex:1}.view-mode-toggle button{flex:1;min-height:38px;padding-inline:9px}.compact-dashboard-hint{font-size:10px;line-height:1.45}.compact-card-grid{--compact-card-collapsed-height: 232px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-card{min-height:var(--compact-card-collapsed-height);padding:10px 10px 58px;border-radius:14px}.compact-card.expanded{grid-column:1 / -1;min-height:var(--compact-card-collapsed-height);height:auto}.compact-card:hover{transform:none}.compact-icon{width:29px;height:29px;border-radius:9px}.compact-card strong{min-height:29px;font-size:12px}.compact-primary{padding:5px 6px}.compact-primary small{font-size:9px}.compact-card b{font-size:16px}.compact-card>span{font-size:11px}.compact-facts{gap:4px}.compact-facts>div{padding:4px 5px;border-radius:8px}.compact-facts dt{font-size:9px}.compact-facts dd{font-size:11px}.compact-expanded-list{gap:5px}.compact-controls button,.compact-primary-action{min-height:40px;padding:0 9px;font-size:10px}.compact-inline-controls{grid-template-columns:1fr 1fr;gap:6px}.compact-inline-controls select{height:40px;font-size:10px}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:8px}.device-card{min-height:230px;padding:12px;border-radius:14px}.device-top{align-items:flex-start;gap:6px}.device-icon{width:36px;height:36px;border-radius:11px}.device-icon svg{width:19px;height:19px}.provider-pill{max-width:calc(100% - 42px);padding:4px 6px;overflow:hidden;font-size:8px!important;text-overflow:ellipsis;white-space:nowrap}.device-info{padding-top:12px}.device-info>span{font-size:9px}.device-info h3{margin-top:4px;font-size:14px}.device-category-selector{gap:4px;margin-top:6px}.device-category-selector>span{font-size:8px}.device-category-selector select,.device-category-selector input{height:30px;padding:0 6px;font-size:10px}.device-name-row{gap:2px}.device-name-row button{width:26px;height:26px;margin-top:2px}.device-progress{margin:8px 0 9px}.device-progress>i{height:6px}.device-summary{gap:5px;margin-top:9px}.device-summary>div{padding:6px;border-radius:7px}.device-summary dt{font-size:9px}.device-summary dd{margin-top:3px;font-size:12px}.quick-controls{gap:5px;margin:7px 0 9px}.quick-controls label{grid-template-columns:minmax(0,1fr);gap:3px}.quick-controls label>span{font-size:8px}.quick-controls select{height:34px;padding-left:7px;font-size:10px}.light-level-control{grid-template-columns:minmax(0,1fr);gap:3px}.light-level-control>span{font-size:8px}.light-level-options button{height:32px;padding:0 3px;font-size:9px}.device-bottom{align-items:flex-start;flex-direction:column;gap:5px;padding-top:9px}.online-text,.offline-text{font-size:9px}.device-card-actions{width:100%;justify-content:space-between;gap:3px}.power-control{min-height:28px;gap:3px;padding-left:6px}.power-state{font-size:9px}.device-details-button{min-height:32px;padding:0 3px;font-size:9px}.toggle{width:40px;height:24px}.toggle span{width:18px;height:18px}.toggle.on span{transform:translate(16px)}.webos-pairing-guide{padding:12px}.webos-pairing-guide li{font-size:10px}.automation-grid{grid-template-columns:1fr;gap:8px}.automation-builder{padding:14px;border-radius:15px}.automation-fields,.automation-action-row,.automation-condition-row{grid-template-columns:1fr}.automation-action-row select,.automation-action-row input,.automation-condition-row select,.automation-condition-row input,.automation-action-row button,.automation-weekday-picker{width:100%}.automation-builder-actions button{flex:1}}@media(prefers-reduced-motion:reduce){.compact-card,.compact-expansion{transition-duration:1ms}}@media(max-width:339px){.device-grid{grid-template-columns:minmax(0,1fr)}.devices-section>.section-heading{align-items:stretch;flex-direction:column}.device-heading-actions{width:100%;align-items:stretch}.device-heading-actions>span{text-align:right}.compact-card b{min-height:32px;display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.22;text-overflow:clip;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.compact-quick-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-quick-controls label:last-child:nth-child(odd){grid-column:1 / -1}.compact-card>span,.compact-facts dd{display:-webkit-box;overflow:hidden;line-height:1.25;text-overflow:clip;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media(orientation:landscape)and (max-height:600px)and (max-width:1000px){.compact-card-grid{--compact-card-collapsed-height: 224px;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}.compact-card{min-height:var(--compact-card-collapsed-height);padding:10px 10px 54px}.compact-card.expanded{grid-column:1 / -1;min-height:var(--compact-card-collapsed-height);height:auto}.device-grid{grid-template-columns:repeat(auto-fill,minmax(185px,224px));justify-content:start}}.support-section{margin-top:24px}.support-privacy{margin:0 0 16px;color:#617b75;font-size:.82rem;line-height:1.65}.support-new,.support-form button,.support-reply button{display:inline-flex;align-items:center;gap:7px}.support-form,.support-ticket{background:#fff;border:1px solid rgba(31,73,84,.11);border-radius:18px;padding:16px}.support-form{display:grid;gap:10px;margin-bottom:14px}.support-form input,.support-form textarea,.support-reply textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid rgba(31,73,84,.14);border-radius:12px;outline:0;color:#213b36;background:#f9fcfb;font:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.support-form input:focus,.support-form textarea:focus,.support-reply textarea:focus{border-color:rgba(25,174,139,.48);box-shadow:0 0 0 3px rgba(52,211,174,.11)}.support-form textarea,.support-reply textarea{min-height:110px;resize:vertical}.support-list{display:grid;gap:10px}.support-ticket summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;cursor:pointer}.support-ticket summary time,.support-ticket summary small{color:#71847f;font-size:.78rem}.support-status{border-radius:999px;padding:4px 8px;font-size:.75rem;background:rgba(242,169,59,.133)}.support-status.answered{background:rgba(47,200,155,.133);color:#08785c}.support-status.closed{background:rgba(139,150,168,.133)}.support-thread{display:grid;gap:10px;margin:16px 0}.support-thread article{background:#f4f9f7;border-radius:12px;padding:12px}.support-thread article.admin-reply{border-left:3px solid #32cba5}.support-thread p{white-space:pre-wrap;margin:7px 0}.support-thread time{color:#71847f;font-size:.75rem}.support-reply{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}@media(max-width:600px){.support-ticket summary{grid-template-columns:auto 1fr}.support-ticket summary time{grid-column:2}.support-reply{grid-template-columns:1fr}.support-section{margin-top:16px}.support-dialog{max-height:calc(100dvh - 16px);padding:16px 14px;border-radius:20px}.support-dialog-heading{top:-16px;margin:-2px -2px 0;padding:2px 2px 12px}.support-form{padding:13px}.support-form textarea{min-height:120px}}.cache-status{display:flex;align-items:center;gap:7px;margin:8px 0 12px;color:var(--muted);font-size:.78rem}.support-new,.support-form button,.support-reply button{min-height:40px;justify-content:center;padding:0 13px;border:1px solid rgba(35,184,149,.24);border-radius:11px;color:#0b6d5b;background:rgba(35,184,149,.08);font:inherit;font-weight:800;cursor:pointer}
