@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-gradient-start: #181A19;--bg-gradient-end: #000000;--bg-app: radial-gradient(ellipse 71% 71% at 50% 50%, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);--color-primary: #26BD93;--color-primary-bold: #4be77f;--color-primary-bold-mute:#4be77fa1;--color-primary-foreground: #1D2621;--color-surface-primary-low-opacity: #26BD931C;--color-surface-card: #E0E2E10F;--color-overlay-backdrop: #26BD931F;--color-text-primary: #FFFFFF;--color-text-secondary: #E0E2E1;--color-text-muted: #BFC2C1;--color-error: #DE3B40;--border-subtle: rgba(145, 149, 148, .39);--border-primary: rgba(38, 189, 147, .44);--radius-card: 15px;--radius-pill: 999px;--sidebar-width: 104px}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0;background:var(--bg-gradient-end);color:var(--color-text-primary);overscroll-behavior:none}*{box-sizing:border-box}:root{--sidebar-width-collapsed: 80px;--sidebar-width-expanded: 240px;--sidebar-width: var(--sidebar-width-collapsed);--glass-bg: rgba(255, 255, 255, .045);--glass-bg-hover: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .09);--glass-highlight: rgba(255, 255, 255, .06);--glass-shadow: rgba(0, 0, 0, .25);--glass-blur: 21px}.app-shell{display:flex;min-height:100vh;min-height:100dvh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 75% -10%,rgba(38,189,147,.1),transparent 35%),radial-gradient(circle at 10% 90%,rgba(38,189,147,.035),transparent 30%),#0c100e}.app-shell:before{content:"";position:fixed;top:-10vh;right:-10vw;width:50vw;height:50vh;background:#26bd930e;filter:blur(120px);pointer-events:none;z-index:0}.dashboard-background:after{content:"";position:fixed;inset:-12px;background-image:url(/assets/house-CmdmHN7u.png);background-position:calc(100% + 25vw) center;background-repeat:no-repeat;background-size:90% auto;opacity:.2;filter:blur(1.5px);pointer-events:none;z-index:-1}.ambient-glow{position:fixed;top:-10%;left:50%;right:7%;height:50vh;border-radius:50%;background:radial-gradient(circle,rgba(38,189,147,.25) 0%,rgba(38,189,147,.08) 50%,transparent 100%);filter:blur(60px);pointer-events:none;z-index:1;opacity:.45}.app-content{position:relative;z-index:5;flex:1;margin-left:var(--sidebar-width);padding:20px 32px 40px;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;scrollbar-width:thin}.app-shell:has(.sidebar.expanded) .app-content{margin-left:var(--sidebar-width-expanded)}.auth-layout-wrapper{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(/assets/house-CmdmHN7u.png);background-position:calc(100% + 25vw) center;background-size:60% auto;background-attachment:fixed;background-repeat:no-repeat;isolation:isolate;overflow:hidden}.auth-layout-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a0e0ceb,#0a0e0cc7);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1}.auth-layout-wrapper>*{position:relative;z-index:2}.page-title{font-size:28px;font-weight:400;color:var(--color-text-primary);margin:8px 0 24px}.muted{color:var(--color-text-muted);font-size:14px}.card{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff0f,#ffffff06);backdrop-filter:blur(var(--glass-blur)) saturate(135%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:20px;box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 35%);pointer-events:none}.card:hover{border-color:#ffffff21;box-shadow:0 12px 38px #0000004d,inset 0 1px #ffffff14}.blur{background:linear-gradient(135deg,#ffffff0e,#ffffff06);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);border:1px solid rgba(255,255,255,.09);box-shadow:0 8px 32px #0000003d,inset 0 1px #ffffff0f}.devices-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.fab{width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-foreground);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 8px 24px #26bd9340;transition:transform .2s ease,box-shadow .2s ease}.fab:hover{transform:translateY(-2px);box-shadow:0 12px 30px #26bd9352}.fab:active{transform:translateY(0) scale(.96)}.devices-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:28px}.devices-search{display:flex;align-items:center;gap:10px;flex:1;min-width:220px;max-width:340px;padding:10px 16px;background:#ffffff09;border:1px solid var(--border-subtle);border-radius:12px;color:var(--color-text-muted);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s ease,background .2s ease}.devices-search:focus-within{background:#ffffff0e;border-color:#26bd9373}.devices-search input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:14px}.devices-search input::placeholder{color:var(--color-text-muted)}.room-pills{display:flex;gap:10px;flex-wrap:wrap}.room-pill{background:#26bd9314;border:1px solid var(--border-primary);color:var(--color-text-secondary);border-radius:10px;padding:10px 18px;font-size:14px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.room-pill:hover{background:#26bd9324;border-color:#26bd9359;transform:translateY(-1px)}.room-pill.active{background:var(--color-primary);color:var(--color-primary-foreground);font-weight:600;border-color:var(--color-primary);box-shadow:0 6px 18px #26bd9333}.device-group{margin-bottom:28px}.device-group-heading{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--color-text-secondary);margin:0 0 14px}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}@media(max-width:768px){:root{--sidebar-width: 0px}.app-content{width:100%;margin-left:0;padding:max(16px,env(safe-area-inset-top,0px)) 16px calc(var(--tabbar-h) + 24px);box-sizing:border-box}.app-shell:has(.sidebar.expanded) .app-content,.app-shell:has(.sidebar.collapsed) .app-content{margin-left:0}.dashboard-background:after{background-position:center;background-size:110% auto;opacity:.2;filter:blur(1.5px);position:fixed;inset:-12px;background-position:calc(100% + 25vw) center}}@media(max-width:560px){.app-content{width:100%;margin-left:0;overflow-x:hidden;padding:max(16px,env(safe-area-inset-top,0px)) 16px calc(var(--tabbar-h) + 24px);box-sizing:border-box}.page{width:100%;max-width:100%;overflow-x:hidden}.card{border-radius:16px;padding:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.devices-toolbar{align-items:stretch}.devices-search{max-width:none;width:100%}.device-grid{grid-template-columns:1fr}}:root{--animation-fast: .18s;--animation-normal: .28s;--animation-slow: .4s;--animation-ease: cubic-bezier(.22, 1, .36, 1);--animation-primary: #26bd93}.animate-interactive{transition:transform var(--animation-normal) var(--animation-ease),box-shadow var(--animation-normal) ease,background-color var(--animation-normal) ease,border-color var(--animation-normal) ease,color var(--animation-normal) ease,opacity var(--animation-normal) ease,filter var(--animation-normal) ease}.animate-card{transition:transform var(--animation-normal) var(--animation-ease),box-shadow var(--animation-normal) ease,border-color var(--animation-normal) ease,background-color var(--animation-normal) ease}.animate-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #0003}.animate-card-strong{transition:transform var(--animation-normal) var(--animation-ease),box-shadow var(--animation-normal) ease,border-color var(--animation-normal) ease,background-color var(--animation-normal) ease}.animate-card-strong:hover{transform:translateY(-5px) scale(1.008);box-shadow:0 20px 42px #0000003d,0 0 28px #26bd930f}.animate-button{cursor:pointer;transition:transform var(--animation-fast) var(--animation-ease),box-shadow var(--animation-normal) ease,filter var(--animation-normal) ease,background-color var(--animation-normal) ease,border-color var(--animation-normal) ease,color var(--animation-normal) ease}.animate-button:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 8px 24px #0000002e}.animate-button:active{transform:translateY(0) scale(.97);box-shadow:0 4px 12px #0000001f}.animate-icon{transition:transform var(--animation-normal) var(--animation-ease),color var(--animation-normal) ease,opacity var(--animation-normal) ease,filter var(--animation-normal) ease}.animate-icon:hover,.animate-interactive:hover .animate-icon{transform:scale(1.06)}.animate-icon-rotate{transition:transform var(--animation-normal) var(--animation-ease),color var(--animation-normal) ease}.animate-icon-rotate:hover{transform:rotate(12deg) scale(1.06)}.animate-nav{cursor:pointer;transition:transform var(--animation-normal) var(--animation-ease),background-color var(--animation-normal) ease,color var(--animation-normal) ease,box-shadow var(--animation-normal) ease,border-color var(--animation-normal) ease}.animate-nav:hover{transform:translate(3px);background:#ffffff0b;box-shadow:0 8px 20px #0000001f}.animate-nav:active{transform:translate(2px) scale(.985)}.animate-nav .animate-icon{transition:transform var(--animation-normal) var(--animation-ease),color var(--animation-normal) ease,filter var(--animation-normal) ease}.animate-nav:hover .animate-icon{transform:translateY(-1px) scale(1.06);color:var(--animation-primary);filter:drop-shadow(0 0 6px rgba(38,189,147,.18))}.animate-image{overflow:hidden}.animate-image img{transition:transform var(--animation-slow) var(--animation-ease),filter var(--animation-slow) ease}.animate-image:hover img{transform:scale(1.045)}.animate-glow{transition:box-shadow var(--animation-normal) ease,transform var(--animation-normal) var(--animation-ease),border-color var(--animation-normal) ease}.animate-glow:hover{transform:scale(1.035);box-shadow:0 0 0 5px #26bd930b,0 12px 30px #0000003d,0 0 24px #26bd9314}.animate-glass{transition:transform var(--animation-normal) var(--animation-ease),background-color var(--animation-normal) ease,border-color var(--animation-normal) ease,box-shadow var(--animation-normal) ease,backdrop-filter var(--animation-normal) ease}.animate-glass:hover{transform:translateY(-4px);background:#ffffff13;border-color:#ffffff29;box-shadow:0 14px 35px #0003}.animate-glass-interactive{position:relative;overflow:hidden;transition:transform var(--animation-normal) var(--animation-ease),background-color var(--animation-normal) ease,border-color var(--animation-normal) ease,box-shadow var(--animation-normal) ease}.animate-glass-interactive:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);transform:translate(-120%);transition:transform .55s ease;pointer-events:none}.animate-glass-interactive:hover{transform:translateY(-3px);background:#fff1;border-color:#26bd9338;box-shadow:0 14px 32px #0003}.animate-glass-interactive:hover:before{transform:translate(120%)}.animate-row{position:relative;transition:background-color var(--animation-normal) ease,transform var(--animation-normal) var(--animation-ease),padding-left var(--animation-normal) var(--animation-ease),box-shadow var(--animation-normal) ease}.animate-row:hover{background:#ffffff0b;transform:translate(2px)}.animate-row-icon{transition:transform var(--animation-normal) var(--animation-ease),background-color var(--animation-normal) ease,box-shadow var(--animation-normal) ease,color var(--animation-normal) ease}.animate-row:hover .animate-row-icon{transform:scale(1.06);background:#26bd9324;box-shadow:0 6px 18px #26bd9314;color:var(--animation-primary)}.animate-row-chevron{transition:transform var(--animation-normal) var(--animation-ease),color var(--animation-normal) ease}.animate-row:hover .animate-row-chevron{transform:translate(4px);color:var(--animation-primary)}.animate-input{transition:border-color var(--animation-normal) ease,box-shadow var(--animation-normal) ease,background-color var(--animation-normal) ease,transform var(--animation-normal) var(--animation-ease)}.animate-input:focus{outline:none;border-color:#26bd93a6;background-color:#ffffff0b;box-shadow:0 0 0 3px #26bd931a,0 8px 22px #0000001a}.animate-underline{position:relative}.animate-underline:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;transform:scaleX(0);transform-origin:right;background:var(--animation-primary);transition:transform var(--animation-normal) var(--animation-ease)}.animate-underline:hover:after{transform:scaleX(1);transform-origin:left}.animate-fade-in{animation:myhomeFadeIn .5s ease both}@keyframes myhomeFadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:myhomeFadeUp .5s var(--animation-ease) both}@keyframes myhomeFadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-down{animation:myhomeFadeDown .5s var(--animation-ease) both}@keyframes myhomeFadeDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.animate-scale-in{animation:myhomeScaleIn .4s var(--animation-ease) both}@keyframes myhomeScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:myhomePulse 2s ease-in-out infinite}@keyframes myhomePulse{0%,to{opacity:1}50%{opacity:.65}}.animate-status{animation:myhomeStatusPulse 2s ease-in-out infinite}@keyframes myhomeStatusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.65}}.animate-tooltip{opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--animation-fast) ease,transform var(--animation-fast) var(--animation-ease),visibility var(--animation-fast) ease}.animate-tooltip-trigger:hover .animate-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);transform:translate(-120%);transition:transform .65s ease;pointer-events:none}.animate-shimmer:hover:after{transform:translate(120%)}.animate-lift{transition:transform var(--animation-normal) var(--animation-ease),box-shadow var(--animation-normal) ease}.animate-lift:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000029}.animate-scale-hover{transition:transform var(--animation-normal) var(--animation-ease)}.animate-scale-hover:hover{transform:scale(1.035)}.animate-primary-glow{transition:box-shadow var(--animation-normal) ease,border-color var(--animation-normal) ease,transform var(--animation-normal) var(--animation-ease)}.animate-primary-glow:hover{transform:translateY(-2px);border-color:#26bd934d;box-shadow:0 10px 28px #00000029,0 0 22px #26bd9314}.animate-button:disabled,.animate-interactive:disabled{cursor:not-allowed;transform:none!important;filter:none;box-shadow:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.power-btn{--power-on-rgb: 75, 231, 127;--power-off-rgb: 222, 59, 64;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.power-btn.power-btn--on,.power-btn.power-btn--on:hover,.power-btn.power-btn--on:active{color:rgb(var(--power-on-rgb));border-color:rgb(var(--power-on-rgb));background:rgba(var(--power-on-rgb),.12);box-shadow:0 0 14px rgba(var(--power-on-rgb),.35)}.power-btn.power-btn--off,.power-btn.power-btn--off:hover,.power-btn.power-btn--off:active{color:rgb(var(--power-off-rgb));border-color:rgb(var(--power-off-rgb));background:rgba(var(--power-off-rgb),.12);box-shadow:0 0 14px rgba(var(--power-off-rgb),.3)}.power-btn.power-btn--to-on{animation:power-btn-to-on 1s ease-in-out infinite}.power-btn.power-btn--to-off{animation:power-btn-to-off 1s ease-in-out infinite}.power-btn:disabled{cursor:default}@keyframes power-btn-to-on{0%,to{color:rgb(var(--power-off-rgb));border-color:rgb(var(--power-off-rgb));background:rgba(var(--power-off-rgb),.12);box-shadow:0 0 14px rgba(var(--power-off-rgb),.3)}50%{color:rgb(var(--power-on-rgb));border-color:rgb(var(--power-on-rgb));background:rgba(var(--power-on-rgb),.12);box-shadow:0 0 14px rgba(var(--power-on-rgb),.35)}}@keyframes power-btn-to-off{0%,to{color:rgb(var(--power-on-rgb));border-color:rgb(var(--power-on-rgb));background:rgba(var(--power-on-rgb),.12);box-shadow:0 0 14px rgba(var(--power-on-rgb),.35)}50%{color:rgb(var(--power-off-rgb));border-color:rgb(var(--power-off-rgb));background:rgba(var(--power-off-rgb),.12);box-shadow:0 0 14px rgba(var(--power-off-rgb),.3)}}@media(prefers-reduced-motion:reduce){.power-btn.power-btn--to-on,.power-btn.power-btn--to-off{animation:none;opacity:.6}}.toast-wrap{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:0;right:0;z-index:99999;display:flex;justify-content:center;padding:0 14px;pointer-events:none}.toast-drag{pointer-events:auto;touch-action:none;max-width:100%;transition:transform .32s cubic-bezier(.2,.9,.3,1)}.toast-drag.is-dragging{transition:none}.toast{--toast-accent: 52, 211, 153;--toast-accent-2: 16, 185, 129;--toast-offscreen: calc(-100% - env(safe-area-inset-top, 0px) - 30px) ;position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:13px;width:min(420px,calc(100vw - 28px));padding:14px 12px 17px 14px;border-radius:20px;color:#fff;background:radial-gradient(130px 70px at 30px 50%,rgba(var(--toast-accent),.2),transparent 75%),linear-gradient(180deg,#ffffff12,#ffffff04),#161b219e;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 44px -14px #0009,0 2px 6px #00000040,inset 0 1px #ffffff29;animation:toast-in .56s cubic-bezier(.25,.9,.35,1) both}.toast-success{--toast-accent: 52, 211, 153;--toast-accent-2: 16, 185, 129}.toast-error{--toast-accent: 255, 122, 122;--toast-accent-2: 239, 68, 68}.toast-leaving{animation:toast-out .34s cubic-bezier(.5,0,.75,0) forwards}.toast-leaving.toast-swiped{animation:toast-out-swipe .26s cubic-bezier(.4,0,1,1) forwards}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.toast{background:radial-gradient(130px 70px at 30px 50%,rgba(var(--toast-accent),.2),transparent 75%),#161b21f5}}.toast-icon{position:relative;flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;background:linear-gradient(145deg,rgb(var(--toast-accent)),rgb(var(--toast-accent-2)));box-shadow:0 8px 16px -6px rgba(var(--toast-accent-2),.7),inset 0 1px #ffffff61;animation:toast-tile .52s cubic-bezier(.34,1.56,.64,1) .14s both}.toast-icon:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(var(--toast-accent),.65);animation:toast-ring .8s ease-out .32s both}.toast-success .toast-icon svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:toast-draw .38s ease-out .36s forwards}.toast-error .toast-icon svg{animation:toast-shake .46s ease-in-out .42s both}.toast-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.toast-title{font-size:15px;font-weight:650;letter-spacing:-.012em;line-height:1.3;color:#fff}.toast-message{font-size:13px;font-weight:400;letter-spacing:.002em;line-height:1.5;color:#ffffffbd;overflow-wrap:anywhere;text-wrap:pretty}.toast-close{flex:0 0 auto;align-self:flex-start;display:grid;place-items:center;width:26px;height:26px;padding:0;border:none;border-radius:50%;background:#ffffff0f;color:#ffffffb3;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.toast-close:hover{background:#ffffff24;color:#fff}.toast-close:active{transform:scale(.88)}.toast-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(var(--toast-accent),.9),rgba(var(--toast-accent-2),.5));transform-origin:left center;animation:toast-progress var(--toast-duration, 4s) linear forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(var(--toast-offscreen)) scale(.96)}55%{opacity:1;transform:translateY(9px) scale(1.01)}78%{transform:translateY(-2px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}22%{opacity:1;transform:translateY(6px) scale(1.01)}to{opacity:0;transform:translateY(var(--toast-offscreen)) scale(.96)}}@keyframes toast-out-swipe{0%{opacity:1}to{opacity:0;transform:translateY(var(--toast-offscreen))}}@keyframes toast-tile{0%{opacity:0;transform:scale(.5) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes toast-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes toast-draw{to{stroke-dashoffset:0}}@keyframes toast-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toast-fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-fade-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.toast{animation:toast-fade-in .16s ease-out both}.toast-leaving,.toast-leaving.toast-swiped{animation:toast-fade-out .16s ease-in forwards}.toast-icon,.toast-icon:after,.toast-success .toast-icon svg path,.toast-error .toast-icon svg{animation:none}.toast-success .toast-icon svg path{stroke-dashoffset:0}}:root{--sidebar-w: 80px;--tabbar-h: calc(64px + env(safe-area-inset-bottom, 0px)) }.sidebar{box-sizing:border-box;position:fixed;top:0;left:0;bottom:0;width:80px;display:flex;flex-direction:column;background:#121815ec;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(38,189,147,.18);box-shadow:0 8px 32px #0006;z-index:20;padding:max(24px,env(safe-area-inset-top,0px)) 16px 24px max(16px,env(safe-area-inset-left,0px));transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar.expanded{width:240px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:32px;min-height:42px}.sidebar-brand{display:flex;align-items:center;gap:12px;overflow:hidden}.sidebar-logo{width:42px;height:42px;border-radius:10px;background:var(--color-primary-foreground, #1d2621);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-mark{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.icon-accents{width:100%;height:auto;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sidebar-brand-title{font-size:1.3rem;font-weight:700;color:#fff;white-space:nowrap;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar-toggle-btn{position:relative;width:28px;height:28px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--color-text-muted, #7d8b88);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease}.sidebar-toggle-btn:hover{background:#26bd9333;color:#26bd93}.sidebar.collapsed .sidebar-header{flex-direction:column;gap:12px}.sidebar-nav{display:flex;flex-direction:column;gap:12px;margin-top:16px}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.sidebar-item{position:relative;height:48px;width:100%;display:flex;align-items:center;border-radius:12px;color:var(--color-text-muted, #7d8b88);text-decoration:none;padding:0 12px;transition:color .2s ease,background .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sidebar-item-icon,.sidebar-item-label{position:relative;z-index:2}.sidebar-item-icon{flex-shrink:0}.sidebar-item-label{margin-left:16px;font-size:.95rem;font-weight:500;opacity:0;transition:opacity .2s ease}.sidebar.expanded .sidebar-item-label{opacity:1}.sidebar-item:hover{color:var(--color-text-secondary, #ffffff);background:#ffffff0a}.sidebar-item.active{color:#26bd93}.sidebar-item:focus-visible,.sidebar-toggle-btn:focus-visible{outline:2px solid #26bd93;outline-offset:2px}.sidebar-active-indicator{position:absolute;inset:0;border-radius:15px;background:#092b21e6;border:1px solid rgba(38,189,147,.25);z-index:1}@media(min-width:769px)and (max-height:520px){.sidebar{padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:12px}.sidebar-header{margin-bottom:12px}.sidebar-nav{margin-top:4px;gap:6px}.sidebar-footer{gap:6px}.sidebar-item{height:40px}}@media(max-width:768px){.sidebar,.sidebar.expanded,.sidebar.collapsed{inset:auto 0 0;width:100%;min-width:0;max-width:none;height:var(--tabbar-h);flex-direction:row;align-items:flex-start;justify-content:space-around;gap:4px;padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));border-right:none;border-top:1px solid rgba(38,189,147,.18);box-shadow:0 -8px 24px #00000073;transition:none;overflow:hidden;z-index:1000}.sidebar-header{display:none}.sidebar-nav,.sidebar-footer{display:contents}.sidebar-item{flex:1 1 0;min-width:0;width:auto;height:52px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;border-radius:12px}.sidebar-item:hover{background:none}.sidebar-item-icon{width:22px;height:22px}.sidebar-item-label{display:block;max-width:100%;margin-left:0;opacity:1;font-size:.68rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis}.sidebar-active-indicator{inset:2px;border-radius:12px}}@media(max-width:360px){.sidebar-item-label{font-size:.62rem}}@media(max-width:900px)and (max-height:480px)and (orientation:landscape){:root{--tabbar-h: calc(48px + env(safe-area-inset-bottom, 0px)) }.sidebar,.sidebar.expanded,.sidebar.collapsed{height:var(--tabbar-h);padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));inset:auto 0 0;width:100%;flex-direction:row;align-items:flex-start;justify-content:space-around;border-right:none;border-top:1px solid rgba(38,189,147,.18)}.sidebar-header{display:none}.sidebar-nav,.sidebar-footer{display:contents}.sidebar-item{flex:1 1 0;width:auto;height:40px;flex-direction:row;justify-content:center;gap:6px}.sidebar-item-label{margin-left:0;opacity:1;font-size:.72rem}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-item,.sidebar-item-label,.sidebar-toggle-btn{transition:none}}.splash-screen{position:fixed;inset:0;z-index:9999;overflow:hidden;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-bottom:24px}.splash-brand-container{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:auto;transform:translateY(-15px)}.splash-badge{position:relative;width:130px;height:130px;background-color:#171d1a;border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.splash-accents{position:absolute;width:150px;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.splash-title{margin:0;font-size:3.8rem;font-weight:700;letter-spacing:-.5px;line-height:1;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.splash-subtitle{margin:20px 0 0;font-size:1.05rem;font-weight:400;color:#7d8b88;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:color .5s ease}.splash-subtitle.rainbow-active{background:linear-gradient(90deg,#26bd93,#00d2ff,#9b51e0,#ff416c,#ff4b2b,#26bd93);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowShift 4s linear infinite}@keyframes rainbowShift{0%{background-position:0% 50%}to{background-position:300% 50%}}.splash-loader{margin-top:auto;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.splash-loader canvas,.splash-loader svg,.splash-loader>div{width:100%!important;height:100%!important;object-fit:contain}@media(max-width:520px){.splash-brand-container{transform:translateY(-20px)}.splash-badge{width:110px;height:110px;border-radius:22px;margin-bottom:20px}.splash-accents{width:120px}.splash-title{font-size:2.3rem}.splash-subtitle{font-size:.95rem}.splash-screen{padding-bottom:16px}.splash-loader{width:80px;height:80px}}.auth-screen{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;background:#000;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));overflow-y:auto;opacity:.9;-webkit-overflow-scrolling:touch}.auth-glow{position:fixed;top:0%;left:50%;width:100vw;max-width:640px;height:640px;background:radial-gradient(circle,#26bd9338,#26bd9300 70%);pointer-events:none;animation:auth-glow-drift 10s ease-in-out infinite;opacity:.2}.auth-glow:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#2fd6a42e,#2fd6a400 65%);animation:auth-glow-shimmer 4s ease-in-out infinite}@keyframes auth-glow-drift{0%{transform:translate(-50%) scale(1)}25%{transform:translate(-42%,4%) scale(1.08)}50%{transform:translate(-50%,8%) scale(.96)}75%{transform:translate(-58%,3%) scale(1.05)}to{transform:translate(-50%) scale(1)}}@keyframes auth-glow-shimmer{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.auth-card{position:relative;isolation:isolate;width:100%;max-width:440px;margin:auto;background:linear-gradient(180deg,#171d1a,#10140f);border:1px solid rgba(38,189,147,.15);border-radius:28px;padding:36px 28px;box-shadow:0 24px 60px #000000bf;z-index:10}.auth-card:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:#000;background:radial-gradient(circle,#044c3822,#000 72%);z-index:-1}.auth-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--glow-angle, 0deg),transparent 0deg,rgba(47,214,164,.95) 60deg,transparent 140deg,rgba(38,189,147,.5) 260deg,transparent 330deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;animation:auth-border-spin 6s linear infinite;pointer-events:none}@property --glow-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes auth-border-spin{to{--glow-angle: 360deg}}@keyframes auth-glow-pulse{0%,to{opacity:.9;transform:scale(.98)}50%{opacity:.85;transform:scale(1.03)}}.auth-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px}.auth-badge{width:72px;height:72px;background-color:#0d1210;border:1px solid rgba(38,189,147,.12);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 0 24px #26bd9326}.auth-accents{width:40px;height:auto;object-fit:contain}.auth-title{font-size:1.75rem;font-weight:700;margin:0;letter-spacing:-.01em}.text-white{color:#fff}.text-teal{color:#26bd93}.auth-subtitle{margin-top:6px;color:#7d8b88;font-size:.9rem;line-height:1.4}.auth-form{display:flex;flex-direction:column;gap:18px}.input-group{display:flex;flex-direction:column;gap:6px;text-align:left}.input-label-row{display:flex;justify-content:space-between;align-items:center}.input-group label{color:#7d8b88;font-size:.85rem;font-weight:500}.toggle-password-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#26bd93;font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 6px;margin:-4px -6px}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#4d5a56;pointer-events:none}.input-group .input-with-icon input{width:100%;padding-left:44px}.input-group input{background:#0d1210;border:1px solid #2a3430;color:#fff;padding:14px 16px;min-height:48px;border-radius:14px;outline:none;font-size:16px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.input-group input::placeholder{color:#4d5a56}.input-group input:focus{border-color:#26bd93;box-shadow:0 0 0 3px #26bd9326}.submit-btn{margin-top:8px;background:linear-gradient(180deg,#2fd6a4,#26bd93);color:#0d1210;border:none;padding:14px;min-height:50px;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:filter .2s ease,transform .1s ease;touch-action:manipulation}.submit-btn:hover{filter:brightness(1.05)}.submit-btn:active{transform:scale(.98)}.auth-footer-text{margin-top:20px;text-align:center;color:#7d8b88;font-size:.9rem}.text-teal-link{color:#26bd93;text-decoration:none;font-weight:600;padding:4px}.text-teal-link:hover{text-decoration:underline}@media(max-width:480px){.auth-card{padding:28px 20px;border-radius:22px}.auth-header{margin-bottom:20px}.auth-badge{width:64px;height:64px;border-radius:16px;margin-bottom:12px}.auth-accents{width:36px}.auth-title{font-size:1.5rem}}.auth-error{display:flex;align-items:center;gap:8px;color:#f5b8ba;background:#de3b4021;border:1px solid rgba(222,59,64,.44);border-radius:12px;padding:12px 14px;font-size:.85rem;line-height:1.4;margin:0}.submit-btn:disabled{opacity:.65;cursor:not-allowed;filter:none;transform:none}.submit-btn:disabled:hover{filter:none}@media(prefers-reduced-motion:reduce){.auth-glow,.auth-glow:after,.auth-card:before,.auth-card:after{animation:none}}.auth-info{color:#a8ecd6;background:#26bd931f;border:1px solid rgba(38,189,147,.4);border-radius:12px;padding:12px 14px;font-size:.85rem;line-height:1.4;margin:0}.auth-link-row{display:flex;justify-content:flex-end;margin-top:2px}.auth-link-btn{align-self:flex-start;background:none;border:none;color:#26bd93;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 6px;margin:-4px -6px;touch-action:manipulation}.auth-link-row .auth-link-btn{align-self:auto}.auth-link-btn:hover:not(:disabled){text-decoration:underline}.auth-link-btn:disabled{opacity:.55;cursor:not-allowed}*,*:before,*:after{box-sizing:border-box}.topbar{display:flex;flex-direction:column;gap:20px;margin-bottom:5%}.topbar-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.topbar-greeting{display:flex;align-items:center;gap:16px}.topbar-avatar{position:relative;width:44px;height:44px;border-radius:50%;background:#baf1e1;color:var(--color-primary-foreground);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0;overflow:visible}.topbar-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.topbar-avatar-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#1dd75b;border:2px solid var(--bg-gradient-end);z-index:2}.topbar-greeting h2{font-size:26px;font-weight:400;color:var(--color-text-primary);margin:0}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-weather-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-pill);background:#e0e2e121;border:1px solid var(--border-subtle);color:var(--color-text-secondary);font-size:15px;white-space:nowrap}.topbar-weather-pill svg{color:var(--color-primary);flex-shrink:0}.v-good{color:var(--color-primary);font-weight:500}.status-chip{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;letter-spacing:.02em;margin-left:4px;white-space:nowrap}.status-chip.online{background:#1dd75b21;border:1px solid var(--border-primary);color:#b8f5cd}.status-chip.offline{background:#de3b4021;border:1px solid rgba(222,59,64,.44);color:#f5b8ba}.status-chip .status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.topbar-bell{position:relative;width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;background:#f8f9f936;border:none;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.topbar-right .topbar-bell{overflow:visible}.topbar-badge{position:absolute;top:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:var(--color-error);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.topbar-bell:focus-visible,.topbar-home-select:focus-visible,.topbar-home-option:focus-visible,.topbar-alert:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.topbar-row-lower{align-items:flex-start}.topbar-clock{display:flex;flex-direction:column}.topbar-time{font-size:50px;font-weight:600;line-height:1;color:var(--color-text-primary);display:flex;align-items:baseline;gap:6px}.topbar-period{font-size:22px;font-weight:500;color:var(--color-text-secondary)}.topbar-date{font-size:12px;color:var(--color-text-secondary)}.topbar-weather-detail{display:flex;align-items:center;gap:12px}.topbar-weather-icon{width:83px;height:75px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#f5a623}.topbar-weather-image{width:100%;height:100%;object-fit:contain;border-radius:0}.topbar-weather-temp{font-size:20px;font-weight:700;color:var(--color-text-primary)}.topbar-weather-condition{font-size:14px;color:var(--color-text-secondary);margin-bottom:4px}.topbar-weather-meta{display:flex;gap:12px;font-size:13px;color:var(--color-text-secondary);flex-wrap:wrap}.topbar-weather-meta span{display:flex;align-items:center;gap:4px;white-space:nowrap}.topbar-side-col{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:340px;margin-left:auto}.topbar-home-select-wrap{position:relative;width:100%}.topbar-home-select{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:var(--radius-pill);background:#1dd75b14;border:1px solid rgba(29,215,91,.4);color:var(--color-primary);font-size:16px;font-weight:500;cursor:pointer;width:100%}.topbar-home-select span{flex:1;text-align:left}.topbar-home-chevron{color:var(--color-primary);transition:transform .2s ease;flex-shrink:0}.topbar-home-chevron-open{transform:rotate(180deg)}.topbar-home-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;list-style:none;margin:0;padding:6px;border-radius:14px;background:#141615eb;border:1px solid var(--border-subtle);box-shadow:0 12px 32px #00000073;max-height:240px;overflow-y:auto}.topbar-home-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;background:transparent;border:none;color:var(--color-text-secondary);font-size:14px;text-align:left;cursor:pointer}.topbar-home-option:hover{background:#e0e2e114}.topbar-home-option-selected{color:var(--color-primary);background:#1dd75b1a}.topbar-home-option-check{margin-left:auto;color:var(--color-primary)}.topbar-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:#e0e2e114;border:1px solid var(--border-subtle);cursor:pointer;text-align:left;width:100%;overflow:hidden;opacity:1;transform:translateY(0);max-height:80px;transition:opacity .25s ease,transform .25s ease,max-height .3s ease,padding .3s ease,margin .3s ease,border-width .3s ease,visibility 0s linear 0s}.topbar-alert:not(.topbar-alert-visible){opacity:0;transform:translateY(-6px);max-height:0;padding-top:0;padding-bottom:0;margin-top:-10px;border-width:0;box-shadow:none;visibility:hidden;transition-delay:0s,0s,0s,0s,0s,0s,.3s}.topbar-alert-icon{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#0a0a0a}.topbar-alert-text{display:flex;flex-direction:column;gap:2px;min-width:0}.topbar-alert-message{font-size:14px;font-weight:500;color:var(--color-text-primary)}.topbar-alert-time{font-size:12px;color:var(--color-text-secondary)}.topbar-alert-chevron{margin-left:auto;color:var(--color-text-secondary);flex-shrink:0}@media(max-width:900px){.topbar-row-lower{flex-direction:column;align-items:stretch;gap:18px}.topbar-weather-detail{margin-left:0}.topbar-side-col{min-width:0;width:100%;margin-left:0}.topbar-time{font-size:40px}}@media(max-width:768px){.topbar{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:16px}.topbar-row{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.topbar-greeting{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;flex:1}.topbar-avatar{width:42px;height:42px;min-width:42px;min-height:42px;flex-shrink:0}.topbar-greeting h2{font-size:19px;line-height:1.2;margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere}.topbar-right{width:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.topbar-right{padding:4px 4px 0 0}.topbar-right .topbar-weather-pill{padding:0;background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-right .topbar-weather-pill>:not(.status-chip){display:none}.status-chip{width:fit-content;display:flex;align-items:center;justify-content:center;margin-left:0;padding:6px 12px;font-size:12px}.topbar-bell{width:42px;height:42px;min-width:42px;min-height:42px;flex-shrink:0}.topbar-badge{width:18px;height:18px;font-size:10px;top:-2px;right:-2px}.topbar-row-lower{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.topbar-clock{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.topbar-time{display:flex;align-items:baseline;justify-content:center;width:100%;font-size:clamp(34px,11vw,44px);line-height:1;gap:5px}.topbar-period{font-size:15px}.topbar-date{font-size:12px;margin-top:4px;text-align:center}.topbar-weather-detail{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-left:0;text-align:left}.topbar-weather-icon{width:52px;height:52px;min-width:52px;min-height:52px}.topbar-weather-temp{font-size:18px}.topbar-weather-condition{font-size:12px;margin-bottom:2px}.topbar-weather-meta{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;flex-wrap:wrap}.topbar-side-col{width:100%;min-width:0;margin-left:0;display:flex;flex-direction:column;align-items:center;gap:8px}.topbar-home-select-wrap{width:min(100%,360px)}.topbar-home-select{width:100%;min-height:44px;padding:10px 12px;display:flex;align-items:center;justify-content:center;font-size:14px}.topbar-home-select span{flex:1;text-align:center}.topbar-alert{width:min(100%,360px);text-align:left}.topbar-alert:not(.topbar-alert-visible){margin-top:-8px}}@media(max-width:380px){.topbar{gap:14px}.topbar-greeting{gap:8px}.topbar-avatar{width:38px;height:38px;min-width:38px;min-height:38px}.topbar-greeting h2{font-size:17px}.topbar-bell{width:38px;height:38px;min-width:38px;min-height:38px}.status-chip{padding:5px 10px;font-size:11px}.topbar-time{font-size:30px}.topbar-period{font-size:14px}.topbar-date{font-size:11px}.topbar-weather-temp{font-size:16px}.topbar-weather-condition{font-size:11px}.topbar-home-select{font-size:13px}}@media(prefers-reduced-motion:reduce){.topbar-alert,.topbar-home-chevron{transition:none}}.empty-state{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;width:100%;max-width:520px;min-height:320px;padding:48px 24px;margin:5% auto 40px}.empty-state-icon{flex-shrink:0;width:88px;height:88px;border-radius:50%;background:#e0e2e10f;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);margin-bottom:8px}.empty-state h3{font-size:22px;font-weight:600;color:var(--color-text-primary);margin:0}.empty-state p{margin:0;max-width:420px;line-height:1.5}.empty-state-cta{flex-shrink:0;margin-top:8px;background:var(--color-primary);color:var(--color-primary-foreground);border:none;border-radius:var(--radius-pill);padding:14px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:filter .15s ease}.empty-state-cta:hover{filter:brightness(1.08)}@media(max-width:480px){.empty-state{padding:32px 20px;margin:16px auto;min-height:0}.empty-state-icon{width:64px;height:64px;margin-bottom:4px}}.house-overview{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.house-metrics{display:flex;flex-direction:column}.section-heading{font-size:16px;font-weight:500;color:var(--color-text-secondary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.metrics-grid:last-child{margin-bottom:0}@media(max-width:640px){.metrics-grid{grid-template-columns:1fr}}.metric-tile{display:flex;flex-direction:column;gap:4px;padding:16px}.metric-tile strong{font-size:20px;color:var(--color-text-primary);font-weight:600}.metric-icon{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted)}.small{font-size:12px}.metric-tile-accent{background:var(--color-surface-primary-low-opacity);border-color:var(--border-primary)}.metric-tile-accent strong{color:var(--color-primary)}.metric-tile-warning{background:#ffb45a14;border-color:#ffb45a4d}.metric-tile-warning strong{color:#ffb45a}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}.notification-banner{display:flex;align-items:center;gap:12px;margin-bottom:20px}.notification-icon{width:36px;height:36px;border-radius:50%;background:var(--color-surface-primary-low-opacity);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bottom-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.bottom-panels{grid-template-columns:1fr}}.panel{display:flex;flex-direction:column}.quick-access-row,.control-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.quick-access-item{display:flex;align-items:center;gap:10px;flex:1;min-width:160px;background:var(--color-surface-primary-low-opacity);border:1px solid var(--border-primary);border-radius:12px;padding:12px;color:var(--color-text-primary);cursor:pointer;text-align:left}.quick-access-icon{width:36px;height:36px;border-radius:8px;background:#00000059;display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.block{display:block}.control-item{flex:1;min-width:200px;display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:12px;padding:14px 16px}.control-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-subtle);background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.control-toggle.on{color:var(--color-primary);border-color:var(--border-primary);background:var(--color-surface-primary-low-opacity)}.quick-access-panel,.control-panel{position:relative;isolation:isolate;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease}.quick-access-panel:hover,.control-panel:hover{transform:translateY(-3px);background:linear-gradient(145deg,#ffffff16,#ffffff08);border-color:#26bd932e;box-shadow:0 20px 45px #00000047,0 0 30px #26bd930b}.quick-access-panel:after,.control-panel:after{content:"";position:absolute;width:180px;height:180px;top:-100px;right:-70px;border-radius:50%;background:radial-gradient(circle,rgba(38,189,147,.13),transparent 68%);opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;z-index:-1}.quick-access-panel:hover:after,.control-panel:hover:after{opacity:1;transform:scale(1.15)}.quick-access-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.quick-access-item{position:relative;display:flex;align-items:center;gap:13px;width:100%;padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:#ffffff06;color:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.quick-access-item:hover{transform:translateY(-4px);background:#fff1;border-color:#26bd9338;box-shadow:0 12px 28px #0003,0 0 22px #26bd930d}.quick-access-item:active{transform:translateY(-1px) scale(.98)}.quick-access-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#26bd9317;color:var(--color-primary, #26bd93);transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.quick-access-item:hover .quick-access-icon{transform:translateY(-2px) scale(1.06);background:#26bd9326;box-shadow:0 7px 20px #26bd931a}.quick-access-content{min-width:0;display:flex;flex-direction:column;gap:3px}.quick-access-content strong{color:var(--color-text-primary);font-size:14px;font-weight:650;transition:color .25s ease}.quick-access-item:hover .quick-access-content strong{color:#fff}.control-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.control-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;border-radius:15px;border:1px solid rgba(255,255,255,.055);background:#ffffff06;transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.control-item:hover{transform:translateY(-3px);background:#ffffff0f;border-color:#26bd932e;box-shadow:0 12px 28px #0003}.control-info{min-width:0;display:flex;flex-direction:column;gap:3px}.control-info strong{color:var(--color-text-primary);font-size:14px;font-weight:650;transition:color .25s ease}.control-item:hover .control-info strong{color:#fff}.control-toggle{position:relative;width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:#ffffff09;color:var(--color-text-secondary);cursor:pointer;transition:transform .3s ease,color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.control-toggle:hover{transform:translateY(-2px) scale(1.05);color:#26bd93;background:#26bd931a;border-color:#26bd9347;box-shadow:0 7px 20px #26bd931f}.control-toggle:active{transform:scale(.94)}.control-toggle.on{color:#26bd93;background:#26bd931f;border-color:#26bd934d;box-shadow:0 0 18px #26bd9314}.control-toggle.on:hover{background:#26bd932e;border-color:#26bd9373;box-shadow:0 0 25px #26bd932e}.control-item-on{border-color:#26bd9314}@media(max-width:680px){.quick-access-row,.control-row{grid-template-columns:1fr}.quick-access-item:hover,.control-item:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.quick-access-panel,.control-panel,.quick-access-item,.quick-access-icon,.control-item,.control-toggle,.quick-access-panel:after,.control-panel:after{transition:none!important}}.card-picker-overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px;isolation:isolate}.card-picker-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:none;cursor:pointer;background:radial-gradient(circle at 50% 35%,rgba(38,189,147,.06),transparent 45%),#000000e4;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(8px)}.card-picker-panel{position:relative;width:min(470px,100%);max-height:min(720px,86vh);display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:24px;background:linear-gradient(145deg,#ffffff16,#ffffff06);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff0d;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);overflow:hidden}.card-picker-panel:before{content:"";position:absolute;width:240px;height:240px;top:-140px;right:-90px;border-radius:50%;background:radial-gradient(circle,rgba(38,189,147,.14),transparent 70%);filter:blur(12px);pointer-events:none}.card-picker-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}.card-picker-header h2{margin:0;color:var(--color-text-primary, #ffffff);font-size:19px;font-weight:700;line-height:1.2;letter-spacing:-.025em}.card-picker-close{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:34px;padding:7px 15px;border:1px solid rgba(38,189,147,.2);border-radius:999px;background:linear-gradient(180deg,#2fd6a4,#26bd93);color:#06110c;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #26bd931f;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.card-picker-close:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 8px 24px #26bd9333}.card-picker-close:active{transform:scale(.97)}.card-picker-close:focus-visible{outline:2px solid #26bd93;outline-offset:3px}.card-picker-hint{position:relative;margin:0;max-width:410px;color:var(--color-text-secondary, #8d9893);font-size:12px;line-height:1.55}.card-picker-list{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:2px;padding-right:3px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.card-picker-list::-webkit-scrollbar{width:5px}.card-picker-list::-webkit-scrollbar-track{background:transparent}.card-picker-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.card-picker-list::-webkit-scrollbar-thumb:hover{background:#26bd9359}.card-picker-row{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid transparent;border-radius:15px;background:#ffffff05;color:inherit;cursor:pointer;text-align:left;box-sizing:border-box;transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.card-picker-row:not(.card-picker-row--locked):hover{transform:translateY(-1px);background:#ffffff0e;border-color:#ffffff14;box-shadow:0 8px 22px #00000026}.card-picker-row:has(.card-picker-check.on){background:linear-gradient(100deg,#26bd9314,#26bd9306);border-color:#26bd9321}.card-picker-row:has(.card-picker-check.on):hover{background:linear-gradient(100deg,#26bd931c,#26bd9309);border-color:#26bd9333}.card-picker-row--locked{cursor:not-allowed;background:#f4f1f103;opacity:.42}.card-picker-row--locked:hover{transform:none;background:#ffffff03;border-color:transparent}.card-picker-row-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.card-picker-row-copy strong{display:block;overflow:hidden;color:var(--color-text-primary, #ffffff);font-size:15px;font-weight:600;line-height:1.35;text-overflow:ellipsis}.card-picker-row-copy span{display:block;overflow:hidden;color:var(--color-text-secondary, #818b87);font-size:13px;line-height:1.45;text-overflow:ellipsis}.card-picker-lock{flex-shrink:0;width:17px;height:17px;color:#7b8581;transition:color .25s ease,transform .25s ease}.card-picker-row--locked:hover .card-picker-lock{color:#9ba49f}.card-picker-check{position:relative;flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:1.5px solid rgba(255,255,255,.17);background:#ffffff06;color:#eef7ee;box-sizing:border-box;transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}.card-picker-row:not(.card-picker-row--locked):hover .card-picker-check{border-color:#26bd9373;background:#26bd930b}.card-picker-check.on{background:linear-gradient(145deg,#2fd6a4,#26bd93);border-color:#26bd93;box-shadow:0 5px 14px #26bd9329}.card-picker-row:hover .card-picker-check.on{transform:scale(1.05)}.card-picker-check svg{width:14px;height:14px;stroke-width:3}.card-picker-row:focus-visible{outline:2px solid rgba(38,189,147,.75);outline-offset:2px}.card-picker-row:focus:not(:focus-visible){outline:none}@media(max-width:600px){.card-picker-overlay{align-items:flex-end;padding:10px}.card-picker-panel{width:100%;max-height:88vh;padding:20px 16px;border-radius:20px}.card-picker-header h2{font-size:18px}.card-picker-row{padding:14px 12px;border-radius:14px}}@media(max-width:380px){.card-picker-panel{padding:18px;border-radius:20px}.card-picker-header h2{font-size:17px}.card-picker-hint{font-size:11px}.card-picker-row{padding:12px 10px;gap:10px}.card-picker-check{width:21px;height:21px}}@media(prefers-reduced-motion:reduce){.card-picker-close,.card-picker-row,.card-picker-check,.card-picker-lock{animation:none!important;transition:none!important}}.card-picker-group{display:flex;flex-direction:column;gap:8px}.card-picker-group+.card-picker-group{margin-top:16px}.card-picker-group-title{margin:0;padding:0 4px;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.inverter-screen,.inverter-widget{--color-primary: var(--brand-primary, #26bd93);--color-primary-bold: var(--brand-primary-bold, #4be77f);--color-warn: var(--brand-warn, #e0a83a);--color-error: var(--brand-error, #de3b40);--text-primary-bold: var(--brand-text-primary, #ffffff);--text-secondary: var(--brand-text-secondary, #e0e2e1);--text-muted: var(--brand-text-muted, #bfc2c1);--card-bg: rgba(255, 255, 255, .04);--card-bg-solid: #16181a;--card-border: rgba(255, 255, 255, .06);--card-track: rgba(255, 255, 255, .08)}.inverter-screen{display:flex;flex-direction:column;gap:24px;padding:28px 32px 40px;color:var(--text-primary-bold);background:transparent;min-height:100%;box-sizing:border-box}.inverter-screen *,.inverter-widget,.inverter-widget *{box-sizing:border-box}.inverter-header{display:flex;align-items:center;justify-content:space-between}.inverter-title{margin:0;font-size:22px;font-weight:600;color:var(--text-primary-bold)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:2px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.icon-btn:hover{background:#ffffff14;color:var(--text-primary-bold)}.icon-btn--ring{position:absolute;top:20px;right:20px}.icon-btn--ring:disabled{cursor:default}.inverter-header-left{display:flex;align-items:center;gap:16px}.inverter-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.inverter-back-btn:hover{background:#ffffff14;color:var(--text-primary-bold);border-color:#ffffff24}.inverter-back-btn:active{transform:scale(.97)}.inverter-back-btn span{line-height:1}.inverter-heading{display:flex;flex-direction:column;gap:2px}.inverter-subtitle{font-size:12px;color:var(--text-muted)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#ffffff0f;color:var(--text-secondary)}.chip--active{background:#26bd931f;color:var(--color-primary)}.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.inverter-top-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(340px,1.6fr) minmax(240px,1fr);gap:20px;align-items:stretch}.soc-card{display:flex;flex-direction:column;align-items:center;gap:18px}.soc-gauge-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-top:4px}.soc-gauge{transform:rotate(0)}.soc-gauge-center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px}.soc-percent{font-size:34px;font-weight:700;color:var(--text-primary-bold);line-height:1}.soc-status{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--color-primary-bold)}.bolt{font-size:12px}.soc-metrics{display:flex;width:100%;justify-content:space-between;text-align:center;border-top:1px solid var(--card-border);padding-top:16px}.soc-metric{display:flex;flex-direction:column;gap:4px;flex:1}.soc-metric-value{font-size:16px;font-weight:700;color:var(--text-primary-bold)}.soc-metric-value--accent{color:var(--color-primary-bold)}.soc-metric-label{font-size:10px;letter-spacing:.04em;color:var(--text-muted)}.status-banner{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border-radius:10px;background:#26bd931a;color:var(--color-primary-bold);font-size:13px;font-weight:500}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--color-primary-bold);flex-shrink:0}.status-banner-arrow{margin-left:auto;color:var(--color-primary-bold)}.house-card{display:flex;align-items:center;justify-content:center;min-height:300px;padding:0;overflow:hidden}.house-illustration{position:relative;width:60%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.house-badge{position:absolute;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:#ffffff14;border:1px solid rgba(221,223,221,.352);font-size:12px;font-weight:600;color:var(--text-primary-bold);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff26}.house-badge-value{color:var(--text-primary-bold)}.house-badge-sep{width:1px;height:12px;background:var(--card-border)}.house-badge--panel{top:20px;transform:translateY(10%);z-index:2}.house-badge--grid{top:92px;left:24px}.house-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.grid-status{position:absolute;top:22px;right:24px;font-size:13px;font-weight:600;color:var(--color-primary)}.grid-status--off{color:var(--color-error)}.house-badge--battery{bottom:24px;left:24px}.house-badge--inverter{bottom:24px;right:24px}.house-badge-status{color:var(--text-muted);font-weight:500}.house-badge-status--online{color:var(--color-primary)}.energy-col{display:flex;flex-direction:column;gap:20px;height:100%}.energy-col-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-card{display:flex;flex-direction:column;gap:10px}.stat-card-header{display:flex;align-items:center;gap:10px}.stat-card-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;flex-shrink:0}.stat-card-icon--produce{background:#26bd9324;color:var(--color-primary-bold)}.stat-card-icon--consume{background:#e0a83a24;color:var(--color-warn)}.stat-card-label{font-size:15px;color:var(--text-muted)}.stat-card-value{font-size:24px;font-weight:700;color:var(--text-primary-bold)}.stat-card-sub{font-size:12px;color:var(--text-muted)}.net-surplus-card{display:flex;flex-direction:column;gap:6px;flex:1;justify-content:center}.net-surplus-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.net-surplus-value{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--color-primary-bold)}.net-surplus-value--muted{color:var(--text-muted);font-weight:500}.net-surplus-arrow{color:var(--text-muted)}.inverter-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.panel{display:flex;flex-direction:column;gap:14px}.panel-title-row{display:flex;align-items:center;justify-content:space-between}.panel-title{margin:0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.mini-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stat-card-icon--warn{background:#e0525224;color:#e05252}.stat-card-icon--info{background:#7896ff24;color:#7896ff}.stat-card-icon--primary{background:#26bd9324;color:var(--color-primary)}.stat-card.stat-card--compact{padding:16px;gap:6px}.stat-card--compact .stat-card-icon{width:26px;height:26px;border-radius:7px}.stat-card--compact .stat-card-value{font-size:20px}.stat-card--compact .stat-card-sub{font-size:11px}.stat-card--link{cursor:pointer;color:inherit;font:inherit;text-align:left;width:100%;transition:background .15s ease}.stat-card--link:hover:not(:disabled){background:#ffffff0d}.stat-card--link:disabled{cursor:default}.cell-voltage-panel{display:flex;flex-direction:column;gap:16px}.cell-voltage-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.cell-voltage-summary>div{display:flex;flex-direction:column;gap:2px;min-width:0}.cell-voltage-summary-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.cell-voltage-summary-value{font-size:16px;font-weight:700;color:var(--text-primary-bold);white-space:nowrap}.cell-voltage-summary-value--accent{color:var(--color-primary-bold)}.cell-voltage-summary .chip{margin-left:auto;background-color:#4be77f18;color:var(--color-primary-bold)}.cell-voltage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cell-voltage-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:#ffffff08;border:1px solid var(--card-border)}.cell-voltage-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.cell-voltage-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.cell-voltage-value{font-weight:700;color:var(--text-primary-bold)}.cell-tag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px}.cell-tag--max{background:#26bd9329;color:var(--color-primary-bold)}.cell-tag--min{background:#e0a83a29;color:var(--color-warn)}.cell-voltage-track{height:8px;border-radius:999px;background:var(--card-track);overflow:hidden}.cell-voltage-fill{height:100%;border-radius:999px}.cell-voltage-fill--max,.cell-voltage-fill--neutral{background:var(--color-primary-bold)}.cell-voltage-fill--min{background:var(--color-warn)}.usage-card{display:flex;flex-direction:column;gap:8px}.usage-headline{display:flex;align-items:baseline;gap:8px}.usage-output{font-size:30px;font-weight:700;color:var(--text-primary-bold)}.usage-output-label{font-size:13px;color:var(--text-muted)}.usage-progress-track{height:10px;border-radius:999px;background:var(--card-track);overflow:hidden;margin-top:4px}.usage-progress-fill{height:100%;border-radius:999px;background:var(--color-primary-bold)}.usage-progress-sub{font-size:12px;color:var(--text-muted)}.usage-chart{display:flex;flex-direction:column;gap:8px;margin-top:12px}.usage-chart-label{font-size:12px;color:var(--text-muted)}.usage-bars{display:flex;align-items:flex-end;gap:4px;height:90px}.usage-bar{flex:1;min-width:4px;border-radius:3px 3px 0 0;background:#ffffff40}.usage-bar:last-child{background:var(--color-primary-bold)}.usage-bar-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}@media(max-width:1180px){.inverter-top-grid,.inverter-bottom-grid{grid-template-columns:1fr}}@media(max-width:640px){.inverter-screen{padding:20px 16px calc(32px + var(--bottom-nav-height, 64px));gap:18px}.energy-col-row,.mini-card-grid,.cell-voltage-grid{grid-template-columns:1fr}.cell-voltage-summary{align-items:flex-start;gap:10px 20px}.cell-voltage-summary .chip{margin-left:0}.stat-card.stat-card--compact{padding:14px}.soc-percent{font-size:28px}.usage-output{font-size:26px}}.device-activity-row{display:flex;flex-direction:column;gap:14px}.activity-card{display:flex;align-items:center;gap:14px;padding:16px}.activity-card-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;flex-shrink:0}.activity-card-icon--bell{background:#26bd9324;color:#26bd93}.activity-card-icon--plug{background:#2f7ff024;color:#2f7ff0}.activity-card-copy{display:flex;flex-direction:column;gap:2px}.activity-card-copy strong{font-size:14px;color:#fff}.camera-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.camera-card{display:flex;flex-direction:column;gap:8px;padding:10px}.camera-thumb{position:relative;aspect-ratio:4 / 3;border-radius:10px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-thumb img{width:100%;height:100%;object-fit:cover}.camera-thumb-placeholder{color:#bfc2c1}.camera-live-badge{position:absolute;top:6px;right:6px;padding:2px 6px;border-radius:4px;background:#de3b40;color:#fff;font-size:10px;font-weight:700;letter-spacing:.03em}.camera-name{font-size:12px;font-weight:600;color:#e0e2e1;text-align:center}.device-widgets{display:flex;flex-direction:column;gap:24px;margin-bottom:20px}.device-widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:start}.device-widget--house,.device-widget--cell-voltages{grid-column:span 2}@media(max-width:720px){.device-widget--house,.device-widget--cell-voltages{grid-column:auto}}.home-page{width:100%}.dashboard-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 22px}.dashboard-header-content{min-width:0}.dashboard-header-title{display:flex;flex-direction:column;gap:4px}.dashboard-header-title h1{margin:0;color:var(--color-text-primary);font-size:27px;font-weight:750;line-height:1.1;letter-spacing:-.035em}.dashboard-header-title p{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.5}.dashboard-customize-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:6px 10px 6px 7px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:linear-gradient(145deg,#ffffff13,#ffffff06);color:var(--color-text-primary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #00000024,inset 0 1px #ffffff09;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.dashboard-customize-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.08) 50%,transparent 75%);transform:translate(-130%);transition:transform .6s ease;pointer-events:none}.dashboard-customize-btn:hover:before{transform:translate(130%)}.dashboard-customize-btn:hover{transform:translateY(-2px);border-color:#26bd9352;background:linear-gradient(145deg,#26bd931a,#ffffff09);box-shadow:0 12px 30px #0003,0 0 22px #26bd930f}.dashboard-customize-btn:active{transform:translateY(0) scale(.98)}.dashboard-customize-icon{position:relative;z-index:1;width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;background:#26bd931c;color:var(--color-primary);box-shadow:inset 0 1px #ffffff0a;transition:transform .25s ease,background .25s ease}.dashboard-customize-btn:hover .dashboard-customize-icon{transform:rotate(-4deg) scale(1.05);background:#26bd932b}.dashboard-customize-label{position:relative;z-index:1;line-height:1}.dashboard-customize-arrow{position:relative;z-index:1;color:#65716d;transition:transform .25s ease,color .25s ease}.dashboard-customize-btn:hover .dashboard-customize-arrow{color:var(--color-primary);transform:translate(2px)}.dashboard-customize-btn:focus-visible{outline:2px solid rgba(38,189,147,.75);outline-offset:3px}@media(max-width:700px){.dashboard-header{margin-top:4px;margin-bottom:18px}.dashboard-header-title h1{font-size:24px}.dashboard-header-title p{font-size:12px}}@media(max-width:520px){.dashboard-header{align-items:center;gap:12px}.dashboard-header-title h1{font-size:22px}.dashboard-header-title p{font-size:12px}.dashboard-customize-btn{min-height:39px;padding:5px 8px 5px 6px;gap:7px;border-radius:12px;font-size:12px}.dashboard-customize-icon{width:27px;height:27px;border-radius:8px}.dashboard-customize-arrow{display:none}}@media(max-width:380px){.dashboard-header-title h1{font-size:20px}.dashboard-customize-btn{width:38px;height:38px;min-height:38px;padding:5px;border-radius:11px}.dashboard-customize-label{display:none}.dashboard-customize-icon{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){.dashboard-customize-btn,.dashboard-customize-icon,.dashboard-customize-arrow{transition:none!important}.dashboard-customize-btn:before{display:none}}.device-card{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;box-sizing:border-box;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.device-card:hover{transform:translateY(-1px);border-color:#26bd9347;box-shadow:0 8px 22px #00000029}.device-card-image{width:52px;height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:#ffffff0e}.device-card-image img{width:46px;height:46px;display:block;object-fit:contain;transition:transform .25s ease}.device-card:hover .device-card-image img{transform:scale(1.05)}.device-card-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);background:#26bd9314;transition:transform .25s ease}.device-card:hover .device-card-fallback{transform:scale(1.05)}.device-card-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.device-card-name{display:block;color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-card-type{display:block;color:var(--color-text-secondary);font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-card-status-row{display:flex;align-items:center;gap:5px;min-width:0;margin-top:1px}.device-status{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:10px;font-weight:600}.device-status.online{color:#26bd93}.device-status.offline{color:#999}.device-status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.device-status.online .device-status-dot{box-shadow:0 0 0 3px #26bd931a}.device-status.offline .device-status-dot{opacity:.7}.device-status-separator{color:var(--color-text-secondary);opacity:.5;font-size:10px}.device-last-seen{min-width:0;color:var(--color-text-secondary);opacity:.55;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-card-note{color:var(--color-primary);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-card-metrics{display:flex;align-items:center;gap:12px;margin-top:3px;min-width:0}.device-metric{display:flex;align-items:baseline;gap:4px;min-width:0}.device-metric-icon{display:inline-flex;align-items:center;color:var(--color-primary)}.device-metric-icon svg{width:11px;height:11px}.device-metric-value{color:var(--color-primary);font-size:10px;font-weight:600;white-space:nowrap}.device-metric-label{color:var(--color-text-secondary);opacity:.55;font-size:9px;white-space:nowrap}.device-card-action{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.device-view-btn{display:flex;align-items:center;gap:5px;padding:5px 4px;border:none;background:transparent;color:var(--color-primary);font-size:12px;font-weight:600;cursor:pointer}.device-view-btn:hover{opacity:.8}.control-toggle{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(38,189,147,.55);border-radius:50%;background:transparent;color:var(--color-primary);cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.control-toggle:hover{transform:scale(1.05);background:#26bd9314}.control-toggle.on{background:#26bd9314;box-shadow:0 0 0 3px #26bd930d}.device-reading{color:var(--color-primary);font-size:20px;font-weight:700;white-space:nowrap}.device-card.offline{opacity:.82}.device-card.offline .device-card-image{filter:grayscale(.35)}.device-card.offline .device-card-name{opacity:.85}@media(max-width:600px){.device-card{gap:9px;padding:10px 11px}.device-card-image{width:46px;height:46px;flex-basis:46px}.device-card-image img{width:40px;height:40px}.device-card-fallback svg{width:24px;height:24px}.device-card-name{font-size:13px}.device-card-type{font-size:10px}.device-card-status-row{gap:4px}.device-status,.device-last-seen,.device-status-separator{font-size:9px}.device-card-metrics{gap:8px}.device-metric-value{font-size:9px}.device-metric-label{font-size:8px}.control-toggle{width:34px;height:34px}.device-view-btn{font-size:11px}.device-reading{font-size:17px}}.inverter-card{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;box-sizing:border-box;border:1px solid rgba(255,255,255,.08);border-radius:15px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.inverter-card:hover{transform:translateY(-1px);background:#ffffff0d;border-color:#26bd9340;box-shadow:0 8px 24px #00000026}.inverter-card-image{width:58px;height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}.inverter-card-image img{width:50px;height:50px;display:block;object-fit:contain;transition:transform .25s ease}.inverter-card:hover .inverter-card-image img{transform:scale(1.05)}.inverter-card-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);background:#26bd9314}.inverter-card-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.inverter-card-name{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inverter-card-model{color:var(--color-text-secondary);font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inverter-card-status{display:flex;align-items:center;gap:5px;min-width:0;margin-top:1px}.inverter-status{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:10px;font-weight:600}.inverter-status.online{color:var(--color-primary)}.inverter-status.offline{color:#888}.inverter-status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.inverter-status.online .inverter-status-dot{box-shadow:0 0 0 3px #26bd9314}.inverter-status-separator{color:var(--color-text-secondary);opacity:.4;font-size:10px}.inverter-last-seen{min-width:0;color:var(--color-text-secondary);opacity:.5;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inverter-metrics{display:flex;align-items:center;gap:11px;margin-top:3px}.toggle-layout{display:flex;align-items:center;flex-direction:column;gap:5px}.inverter-state{font-size:10px;color:var(--color-primary-bold);text-transform:uppercase}.inverter-state-labe-on{color:var(--color-primary-bold)}.inverter-state-labe-off{color:var(--color-error)}.inverter-metric{display:flex;align-items:center;gap:3px;min-width:0;color:var(--color-primary-bold-mute)}.inverter-metric svg{flex-shrink:0}.metric-value{font-size:10px;white-space:nowrap}.metric-label{color:var(--color-text-secondary);opacity:.55;font-size:9px;white-space:nowrap}.inverter-firmware{color:var(--color-text-secondary);opacity:.4;font-size:9px}.inverter-card-action{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.inverter-power-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(38,189,147,.35);border-radius:50%;background:transparent;color:var(--color-primary);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.inverter-power-button:hover{transform:scale(1.05);background:#26bd9314;border-color:#26bd93a6}.inverter-power-button.on{background:#26bd930f;box-shadow:0 0 0 3px #26bd930a}.inverter-card.offline{opacity:.82}.inverter-card.offline .inverter-card-image img{filter:grayscale(.35)}@media(max-width:600px){.inverter-card{gap:9px;padding:10px 11px;border-radius:13px}.inverter-card-image{width:48px;height:48px;flex-basis:48px}.inverter-card-image img{width:42px;height:42px}.inverter-card-name{font-size:13px}.inverter-card-model{font-size:10px}.inverter-status,.inverter-last-seen,.inverter-status-separator{font-size:9px}.inverter-metrics{gap:7px}.metric-value,.inverter-state{font-size:9px}.metric-label,.inverter-firmware{font-size:8px}.inverter-power-button{width:36px;height:36px}}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000ad;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:modalBackdropIn .25s ease-out}.modal-sheet{position:relative;width:100%;max-width:560px;padding:46px 34px 32px;background:linear-gradient(145deg,#ffffff17,#ffffff09),var(--bg-gradient-end);border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff14;overflow:hidden;text-align:center;animation:modalScaleIn .28s ease-out}.modal-sheet:before{content:"";position:absolute;top:-120px;left:50%;width:260px;height:180px;transform:translate(-50%);background:var(--color-primary);opacity:.08;filter:blur(70px);pointer-events:none}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--color-text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}.modal-close:hover{background:#ffffff1f;color:var(--color-text-primary);border-color:#ffffff2e;transform:rotate(90deg) scale(1.05)}.modal-close:active{transform:rotate(90deg) scale(.94)}.modal-header{position:relative;margin-bottom:28px}.modal-header h2{margin:0 0 8px;color:var(--color-text-primary);font-size:26px;font-weight:600;letter-spacing:-.02em}.modal-header p{margin:0;color:var(--color-text-secondary);font-size:14px;line-height:1.6}.device-add-option{position:relative;display:flex;align-items:center;width:100%;gap:16px;padding:17px;margin-bottom:14px;background:linear-gradient(135deg,#fff1,#ffffff06);border:1px solid rgba(255,255,255,.09);border-radius:16px;cursor:pointer;text-align:left;color:var(--color-text-primary);overflow:hidden;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.device-add-option:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 4px 4px 0;background:var(--color-primary);opacity:0;transition:opacity .22s ease}.device-add-option:hover{transform:translateY(-3px);background:linear-gradient(135deg,#ffffff1a,#ffffff0b);border-color:#fff3;box-shadow:0 14px 32px #00000047}.device-add-option:hover:before{opacity:1}.device-add-option:active{transform:translateY(0) scale(.99)}.device-add-option-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:15px;background:linear-gradient(135deg,#ffffff1f,#ffffff09);border:1px solid rgba(255,255,255,.1);color:var(--color-primary);transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.device-add-option:hover .device-add-option-icon{transform:scale(1.08);background:linear-gradient(135deg,#ffffff2e,#ffffff0f);box-shadow:0 8px 20px #0003}.device-add-option-content{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.device-add-option-content strong{color:var(--color-text-primary);font-size:16px;font-weight:600;line-height:1.3}.device-add-option-content span{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.device-add-option-arrow{flex-shrink:0;color:var(--color-text-secondary);transition:transform .22s ease,color .22s ease}.device-add-option:hover .device-add-option-arrow{transform:translate(5px);color:var(--color-text-primary)}.devices-bar{display:flex;gap:8px;align-items:stretch}.devices-bar .devices-search{flex:1;min-width:0}.devices-room-select{flex:none;max-width:140px;padding:0 32px 0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background-color:#ffffff0d;color:inherit;font:inherit;font-size:14px;cursor:pointer;outline:none;color-scheme:dark;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='0.7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.devices-room-select:hover,.devices-room-select:focus{border-color:#22c39a99;background-color:#22c39a14}.devices-room-select option{background-color:#0e1a16;color:#e8f3ef}.devices-room-select option:checked{background-color:#123d31;color:#22c39a}.gateway-card{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px;margin-bottom:12px}.gateway-head{display:flex;align-items:center;gap:12px;cursor:pointer}.gateway-icon,.child-icon{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:12px;background:#ffffff0f}.gateway-text,.child-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gateway-text span,.child-text span{font-size:12px;opacity:.7}.gateway-chevron{flex:none;opacity:.7}.gateway-kids{margin-top:10px;padding-left:8px;border-left:1px solid rgba(255,255,255,.12)}.child-row{display:flex;align-items:center;gap:10px;padding:8px 4px;cursor:pointer}.child-branch{flex:none;opacity:.5}.child-icon{width:36px;height:36px}.child-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;flex:none}.child-status.online{color:#22c39a}.child-status.offline{opacity:.6}.child-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.gateway-card[hidden],.gateway-kids[hidden],.child-row[hidden],.device-group[hidden]{display:none!important}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.modal-backdrop{align-items:flex-end;padding:0}.modal-sheet{max-width:none;padding:48px 20px 28px;border-radius:24px 24px 0 0;animation:modalSheetUp .28s ease-out}.modal-header h2{font-size:23px}.device-add-option{padding:15px;gap:13px}.device-add-option-icon{width:48px;height:48px}.device-add-option-content strong{font-size:15px}.device-add-option-content span{font-size:12px}}@keyframes modalSheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.form-sheet{text-align:left;padding-top:40px;width:min(100%,460px)}.form-sheet h2,.form-sheet>p{text-align:center}.form-sheet h2{margin-bottom:8px}.form-sheet>p{margin-bottom:28px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.form-field>span{font-size:13px;font-weight:600;color:var(--color-text-primary)}.form-field input,.form-field select{width:100%;box-sizing:border-box;min-height:46px;background:#ffffff0b;border:1px solid var(--border-subtle);border-radius:12px;padding:11px 14px;color:var(--color-text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color var(--animation-normal) ease,background-color var(--animation-normal) ease,box-shadow var(--animation-normal) ease,transform var(--animation-normal) var(--animation-ease)}.form-field input:hover,.form-field select:hover{background:#ffffff0f;border-color:#ffffff29}.form-field input:focus,.form-field select:focus{border-color:#26bd938c;background:#ffffff0f;box-shadow:0 0 0 3px #26bd9314,0 8px 20px #00000014}.form-field input::placeholder{color:var(--color-text-muted);opacity:.7}.form-field select{cursor:pointer;appearance:auto}.form-field select option{background:#1a1d22;color:var(--color-text-primary)}.form-submit{width:100%;margin-top:8px;min-height:46px}@media(max-width:520px){.form-sheet{width:100%;padding-top:36px}.form-field{margin-bottom:16px}.form-field input,.form-field select{min-height:44px}}.add-device-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:add-device-overlay-in .2s ease-out}.add-device-modal{width:100%;max-width:480px;max-height:calc(100vh - 40px);overflow-y:auto;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#141917f0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 70px #00000073,0 4px 20px #00000040;animation:add-device-modal-in .25s ease-out}.add-device-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.add-device-header h2{margin:0;font-size:21px;font-weight:600;letter-spacing:-.2px}.add-device-header .icon-back{width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#ffffff0f;color:inherit;font-size:22px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.add-device-header .icon-back:hover{background:#ffffff1c;transform:rotate(90deg)}.add-device-form{display:flex;flex-direction:column;gap:17px}.add-device-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:500}.add-device-form input,.add-device-form select{width:100%;box-sizing:border-box;min-height:44px;padding:10px 13px;border:1px solid rgba(255,255,255,.1);border-radius:10px;outline:none;background:#ffffff0e;color:inherit;font-family:inherit;font-size:14px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.add-device-form input::placeholder{color:#ffffff59}.add-device-form input:hover,.add-device-form select:hover{background:#ffffff13}.add-device-form input:focus,.add-device-form select:focus{border-color:#26bd93bf;background:#ffffff12;box-shadow:0 0 0 3px #26bd931a}.add-device-form select{cursor:pointer}.add-device-form select option{background:#171c1a;color:#fff}.add-device-form .muted{margin:-2px 0 2px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#ffffff09;line-height:1.5}.add-device-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}.add-device-form-actions button{min-height:40px;padding:9px 17px;border:0;border-radius:9px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .2s ease,opacity .2s ease}.add-device-form-actions button[type=button]{background:#ffffff12;color:inherit}.add-device-form-actions button[type=button]:hover{background:#ffffff1c}.add-device-form-actions .btn-primary{background:#26bd93;color:#07130f}.add-device-form-actions .btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.add-device-form-actions button:active{transform:scale(.98)}@keyframes add-device-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes add-device-modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.add-device-overlay{align-items:flex-end;padding:0}.add-device-modal{max-width:none;max-height:90vh;padding:21px 18px 24px;border-radius:20px 20px 0 0;animation-name:add-device-mobile-in}.add-device-form{gap:15px}.add-device-form-actions{position:sticky;bottom:0;padding-top:14px}.add-device-form-actions button{flex:1}}@keyframes add-device-mobile-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.wifi-mode-toggle{display:flex;gap:8px;margin-bottom:8px}.wifi-mode-toggle button{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border-subtle);background:#ffffff08;color:var(--color-text-muted);cursor:pointer}.wifi-mode-toggle button.active{background:var(--color-primary);color:#0a0a0a;border-color:var(--color-primary);font-weight:600}.wifi-scan-panel{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.wifi-network-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:#ffffff08;color:var(--color-text-primary);cursor:pointer;text-align:left}.wifi-network-row.selected{border-color:var(--color-primary);background:#2ecc9b1a}.form-status{padding:10px 12px;border-radius:8px;font-size:14px;margin-bottom:8px}.form-status-success{background:#2ecc9b1f;color:var(--color-primary)}.form-status-error{background:#ff5a5a1f;color:#ff6b6b}@media(max-width:600px){.add-device-overlay{align-items:flex-end;padding:0}.add-device-modal{max-width:none;max-height:90vh;padding:21px 18px 24px;margin-bottom:64px;border-radius:20px 20px 0 0;animation-name:add-device-mobile-in}.add-device-form{gap:15px}.add-device-form-actions{position:sticky;bottom:0;padding-top:14px}.add-device-form-actions button{flex:1}}.search-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.icon-back{width:40px;height:40px;border-radius:50%;background:#ffffff14;border:none;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.search-panel{max-width:900px}.search-layout{display:grid;grid-template-columns:1fr 260px;gap:32px}@media(max-width:700px){.search-layout{grid-template-columns:1fr}}.mesh-tabs{display:flex;gap:24px;margin-bottom:20px;border-bottom:1px solid var(--border-subtle)}.mesh-tab{background:none;border:none;color:var(--color-text-muted);font-size:15px;padding:0 0 12px;cursor:pointer;border-bottom:2px solid transparent}.mesh-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.found-device{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:10px;padding:14px 16px;margin-bottom:12px}.found-device-icon{width:40px;height:40px;border-radius:10px;background:#00000059;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0}.found-device-info{display:flex;flex-direction:column;gap:2px;flex:1}.btn-sm{padding:8px 18px;font-size:14px}.still-searching{display:flex;align-items:center;gap:8px;margin-top:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-radar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.radar-rings{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.radar-ring{position:absolute;border-radius:50%;background:var(--color-surface-primary-low-opacity);border:1px solid var(--border-primary)}.radar-ring.r1{width:60px;height:60px}.radar-ring.r2{width:110px;height:110px}.radar-ring.r3{width:160px;height:160px}.radar-center{position:absolute;width:36px;height:36px;border-radius:50%;background:var(--color-primary)}.search-footer{text-align:center;margin-top:24px}.link-btn{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;padding:0;font-size:inherit}.found-device-info strong{font-size:16px;font-weight:600;color:var(--color-text-primary)}.found-device-info .muted.small{color:var(--color-text-muted);font-size:13px}.found-device-icon{color:var(--color-text-primary)}.btn-primary.btn-sm{border-radius:999px;font-weight:600}.management-modal-backdrop{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.management-modal{width:100%;max-width:460px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.management-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.management-modal-header h3{margin:0;font-size:16px}.management-modal-close{background:none;border:none;color:var(--text-secondary, #e0e2e1);cursor:pointer;display:flex}.management-modal-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:10px}.management-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.management-row{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.management-row-icon{display:flex;color:#26bd93}.management-row-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.management-row-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.management-row-meta{font-size:12px;color:var(--text-muted, #bfc2c1)}.management-row-delete{background:none;border:none;color:#de3b40;cursor:pointer;display:flex;padding:6px;border-radius:6px}.management-row-delete:hover{background:#de3b401f}.management-confirm-row{display:flex;flex-direction:column;gap:8px;padding:12px;background:#de3b4014;border:1px solid rgba(222,59,64,.25);border-radius:10px;font-size:13px}.management-confirm-actions{display:flex;justify-content:flex-end;gap:8px}.management-modal-note{font-size:13px;color:var(--text-muted, #bfc2c1)}.management-modal-error{font-size:13px;color:#de3b40}.management-tabs{display:flex;gap:6px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.management-tab{background:none;border:none;padding:10px 4px;color:var(--text-muted, #bfc2c1);font-size:13px;cursor:pointer;border-bottom:2px solid transparent}.management-tab-active{color:#fff;border-bottom-color:#26bd93}.management-status-badge{font-size:11px;padding:2px 6px;border-radius:999px;text-transform:capitalize}.management-status-pending{background:#ffc10726;color:#ffc107}.management-status-expired,.management-status-cancelled,.management-status-declined{background:#bfc2c11f;color:var(--text-muted, #bfc2c1)}.management-home-select{padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;font-size:13px}.settings-page{width:100%;min-height:100%;padding-bottom:48px;color:var(--color-text-primary)}.settings-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.settings-header-copy{display:flex;align-items:center;gap:16px}.settings-header-icon{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#6366f12e,#a855f724);border:1px solid rgba(255,255,255,.1);color:#a78bfa;box-shadow:0 10px 30px #00000029,inset 0 1px #ffffff14}.settings-header-icon svg{width:25px;height:25px}.settings-page-header .page-title{margin:0;font-size:28px;line-height:1.15;font-weight:600;color:var(--color-text-primary)}.settings-page-description{margin:6px 0 0;color:var(--color-text-muted);font-size:14px;line-height:1.5}.settings-profile-button{display:flex;align-items:center;gap:12px;min-width:230px;padding:10px 13px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#ffffff0b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:inherit;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.settings-profile-button:hover{transform:translateY(-2px);background:#ffffff13;border-color:#ffffff29;box-shadow:0 14px 30px #0003}.settings-profile-avatar{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:13px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:15px;font-weight:700}.settings-profile-avatar img{width:100%;height:100%;object-fit:cover}.settings-profile-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.settings-profile-info strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);font-size:14px;font-weight:600}.settings-profile-info small{color:var(--color-text-muted);font-size:12px}.settings-glass-card{background:linear-gradient(145deg,#fff1,#ffffff06);border:1px solid rgba(255,255,255,.085);border-radius:var(--radius-card);box-shadow:0 20px 50px #0000002e,inset 0 1px #ffffff0b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.settings-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:36px}.settings-overview-card{position:relative;min-height:118px;padding:20px;display:flex;align-items:center;gap:15px;border-radius:20px;color:inherit;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}button.settings-overview-card{cursor:pointer}.settings-overview-card:before{content:"";position:absolute;width:120px;height:120px;top:-60px;right:-40px;border-radius:50%;background:#ffffff0b;filter:blur(8px);pointer-events:none}.settings-overview-card:hover{transform:translateY(-4px);border-color:#ffffff29;box-shadow:0 18px 40px #0000003b}.settings-overview-icon{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:15px}.settings-overview-icon-green{background:#22c55e1f;color:#4ade80}.settings-overview-icon-blue{background:#3b82f61f;color:#60a5fa}.settings-overview-icon-purple{background:#a855f71f;color:#c084fc}.settings-overview-content{min-width:0;display:flex;flex-direction:column;gap:3px}.settings-overview-content>span{color:var(--color-text-muted);font-size:13px}.settings-overview-content strong{color:var(--color-text-primary);font-size:20px;line-height:1.2;font-weight:650}.settings-overview-content small{color:var(--color-text-muted);font-size:12px}.settings-overview-arrow{margin-left:auto;color:#ffffff4d;transition:transform .25s ease,color .25s ease}.settings-overview-card:hover .settings-overview-arrow{transform:translate(4px);color:#ffffffb3}.settings-overview-status{margin-left:auto;color:#4ade80}.settings-mini-toggle{width:44px;height:25px;margin-left:auto;padding:3px;border:0;border-radius:999px;background:#ffffff21;cursor:pointer;transition:background .25s ease}.settings-mini-toggle span{display:block;width:19px;height:19px;border-radius:50%;background:#ffffffe0;transition:transform .25s ease}.settings-mini-toggle-on{background:linear-gradient(135deg,#6366f1,#a855f7)}.settings-mini-toggle-on span{transform:translate(19px)}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}.settings-main-column{min-width:0;display:flex;flex-direction:column;gap:36px}.settings-side-column{min-width:0;display:flex;flex-direction:column;gap:20px;position:sticky;top:20px}.settings-section{min-width:0}.settings-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:15px}.settings-section-heading-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:13px}.settings-heading-purple{color:#c084fc;background:#a855f71a}.settings-heading-teal{color:#2dd4bf;background:#14b8a61a}.settings-heading-green{color:#4ade80;background:#22c55e1a}.settings-section-heading h2{margin:0;color:var(--color-text-primary);font-size:17px;line-height:1.2;font-weight:700}.settings-section-heading p{margin:4px 0 0;color:var(--color-text-muted);font-size:13px;line-height:1.45}.settings-card{overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid rgba(255,255,255,.075);box-shadow:0 18px 45px #00000026,inset 0 1px #ffffff09;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.settings-item{min-height:82px;padding:16px 20px;display:flex;align-items:center;gap:15px;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:inherit;text-align:left;width:100%;transition:background .25s ease,padding .25s ease}.settings-item:last-child{border-bottom:0}.settings-item-button{cursor:pointer}.settings-item-button:hover:not(:disabled){background:#ffffff09}.settings-item-button:hover:not(:disabled) .settings-item-icon{transform:scale(1.06)}.settings-item-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:13px;transition:transform .25s ease}.settings-icon-blue{color:#60a5fa;background:#3b82f61c}.settings-icon-purple{color:#c084fc;background:#a855f71c}.settings-icon-indigo{color:#818cf8;background:#6366f11c}.settings-icon-orange{color:#fb923c;background:#f973161c}.settings-icon-gray{color:#cbd5e1;background:#94a3b81a}.settings-icon-teal{color:#2dd4bf;background:#14b8a61c}.settings-icon-green{color:#4ade80;background:#22c55e1c}.settings-icon-yellow{color:#facc15;background:#eab3081c}.settings-icon-slate{color:#94a3b8;background:#64748b1c}.settings-icon-red{color:#f87171;background:#ef44441c}.settings-item-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.settings-item-content strong{color:var(--color-text-primary);font-size:15px;line-height:1.25;font-weight:600}.settings-item-content span{color:var(--color-text-muted);font-size:12px;line-height:1.45}.settings-item-chevron{flex-shrink:0;color:#ffffff47;transition:transform .25s ease,color .25s ease}.settings-item-button:hover:not(:disabled) .settings-item-chevron{color:#ffffffb3;transform:translate(3px)}.settings-coming-soon{flex-shrink:0;padding:5px 9px;border-radius:999px;font-size:10px!important;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ffffff6b!important;background:#ffffff0e}.settings-toggle{width:48px;height:27px;flex-shrink:0;padding:3px;border:0;border-radius:999px;background:#ffffff1f;cursor:pointer;transition:background .25s ease,box-shadow .25s ease}.settings-toggle-thumb{display:block;width:21px;height:21px;border-radius:50%;background:#ffffffe6;box-shadow:0 2px 5px #00000040;transition:transform .25s ease}.settings-toggle-on{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 0 15px #8b5cf647}.settings-toggle-on .settings-toggle-thumb{transform:translate(21px)}.settings-segmented-control{display:flex;gap:3px;padding:3px;flex-shrink:0;border-radius:10px;background:#ffffff0e}.settings-segmented-control button{min-width:42px;height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#ffffff7a;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.settings-segmented-control button:hover{color:#ffffffd9}.settings-segmented-control button.active{color:#fff;background:linear-gradient(135deg,#6366f1cc,#a855f7bf);box-shadow:0 4px 12px #6366f133}.settings-count-badge{min-width:32px;height:29px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#22c55e1c;color:#4ade80;font-size:12px;font-weight:700}.settings-account-card{padding:22px;border-radius:21px}.settings-account-top{display:flex;align-items:center;gap:14px}.settings-account-avatar{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:19px;font-weight:800}.settings-account-avatar img{width:100%;height:100%;object-fit:cover}.settings-account-label{display:block;margin-bottom:3px;color:var(--color-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.settings-account-top h3{margin:0;color:var(--color-text-primary);font-size:16px;line-height:1.25}.settings-account-top p{margin:4px 0 0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:12px}.settings-account-status{margin:20px 0 16px;padding-top:15px;border-top:1px solid rgba(255,255,255,.06)}.settings-account-status div{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:12px}.settings-account-status svg{color:#4ade80}.settings-account-button{width:100%;height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#ffffff0a;color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .25s ease,border-color .25s ease}.settings-account-button:hover{background:#ffffff14;border-color:#ffffff24}.settings-support-card{padding:22px;border-radius:21px;position:relative;overflow:hidden}.settings-support-card:after{content:"";position:absolute;width:140px;height:140px;right:-65px;bottom:-70px;border-radius:50%;background:#6366f114;filter:blur(4px);pointer-events:none}.settings-support-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#818cf8;background:#6366f11c;margin-bottom:16px}.settings-support-card h3{margin:0;color:var(--color-text-primary);font-size:16px}.settings-support-card p{margin:7px 0 18px;color:var(--color-text-muted);font-size:12px;line-height:1.6}.settings-support-button{width:100%;height:41px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#ffffff0b;color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .25s ease,border-color .25s ease}.settings-support-button:hover{background:#ffffff14;border-color:#ffffff24}.settings-about-card{padding:16px;display:flex;align-items:center;gap:13px;border-radius:17px}.settings-about-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#94a3b8;background:#94a3b814}.settings-about-card div:last-child{display:flex;flex-direction:column;gap:3px}.settings-about-card span{color:var(--color-text-muted);font-size:11px}.settings-about-card strong{color:var(--color-text-primary);font-size:13px}.settings-loading{color:var(--color-text-muted)!important;font-size:12px!important}.settings-page-footer{margin-top:40px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.055);color:var(--color-text-muted);font-size:11px}.settings-page-footer div{display:flex;align-items:center;gap:18px}.settings-page-footer button{padding:0;border:0;background:transparent;color:var(--color-text-muted);font-size:11px;cursor:pointer}.settings-item:disabled,.settings-profile-button:disabled,.settings-toggle:disabled{cursor:default}.settings-item-disabled{opacity:.72}@media(max-width:1100px){.settings-layout{grid-template-columns:minmax(0,1fr) 280px}.settings-overview-card{padding:17px}}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-side-column{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-account-card{grid-column:span 2}}@media(max-width:700px){.settings-page{width:100%;padding-bottom:32px}.settings-page-header{width:100%;flex-direction:column;align-items:stretch;gap:18px;margin-bottom:26px}.settings-header-copy{width:100%;gap:12px}.settings-header-icon{width:46px;height:46px;min-width:46px;min-height:46px;border-radius:14px}.settings-header-icon svg{width:23px;height:23px}.settings-page-header .page-title{font-size:25px}.settings-page-description{font-size:13px;line-height:1.5}.settings-profile-button{width:100%;min-width:0;min-height:64px;padding:10px 12px;border-radius:16px}.settings-profile-avatar{width:44px;height:44px;min-width:44px;min-height:44px}.settings-profile-info strong{max-width:100%;font-size:14px}.settings-profile-info small{font-size:12px}.settings-overview{grid-template-columns:1fr;gap:13px;margin-bottom:30px}.settings-overview-card{width:100%;min-height:96px;padding:16px;border-radius:17px}.settings-overview-icon{width:45px;height:45px;min-width:45px;min-height:45px}.settings-overview-content>span{font-size:12px}.settings-overview-content strong{font-size:18px}.settings-overview-content small{font-size:11px}.settings-layout{width:100%;display:flex;flex-direction:column;gap:30px}.settings-main-column{width:100%;gap:30px}.settings-section-heading{gap:10px;margin-bottom:12px}.settings-section-heading-icon{width:39px;height:39px;min-width:39px;min-height:39px;border-radius:11px}.settings-section-heading h2{font-size:16px}.settings-section-heading p{font-size:12px}.settings-card{width:100%;border-radius:17px}.settings-item{width:100%;min-height:76px;padding:14px;gap:11px}.settings-item-icon{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:11px}.settings-item-content{gap:3px}.settings-item-content strong{font-size:14px;line-height:1.3}.settings-item-content span{font-size:11px;line-height:1.4}.settings-toggle{width:45px;height:26px;min-width:45px}.settings-toggle-thumb{width:20px;height:20px}.settings-toggle-on .settings-toggle-thumb{transform:translate(19px)}.settings-mini-toggle{width:41px;height:24px;min-width:41px}.settings-mini-toggle span{width:18px;height:18px}.settings-mini-toggle-on span{transform:translate(17px)}.settings-segmented-control button{min-width:37px;height:29px;padding:0 8px;font-size:11px}.settings-coming-soon{padding:4px 8px;font-size:9px!important}.settings-count-badge{min-width:28px;height:27px;font-size:11px}.settings-side-column{width:100%;display:flex;flex-direction:column;gap:15px}.settings-account-card{width:100%;padding:18px;border-radius:18px}.settings-account-avatar{width:50px;height:50px;min-width:50px;min-height:50px}.settings-account-label{font-size:10px}.settings-account-top h3{font-size:15px}.settings-account-top p,.settings-account-status div{font-size:11px}.settings-account-button{height:40px;font-size:12px}.settings-support-card{width:100%;padding:18px;border-radius:18px}.settings-support-icon{width:44px;height:44px;margin-bottom:13px}.settings-support-card h3{font-size:15px}.settings-support-card p{font-size:11px}.settings-support-button{height:39px;font-size:12px}.settings-about-card{width:100%;padding:14px;gap:11px;border-radius:15px}.settings-about-icon{width:38px;height:38px;min-width:38px}.settings-about-card span{font-size:10px}.settings-about-card strong{font-size:12px}.settings-page-footer{margin-top:30px;padding-top:18px;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:10px}.settings-page-footer button{font-size:10px}}@media(max-width:480px){.settings-page-header{gap:15px;margin-bottom:22px}.settings-header-copy{align-items:flex-start}.settings-header-icon{width:43px;height:43px;min-width:43px;min-height:43px}.settings-page-header .page-title{font-size:23px}.settings-page-description{font-size:12px}.settings-profile-button{min-height:60px;padding:9px 10px}.settings-profile-avatar{width:41px;height:41px;min-width:41px;min-height:41px}.settings-overview{gap:10px}.settings-overview-card{min-height:90px;padding:14px}.settings-overview-icon{width:42px;height:42px;min-width:42px;min-height:42px}.settings-overview-content>span{font-size:11px}.settings-overview-content strong{font-size:17px}.settings-overview-content small{font-size:10px}.settings-main-column,.settings-layout{gap:25px}.settings-section-heading{margin-bottom:10px}.settings-section-heading-icon{width:36px;height:36px;min-width:36px;min-height:36px}.settings-section-heading h2{font-size:15px}.settings-section-heading p{font-size:11px}.settings-item{min-height:71px;padding:12px;gap:10px}.settings-item-icon{width:38px;height:38px;min-width:38px;min-height:38px}.settings-item-content strong{font-size:13px}.settings-item-content span{font-size:10px}.settings-toggle{width:43px;min-width:43px}.settings-segmented-control button{min-width:34px;padding:0 7px;font-size:10px}.settings-coming-soon{padding:4px 7px;font-size:8px!important}.settings-count-badge{min-width:26px;height:25px;font-size:10px}.settings-account-card{padding:16px}.settings-account-avatar{width:46px;height:46px;min-width:46px;min-height:46px}.settings-support-card{padding:16px}.settings-page-footer{margin-top:25px;font-size:9px}.settings-page-footer button{font-size:9px}}@media(max-width:380px){.settings-page{padding-bottom:24px}.settings-header-copy{gap:9px}.settings-header-icon{width:40px;height:40px;min-width:40px;min-height:40px}.settings-page-header .page-title{font-size:22px}.settings-page-description{font-size:11px}.settings-profile-button{min-height:57px;padding:8px 9px}.settings-profile-avatar{width:39px;height:39px;min-width:39px;min-height:39px}.settings-overview-card{min-height:86px;padding:12px}.settings-overview-icon{width:40px;height:40px;min-width:40px;min-height:40px}.settings-item{min-height:68px;padding:11px 10px;gap:9px}.settings-item-icon{width:36px;height:36px;min-width:36px;min-height:36px}.settings-item-content strong{font-size:12px}.settings-item-content span{font-size:9.5px}.settings-coming-soon{display:none}.settings-item-chevron{width:17px;height:17px}.settings-toggle{width:41px;min-width:41px}.settings-segmented-control button{min-width:31px;padding:0 6px}.settings-account-card,.settings-support-card{padding:14px}}.members-modal-backdrop{position:fixed;inset:0;z-index:50;background:#000e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;animation:membersModalBackdropIn .2s ease-out}.members-modal{width:100%;max-width:420px;max-height:85vh;overflow-y:auto;padding:24px;border-radius:22px;background:#000;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #000000d9,0 10px 35px #0000008c;animation:membersModalIn .22s ease-out;position:relative}.members-modal::-webkit-scrollbar{width:5px}.members-modal::-webkit-scrollbar-track{background:transparent}.members-modal::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.members-modal::-webkit-scrollbar-thumb:hover{background:#fff3}.members-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.members-modal-header h3{margin:0;display:flex;align-items:center;gap:8px;font-size:18px;font-weight:650;color:var(--color-text-primary)}.members-modal-subtitle{margin:5px 0 0;font-size:13px;line-height:1.4;color:var(--color-text-secondary)}.members-modal-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.members-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:6px 11px;border-radius:999px;background:#26bd931f;border:1px solid rgba(38,189,147,.3);color:#26bd93;font-size:12px;font-weight:600;white-space:nowrap}.members-modal-close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:var(--color-text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.members-modal-close:hover{background:#ffffff14;border-color:#ffffff1f;color:var(--color-text-primary);transform:scale(1.04)}.members-invite-box{display:flex;flex-direction:column;gap:11px;padding:16px;border-radius:15px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);margin-bottom:24px}.members-invite-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:550;color:var(--color-text-secondary)}.members-invite-box input[type=email]{width:100%;box-sizing:border-box;background:#ffffff0b;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:11px 12px;color:var(--color-text-primary);font-size:14px;outline:none;font-family:inherit;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.members-invite-box input[type=email]::placeholder{color:#ffffff52}.members-invite-box input[type=email]:focus{border-color:#26bd93bf;background:#26bd9309;box-shadow:0 0 0 3px #26bd9314}.members-invite-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.members-role-select{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.members-role-select select{background:#0c1210;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:7px 10px;color:var(--color-text-primary);font-size:13px;outline:none;cursor:pointer}.members-role-select select:focus{border-color:#26bd9399}.members-invite-btn{flex:1;min-width:140px;padding:10px 16px;border-radius:10px;background:linear-gradient(180deg,#2fd6a4,#26bd93);color:#07100d;border:none;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 5px 15px #26bd9329;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.members-invite-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 7px 18px #26bd9338}.members-invite-btn:active:not(:disabled){transform:translateY(0)}.members-invite-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.members-invite-error{color:#f5b8ba;background:#de3b401f;border:1px solid rgba(222,59,64,.38);border-radius:10px;padding:9px 12px;font-size:12px;line-height:1.4;margin:0}.members-list-heading{margin:0 0 12px;font-size:15px;font-weight:650;color:var(--color-text-primary)}.members-list{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#ffffff04}.members-loading{color:var(--color-text-secondary);font-size:13px;padding:16px 0}.member-row{display:flex;align-items:center;gap:12px;padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .2s ease}.member-row:hover{background:#ffffff06}.member-row:last-child{border-bottom:none}.member-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:#26bd931f;border:1px solid rgba(38,189,147,.16);color:#26bd93;display:flex;align-items:center;justify-content:center;flex-shrink:0}.member-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.member-info strong{font-size:14px;font-weight:600;line-height:1.3;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-email{font-size:12px;line-height:1.3;color:#26bd93;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0;cursor:not-allowed}.member-role-admin{color:#f5b8ba}.member-role-member{color:#7db8f5}.member-role-owner{color:var(--color-text-secondary)}.member-remove-btn{width:30px;height:30px;padding:0;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,border-color .2s ease,color .2s ease}.member-remove-btn:hover:not(:disabled){color:#f5b8ba;background:#de3b4014;border-color:#de3b4026}.member-remove-btn:disabled{opacity:.35;cursor:not-allowed}@keyframes membersModalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes membersModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.members-modal-backdrop{padding:10px}.members-modal{max-height:90vh;padding:18px;border-radius:18px}.members-modal-header h3{font-size:17px}.members-invite-box{padding:14px}.members-invite-row{align-items:stretch}.members-role-select{width:100%;justify-content:space-between}.members-role-select select{flex:1;max-width:180px}.members-invite-btn{width:100%;min-width:100%}.member-row{gap:9px;padding:12px 6px}.member-avatar{width:38px;height:38px;min-width:38px}.member-info strong{font-size:13px}.member-email,.member-role{font-size:11px}}.homes-modal-backdrop{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.homes-modal{width:100%;max-width:420px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:22px;box-sizing:border-box;position:relative}.homes-modal-header-actions{display:flex;align-items:center;gap:8px}.homes-modal-add{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:8px}.homes-modal-add:hover{background:#ffffff14}.homes-modal-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:8px 0 16px}.homes-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.homes-modal-header h3{margin:0;font-size:16px;font-weight:650;flex:1;text-align:center;min-width:0}.homes-modal-back,.homes-modal-close{width:32px;height:32px;padding:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:var(--text-secondary, #e0e2e1);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.homes-modal-back:hover,.homes-modal-close:hover{background:#ffffff14;border-color:#ffffff1f}.homes-modal-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px;min-width:0}.homes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;min-width:0}.home-row{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;color:inherit;text-align:left;min-width:0}.home-row:hover{background:#ffffff0f}.home-row-icon{display:flex;align-items:center;justify-content:center;color:#26bd93;flex-shrink:0}.home-row-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.home-row-current-badge{margin-left:8px;font-size:11px;padding:3px 6px;border-radius:999px;background:#26bd9326;color:#26bd93;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.home-row-role{font-size:12px;color:var(--text-muted, #bfc2c1);text-transform:capitalize}.home-row-chevron{color:var(--text-muted, #bfc2c1);display:flex;align-items:center;flex-shrink:0}.home-detail-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-muted, #bfc2c1);text-transform:capitalize;flex-wrap:wrap}.home-detail-actions{display:flex;flex-direction:column;gap:10px}.homes-modal-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-secondary, #e0e2e1);min-width:0}.homes-modal-field input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;font-size:14px;outline:none}.homes-modal-field input:focus{border-color:#26bd93b3;box-shadow:0 0 0 3px #26bd9314}.homes-modal-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.homes-modal-note{font-size:13px;line-height:1.4;color:var(--text-muted, #bfc2c1)}.homes-modal-hint{font-size:12px;line-height:1.4;color:var(--text-muted, #bfc2c1)}.homes-modal-warning,.homes-modal-error{font-size:13px;line-height:1.4;color:#de3b40}.home-member-radio-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:#ffffff08;cursor:pointer;font-size:13px;min-width:0}@media(max-width:480px){.homes-modal-backdrop{padding:10px}.homes-modal{width:100%;max-width:none;max-height:90vh;border-radius:18px}.homes-modal-header{padding:14px 16px}.homes-modal-header h3{font-size:17px}.homes-modal-back,.homes-modal-close{width:32px;height:32px}.homes-modal-body{padding:14px 16px 18px;gap:12px}.home-row{gap:9px;padding:12px 10px}.home-row-text{min-width:0}.home-row-current-badge{margin-left:4px;font-size:9px;padding:3px 5px}.home-row-role{font-size:11px}.home-detail-meta{font-size:12px;justify-content:flex-start}.homes-modal-field{font-size:12px}.homes-modal-field input{font-size:14px;padding:10px 11px}.homes-modal-form-actions{width:100%;flex-direction:column}.homes-modal-form-actions button{width:100%;min-width:100%}.homes-modal-note,.homes-modal-warning,.homes-modal-error{font-size:12px}.homes-modal-hint{font-size:11px}.home-member-radio-row{padding:10px;font-size:12px}}@media(max-width:360px){.homes-modal-backdrop{padding:6px}.homes-modal{border-radius:16px}.homes-modal-header{padding:13px 14px}.homes-modal-body{padding:13px 14px 16px}.homes-modal-header h3{font-size:16px}.home-row{gap:8px;padding:10px 8px}.home-row-current-badge{font-size:8px;padding:2px 4px}.home-row-role{font-size:10px}.home-member-radio-row{gap:8px;padding:9px}}.invitations-modal-backdrop{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.invitations-modal{width:100%;max-width:460px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:22px;box-sizing:border-box;position:relative}.invitations-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.invitations-modal-header h3{margin:0;font-size:16px;font-weight:650;min-width:0}.invitations-modal-close{width:32px;height:32px;padding:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:var(--text-secondary, #e0e2e1);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.invitations-tabs{display:flex;gap:6px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;scrollbar-width:none}.invitations-tabs::-webkit-scrollbar{display:none}.invitations-tab{background:none;border:none;padding:10px 4px;color:var(--text-muted, #bfc2c1);font-size:13px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;flex-shrink:0}.invitations-tab-active{color:#fff;border-bottom-color:#26bd93}.invitations-modal-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:10px;min-width:0}.invitations-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}.invitations-row{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;min-width:0}.invitations-row-icon{display:flex;align-items:center;justify-content:center;color:#26bd93;flex-shrink:0}.invitations-row-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.invitations-row-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.invitations-row-meta{font-size:12px;color:var(--text-muted, #bfc2c1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invitations-status-badge{font-size:11px;padding:3px 7px;border-radius:999px;text-transform:capitalize;white-space:nowrap;flex-shrink:0}.invitations-status-pending{background:#ffc10726;color:#ffc107}.invitations-status-expired,.invitations-status-cancelled,.invitations-status-declined{background:#bfc2c11f;color:var(--text-muted, #bfc2c1)}.invitations-home-select{width:100%;max-width:100%;box-sizing:border-box;padding:9px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;font-size:13px}.invitations-modal-note{font-size:13px;line-height:1.4;color:var(--text-muted, #bfc2c1)}.invitations-modal-error{font-size:13px;line-height:1.4;color:#de3b40}@media(max-width:480px){.invitations-modal-backdrop{padding:10px;align-items:center}.invitations-modal{width:100%;max-width:none;max-height:90vh;border-radius:18px}.invitations-modal-header{padding:14px 16px}.invitations-modal-header h3{font-size:17px}.invitations-modal-close{width:32px;height:32px}.invitations-tabs{padding:0 16px;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.invitations-tab{padding:10px 4px;font-size:12px}.invitations-modal-body{padding:14px 16px 18px;gap:10px}.invitations-row{gap:9px;padding:12px 10px;align-items:flex-start}.invitations-row-icon{margin-top:2px}.invitations-row-text{min-width:0}.invitations-row-text strong{font-size:13px}.invitations-row-meta{font-size:11px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.invitations-status-badge{font-size:10px;padding:3px 6px}.invitations-home-select{width:100%;font-size:13px;padding:9px 10px}.invitations-modal-note,.invitations-modal-error{font-size:12px;line-height:1.4}}@media(max-width:360px){.invitations-modal-backdrop{padding:6px}.invitations-modal{border-radius:16px}.invitations-modal-header{padding:13px 14px}.invitations-tabs{padding:0 14px}.invitations-modal-body{padding:13px 14px 16px}.invitations-row{gap:8px;padding:10px 8px}.invitations-status-badge{font-size:9px}}.profile-page{position:relative;width:100%;max-width:1180px;min-height:calc(100dvh - 40px);margin:0 auto;display:flex;flex-direction:column;color:var(--color-text-primary)}.profile-page-header{margin-bottom:24px}.profile-page-description{margin:6px 0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.profile-page .card{position:relative;isolation:isolate;background:linear-gradient(145deg,#ffffff13,#ffffff06);border:1px solid rgba(255,255,255,.09);box-shadow:0 20px 45px #00000047,inset 0 1px #ffffff09;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);overflow:hidden}.profile-hero{position:relative;isolation:isolate;min-height:230px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:42px 40px;margin-bottom:36px;border:1px solid transparent;border-radius:28px;background:linear-gradient(145deg,#ffffff13,#ffffff06);box-shadow:0 20px 45px #00000047,inset 0 1px #ffffff0a;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);transition:transform .35s ease,box-shadow .35s ease}.profile-hero:hover{box-shadow:0 24px 55px #00000052,0 0 35px #26bd930b,inset 0 1px #ffffff0e}.profile-hero:before{content:"";position:absolute;inset:-1px;padding:2px;border-radius:inherit;background:linear-gradient(90deg,#26bd93,#00d2ff,#9b51e0,#ff416c,#ff4b2b,#26bd93);background-size:300% 300%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:.55;z-index:-1;animation:profile-rainbow-border 7s linear infinite}.profile-hero:after{content:"";position:absolute;inset:-10px;border-radius:inherit;background:linear-gradient(90deg,#26bd931f,#00d2ff1a,#9b51e01a,#ff416c1a,#ff4b2b1a,#26bd931f);background-size:300% 300%;filter:blur(20px);opacity:.28;pointer-events:none;z-index:-2;animation:profile-rainbow-glow 7s linear infinite}@keyframes profile-rainbow-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes profile-rainbow-glow{0%{background-position:0% 50%;opacity:.22}50%{background-position:100% 50%;opacity:.34}to{background-position:0% 50%;opacity:.22}}.profile-identity{position:relative;z-index:2;min-width:0;flex:1;display:flex;align-items:center;gap:26px}.profile-avatar-wrap{position:relative;width:116px;height:116px;flex-shrink:0}.profile-avatar{display:block;width:116px;height:116px;border-radius:50%;object-fit:cover;border:2px solid rgba(38,189,147,.42);box-shadow:0 0 0 5px #26bd9309,0 10px 30px #00000059;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.profile-avatar-wrap:hover .profile-avatar{transform:scale(1.035);border-color:#26bd93cc;box-shadow:0 0 0 6px #26bd9312,0 14px 35px #00000073}.profile-avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#baf1e1,#75d7bd);color:#0d1210;font-size:38px;font-weight:750}.profile-avatar-btn{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:none;border-radius:50%;background:transparent;cursor:pointer;overflow:hidden;z-index:4}.profile-avatar-btn:disabled{cursor:not-allowed;opacity:.6}.profile-avatar-edit-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#00000094,#00000061);color:#fff;opacity:0;transform:scale(.94);transition:opacity .25s ease,transform .25s ease,background .25s ease;z-index:5}.profile-avatar-edit-overlay svg{width:25px;height:25px;stroke-width:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));transition:transform .25s ease}.profile-avatar-btn:hover .profile-avatar-edit-overlay,.profile-avatar-btn:focus-visible .profile-avatar-edit-overlay{opacity:1;transform:scale(1)}.profile-avatar-btn:hover .profile-avatar-edit-overlay svg{transform:scale(1.12)}.profile-avatar-btn:focus-visible{outline:2px solid #26bd93;outline-offset:4px}.profile-avatar-input{display:none}.profile-avatar-dot{position:absolute;right:2px;bottom:2px;width:19px;height:19px;border-radius:50%;background:#1dd75b;border:4px solid #10140f;box-shadow:0 0 0 2px #1dd75b2e,0 0 14px #1dd75b6b;z-index:6;animation:profile-online-pulse 2.2s ease-in-out infinite}@keyframes profile-online-pulse{0%,to{box-shadow:0 0 0 2px #1dd75b29,0 0 12px #1dd75b59}50%{box-shadow:0 0 0 3px #1dd75b38,0 0 20px #1dd75b8c}}.profile-identity-info{min-width:0;display:flex;flex-direction:column;gap:9px}.profile-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.profile-name{margin:0;color:var(--color-text-primary);font-size:34px;font-weight:750;line-height:1.08;letter-spacing:-.03em}.profile-email{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:15px}.profile-email svg{flex-shrink:0;color:#71807a}.profile-member-info{color:#68736f;font-size:13px}.profile-verified{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#26bd9317;border:1px solid rgba(38,189,147,.2);color:#26bd93;font-size:11px;font-weight:650;box-shadow:inset 0 1px #ffffff0a}.profile-hero-actions{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.profile-action-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border-radius:11px;font-family:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;overflow:hidden;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease}.profile-action-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transform:translate(-120%);transition:transform .55s ease}.profile-action-btn:hover:before{transform:translate(120%)}.profile-action-btn:hover{transform:translateY(-2px)}.profile-action-btn:active{transform:translateY(0) scale(.98)}.profile-action-btn-secondary{color:var(--color-text-primary);background:#ffffff09;border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.profile-action-btn-secondary:hover{background:#ffffff12;border-color:#26bd934d;box-shadow:0 8px 24px #0003}.profile-action-btn-danger{color:#f1a5a8;background:#de3b4012;border:1px solid rgba(222,59,64,.22)}.profile-action-btn-danger:hover{background:#de3b4021;border-color:#de3b4066;box-shadow:0 8px 24px #de3b4014}.profile-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.profile-inline-note{position:relative;z-index:2;margin:14px 0 0;font-size:13px;color:#26bd93}.profile-action-btn-accent{color:#0d1210;background:linear-gradient(180deg,#2fd6a4,#26bd93);border:1px solid transparent}.profile-action-btn-accent:hover{filter:brightness(1.05)}.profile-action-btn-accent:disabled{opacity:.6;cursor:not-allowed}.profile-modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#0009}.profile-modal{width:100%;max-width:420px;padding:28px;border-radius:22px}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.profile-modal-header h3{margin:0;color:var(--color-text-primary);font-size:18px;font-weight:650}.profile-modal-close{display:flex;padding:4px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer}.profile-modal-form{display:flex;flex-direction:column;gap:14px}.profile-modal-form label{display:flex;flex-direction:column;gap:6px;color:var(--color-text-secondary);font-size:13px}.profile-modal-form input{padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:var(--color-text-primary);font-family:inherit;font-size:14px;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.profile-modal-form input:focus{background:#ffffff0e;border-color:#26bd93;box-shadow:0 0 0 3px #26bd9314}.profile-modal-error{margin:0;padding:10px 12px;color:#f5b8ba;background:#de3b4021;border:1px solid rgba(222,59,64,.44);border-radius:10px;font-size:13px}.profile-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.profile-section-header{margin-bottom:14px}.profile-section-header h3{margin:0;color:var(--color-text-primary);font-size:17px;font-weight:650;letter-spacing:-.01em}.profile-section-header p{margin:4px 0 0;color:var(--color-text-secondary);font-size:13px;line-height:1.5}.profile-overview{margin-bottom:32px}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profile-stat{position:relative;min-height:128px;padding:21px;display:flex;flex-direction:column;justify-content:center;gap:9px;box-sizing:border-box;border-radius:18px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}.profile-stat:after{content:"";position:absolute;width:110px;height:110px;top:-50px;right:-40px;border-radius:50%;background:radial-gradient(circle,rgba(38,189,147,.14),transparent 68%);pointer-events:none;opacity:0;transition:opacity .3s ease,transform .3s ease}.profile-stat:hover{transform:translateY(-4px);border-color:#26bd9338;background:linear-gradient(145deg,#ffffff17,#ffffff06);box-shadow:0 18px 38px #00000047,0 0 28px #26bd930d}.profile-stat:hover:after{opacity:1;transform:scale(1.1)}.profile-stat-top{display:flex;align-items:center;gap:10px}.profile-stat-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#26bd931a;color:var(--color-primary);transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.profile-stat:hover .profile-stat-icon{transform:translateY(-2px) scale(1.05);background:#26bd9329;box-shadow:0 6px 18px #26bd931a}.profile-stat-label{color:var(--color-text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.profile-stat-value{color:var(--color-text-primary);font-size:26px;font-weight:750;line-height:1}.profile-stat-description{color:#65716d;font-size:12px}.profile-management-section{margin-bottom:30px}.profile-management{overflow:hidden;padding:6px;border-radius:20px}.profile-management-row{position:relative;width:100%;display:flex;align-items:center;gap:14px;padding:15px 16px;border:none;border-radius:13px;background:transparent;color:inherit;text-align:left;cursor:pointer;box-sizing:border-box;transition:background .25s ease,transform .25s ease,padding-left .25s ease}.profile-management-row:hover{background:#ffffff0b;padding-left:19px}.profile-management-row:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.profile-management-row:last-child:after{display:none}.profile-management-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#26bd9317;color:var(--color-primary);transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.profile-management-row:hover .profile-management-icon{transform:scale(1.06);background:#26bd9324;box-shadow:0 6px 18px #26bd9314}.profile-management-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.profile-management-text strong{color:var(--color-text-primary);font-size:15px;font-weight:500;line-height:1.3}.profile-management-text span{color:var(--color-primary);font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.profile-management-chevron{flex-shrink:0;color:#59645f;transition:transform .25s ease,color .25s ease}.profile-management-row:hover .profile-management-chevron{color:var(--color-primary);transform:translate(4px)}.profile-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 0 16px;color:#56615d;font-size:11px;text-align:center}.profile-footer-links{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.profile-footer-links a{color:#626e69;text-decoration:none;font-size:11px;transition:color .2s ease,transform .2s ease}.profile-footer-links a:hover{color:var(--color-primary);transform:translateY(-1px)}@media(max-width:1000px){.profile-hero{align-items:flex-start;flex-direction:column;min-height:250px}.profile-hero-actions{width:100%;justify-content:flex-start}}@media(max-width:680px){.profile-page{min-height:calc(100dvh - 24px)}.profile-page-header{margin-bottom:18px}.profile-page-description{font-size:13px}.profile-hero{min-height:auto;padding:30px 20px;gap:26px;margin-bottom:28px;border-radius:21px}.profile-identity{width:100%;flex-direction:column;align-items:center;gap:16px;text-align:center}.profile-avatar-wrap,.profile-avatar{width:96px;height:96px}.profile-avatar-dot{right:0;bottom:0;width:16px;height:16px;border-width:4px}.profile-identity-info{width:100%;align-items:center}.profile-name-row{justify-content:center}.profile-name{font-size:27px;text-align:center}.profile-email{justify-content:center;font-size:13px}.profile-member-info{font-size:12px}.profile-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-action-btn{width:100%;min-height:42px;padding:9px 8px;font-size:12px}.profile-action-btn-danger{grid-column:1 / -1}.profile-stats{grid-template-columns:1fr;gap:10px}.profile-stat{min-height:112px;padding:17px}.profile-management{border-radius:18px;padding:5px}.profile-management-row{padding:14px 12px;gap:12px}.profile-management-row:hover{padding-left:14px}.profile-management-icon{width:38px;height:38px}.profile-management-text strong{font-size:13px}.profile-management-text span{font-size:11px}.profile-footer{padding-top:24px}}@media(max-width:400px){.profile-hero{padding:24px 16px}.profile-avatar-wrap,.profile-avatar{width:86px;height:86px}.profile-avatar-dot{right:0;bottom:0;width:14px;height:14px;border-width:3px}.profile-name{font-size:23px}.profile-email{font-size:12px}.profile-verified{font-size:10px;padding:4px 7px}.profile-action-btn{font-size:11px}}@media(prefers-reduced-motion:reduce){.profile-hero:before,.profile-hero:after,.profile-avatar-dot,.profile-page .card,.profile-action-btn,.profile-stat,.profile-stat-icon,.profile-management-row,.profile-management-icon,.profile-management-chevron{animation:none!important;transition:none!important}}.inverter-settings-overlay{--color-primary: var(--brand-primary, #26bd93);--text-primary: var(--brand-text-primary, #ffffff);--text-secondary: var(--brand-text-secondary, #e0e2e1);--text-muted: var(--brand-text-muted, #bfc2c1);--card-bg-solid: #16181a;--card-border: rgba(255, 255, 255, .06);position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end}.inverter-settings-backdrop{position:absolute;inset:0;border:none;padding:0;cursor:pointer;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.inverter-settings-panel{position:relative;width:min(430px,100vw);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#14161566,#000);background-color:#0d0f0e;border-left:1px solid var(--card-border);box-shadow:-24px 0 48px #0006;animation:inverter-settings-slide-in .22s ease-out;overflow-y:auto}@keyframes inverter-settings-slide-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.inverter-settings-header{display:flex;align-items:center;gap:12px;padding:24px 24px 20px;position:sticky;top:0;background:inherit;z-index:1}.inverter-settings-title{flex:1;margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.btn-save{padding:9px 22px;border:none;border-radius:999px;background:var(--color-primary-bold);color:#06110c;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s ease}.btn-save:hover{filter:brightness(1.08)}.inverter-settings-body{display:flex;flex-direction:column;gap:24px;padding:0 24px 32px}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-section-title{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.settings-card{background:var(--card-bg-solid);border:1px solid var(--card-border);border-radius:16px;padding:6px 18px}.stepper-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--card-border)}.stepper-row:last-child{border-bottom:none}.stepper-copy{display:flex;flex-direction:column;gap:3px}.stepper-label{font-size:14px;font-weight:600;color:var(--text-primary)}.stepper-helper{font-size:12px;color:var(--text-muted)}.stepper-control{display:flex;align-items:center;gap:12px;flex-shrink:0}.stepper-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:none;background:#ffffff14;color:var(--text-primary);font-size:18px;line-height:1;cursor:pointer;transition:background .15s ease}.stepper-btn:hover{background:#ffffff24}.stepper-value{min-width:58px;text-align:center;font-size:15px;font-weight:700;color:var(--text-primary)}.rgb-card{display:flex;flex-direction:column;gap:20px;padding:18px}.rgb-tabs{display:flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff0d}.rgb-tab{flex:1;padding:8px 12px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.rgb-tab.active{background:var(--color-primary-bold);color:#06110c}.hue-wheel-wrap{display:flex;justify-content:center;padding:8px 0}.hue-wheel{position:relative;width:190px;height:190px;border-radius:50%;background:conic-gradient(from 90deg,red,#ffea00,#37ff00,#00ffe1,#03f,#c0f,red);cursor:pointer;touch-action:none}.hue-wheel-center{position:absolute;top:50%;left:50%;width:58%;height:58%;border-radius:50%;transform:translate(-50%,-50%);background:#000;border:8px solid #0d0f0e;box-shadow:inset 0 0 0 1px #ffffff0f}.hue-wheel-handle{position:absolute;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);border:3px solid #ffffff;box-shadow:0 0 0 2px #0006;pointer-events:none}.rgb-presets{display:flex;justify-content:center;gap:12px}.rgb-preset{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.rgb-preset:hover{transform:scale(1.08)}.rgb-preset.active{border-color:var(--text-primary)}.rgb-hint{margin:0;font-size:13px;color:var(--text-muted);text-align:center;padding:8px 0 4px}.switch{position:relative;flex-shrink:0;width:44px;height:26px;border:none;border-radius:999px;background:#ffffff24;cursor:pointer;transition:background .15s ease}.switch.on{background:var(--color-primary-bold)}.switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch.on .switch-knob{transform:translate(18px)}.option-row{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-bottom:1px solid var(--card-border)}.option-row:last-child{border-bottom:none}.rgb-tabs.wrap{flex-wrap:wrap;border-radius:18px}.rgb-tabs.wrap .rgb-tab{flex:1 1 40%}.btn-save:disabled{opacity:.4;cursor:not-allowed;filter:none}.reset-card{padding:14px 18px}.reset-actions{display:flex;gap:10px;justify-content:flex-end}.btn-danger,.btn-ghost{padding:10px 18px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer}.btn-danger{border:1px solid #de3b40;background:#de3b401f;color:#de3b40}.btn-ghost{border:1px solid var(--card-border);background:transparent;color:var(--text-secondary)}.select-control{flex-shrink:0;min-width:140px;max-width:55%;padding:9px 32px 9px 14px;border:1px solid var(--card-border);border-radius:999px;background:#ffffff0f url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23bfc2c1' stroke-width='1.6' stroke-linecap='round'/></svg>") no-repeat right 12px center;color:var(--text-primary);font-size:13px;font-weight:600;appearance:none;-webkit-appearance:none;cursor:pointer}.select-control option{background:#16181a;color:#fff}.confirm-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000a6}.confirm-card{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--card-bg-solid);border:1px solid var(--card-border);border-radius:16px}.confirm-title{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.confirm-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.confirm-item strong{display:block;font-size:13px;color:var(--text-primary)}.confirm-item span{font-size:12px;color:var(--text-muted)}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.readonly-value{font-size:14px;color:#e0e2e1;text-align:right;word-break:break-all;max-width:55%}.field-group{display:flex;flex-direction:column;gap:6px;margin-top:10px}.field-input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;font-size:14px}.field-input:focus{outline:none;border-color:#26bd93}@media(max-width:480px){.inverter-settings-panel{width:100vw}}.ddc-card{display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:18px;border:1px solid var(--border-primary, rgba(255, 255, 255, .12));background:var(--surface-card, rgba(255, 255, 255, .04));color:var(--text-primary, #e8eef2)}.ddc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ddc-name{margin:0;font-size:17px;font-weight:600}.ddc-type{margin:2px 0 0;font-size:13px;color:var(--text-secondary, rgba(232, 238, 242, .65))}.ddc-muted{margin:0;font-size:13px;color:var(--text-secondary, rgba(232, 238, 242, .65))}.ddc-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill, 999px);font-size:12px;font-weight:600;white-space:nowrap;color:#f5b8ba;background:#de3b4021;border:1px solid rgba(222,59,64,.44)}.ddc-status-online{color:#b8f5cd;background:#1dd75b21;border-color:var(--border-primary, rgba(29, 215, 91, .4))}.ddc-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.ddc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.ddc-tile{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:#ffffff0d}.ddc-tile-label{font-size:12px;color:var(--text-secondary, rgba(232, 238, 242, .65))}.ddc-tile-value{font-size:22px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.ddc-bar{height:4px;border-radius:2px;background:#ffffff1f;overflow:hidden}.ddc-bar-fill{height:100%;border-radius:2px;background:#1dd75b;transition:width .4s ease}.ddc-section{border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.ddc-section summary{cursor:pointer;font-size:14px;font-weight:600;list-style-position:inside}.ddc-section summary:focus-visible,.ddc-segment:focus-visible,.ddc-color:focus-visible{outline:2px solid #1dd75b;outline-offset:2px}.ddc-rows{margin:10px 0 0;display:flex;flex-direction:column;gap:8px}.ddc-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px}.ddc-row dt{color:var(--text-secondary, rgba(232, 238, 242, .65))}.ddc-row dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.ddc-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.ddc-chip{padding:2px 8px;border-radius:8px;background:#ffffff12;font-size:12px}.ddc-controls{display:flex;flex-wrap:wrap;gap:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.ddc-control{display:flex;flex-direction:column;gap:8px}.ddc-control-label{font-size:13px;color:var(--text-secondary, rgba(232, 238, 242, .65))}.ddc-segments{display:inline-flex;padding:3px;border-radius:10px;background:#ffffff12}.ddc-segment{padding:6px 14px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}.ddc-segment[aria-pressed=true]{background:#1dd75b33;color:#b8f5cd}.ddc-segment:disabled,.ddc-color:disabled{opacity:.45;cursor:not-allowed}.ddc-color{width:44px;height:30px;padding:0;border:0;border-radius:8px;background:none;cursor:pointer}@media(prefers-reduced-motion:reduce){.ddc-bar-fill{transition:none}}