*{box-sizing:border-box}html,body,#app{background:#020611;width:100%;height:100%;margin:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;overflow:hidden}.app-container{width:100%;height:100%}.portal-shell{color:#fff;background:radial-gradient(circle at 70% 15%,#0e5daf4d,#0000 32%),#020611;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.portal-shell:before,.portal-shell:after{content:"";pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.portal-shell:before{z-index:0;filter:saturate(1.08);background:linear-gradient(90deg,#0005146b,#0000 45%,#00041257),url(/assets/home-space-bg-COYQIoUp.webp) 50%/cover no-repeat;inset:0}.portal-shell:after{z-index:0;aspect-ratio:1;opacity:.48;filter:saturate(1.18)drop-shadow(0 0 42px #008fff70);background:url(/assets/earth-right-Dgp_ipaQ.webp) 50%/contain no-repeat;width:min(52vw,880px);top:4vh;right:-8vw}.portal-stage{z-index:1;flex:none;width:100vw;height:100vh;position:relative;overflow:hidden}.portal-design{left:0;top:var(--portal-offset-y);width:var(--portal-design-width);height:var(--portal-design-height);transform:scale(var(--portal-scale));transform-origin:0 0;color:#fff;background:0 0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;position:absolute;overflow:hidden}.bg-space,.bg-earth,.space-vignette,.space-grid{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.bg-space{z-index:0;object-fit:cover;width:100%;height:100%;inset:0}.bg-earth{z-index:1;object-fit:contain;opacity:.92;filter:saturate(1.25)drop-shadow(0 0 42px #008fff8f);width:850px;height:850px;top:88px;right:-148px}.space-vignette{z-index:2;background:radial-gradient(circle at 48% 46%,#0000 0 26%,#0006191a 48%,#00031199 100%),linear-gradient(90deg,#00051452,#0000 42%,#00041261);inset:0}.space-grid{z-index:3;opacity:.32;background-image:linear-gradient(#42adff2e 1px,#0000 1px),linear-gradient(90deg,#42adff29 1px,#0000 1px);background-size:42px 42px;height:345px;bottom:28px;left:302px;right:64px;-webkit-mask-image:linear-gradient(#0000,#000 34% 92%,#0000);mask-image:linear-gradient(#0000,#000 34% 92%,#0000)}.header,.sidebar,.quick-area,.digital-core,.service-panel,.status-panel,.portal-page-panel{z-index:5;position:absolute}.header{z-index:20;align-items:center;width:max-content;height:52px;display:flex;top:28px;left:auto;right:48px}.brand-block{align-items:center;gap:18px;width:270px;display:flex}.header-divider{width:2px;height:58px;margin:0 26px 0 8px}.welcome{width:360px}.header-tools{align-items:center;gap:16px;margin-left:auto;display:flex}.sidebar{z-index:16;flex-direction:column;justify-content:space-between;width:268px;display:flex;top:20px;bottom:20px;left:14px}.quick-area{top:20px;left:var(--quick-left);z-index:8;width:430px;height:617px}.orbit-zone{width:430px;height:567px;margin-top:8px;position:relative}.digital-core{top:20px;left:var(--core-left);z-index:9;width:500px;height:617px}.service-panel{z-index:10;width:610px;top:134px;right:66px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;margin-top:20px;display:grid}.status-panel{z-index:12;grid-template-rows:258px 157px;grid-template-columns:minmax(0,1.02fr) minmax(0,1.17fr) minmax(0,1.3fr);justify-content:stretch;gap:3px;width:auto;height:418px;display:grid;top:642px;left:302px;right:66px}.portal-page-panel{z-index:13;inset:104px 66px 28px 302px}.portal-design-page .space-grid{opacity:.26;height:calc(100% - 132px);bottom:28px;left:302px;right:66px}.activity-card{grid-column:1/2}.ssh-card{grid-column:2/4}.portal-stage-tablet,.portal-stage-mobile{scrollbar-width:thin;scrollbar-color:#46beff7a #020c22b8;height:100dvh;overflow:hidden auto}.portal-design-tablet,.portal-design-mobile{width:100%;height:auto;min-height:100dvh;transform-origin:initial;background:0 0;position:relative;top:auto;left:auto;overflow:visible;transform:none}.portal-design-tablet .bg-space,.portal-design-mobile .bg-space{width:100vw;height:100dvh;position:fixed;inset:0}.portal-design-tablet .space-vignette,.portal-design-mobile .space-vignette{position:fixed;inset:0}.portal-design-tablet .bg-earth,.portal-design-mobile .bg-earth{position:fixed}.portal-stage-tablet .header,.portal-stage-tablet .sidebar,.portal-stage-tablet .quick-area,.portal-stage-tablet .digital-core,.portal-stage-tablet .service-panel,.portal-stage-tablet .status-panel,.portal-stage-tablet .portal-page-panel,.portal-stage-mobile .header,.portal-stage-mobile .sidebar,.portal-stage-mobile .quick-area,.portal-stage-mobile .digital-core,.portal-stage-mobile .service-panel,.portal-stage-mobile .status-panel,.portal-stage-mobile .portal-page-panel{width:100%;height:auto;position:relative;inset:auto}.portal-design-tablet{grid-template-columns:252px minmax(0,1fr);grid-template-areas:"sidebar header""sidebar core""sidebar service""sidebar quick""status status";align-items:start;gap:16px;padding:18px;display:grid}.portal-design-tablet.portal-design-page{grid-template-rows:auto minmax(calc(100dvh - 124px),1fr);grid-template-areas:"sidebar header""sidebar page"}.portal-design-tablet .bg-earth{opacity:.68;width:660px;height:660px;top:72px;right:-230px}.portal-design-tablet .space-grid{height:520px;bottom:24px;left:288px;right:18px}.portal-stage-tablet .sidebar{grid-area:sidebar;min-height:calc(100dvh - 36px);position:sticky;top:18px}.portal-stage-tablet .header{z-index:20;grid-area:header;justify-self:stretch;min-width:0}.portal-stage-tablet .digital-core{z-index:8;grid-area:core;min-height:470px}.portal-stage-tablet .service-panel{z-index:10;grid-area:service}.portal-stage-tablet .quick-area{z-index:9;grid-area:quick;min-height:556px;overflow:hidden}.portal-stage-tablet .status-panel{z-index:12;grid-area:status;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:3px;display:grid}.portal-stage-tablet .portal-page-panel{z-index:12;grid-area:page;min-height:calc(100dvh - 124px)}.portal-stage-tablet .network-card,.portal-stage-tablet .activity-card,.portal-stage-tablet .ssh-card{grid-column:1/-1}.portal-design-mobile{grid-template-columns:minmax(0,1fr);grid-template-areas:"sidebar""header""core""service""quick""status";align-items:start;gap:14px;padding:12px;display:grid}.portal-design-mobile.portal-design-page{grid-template-areas:"sidebar""header""page"}.portal-design-mobile .bg-earth{opacity:.48;width:420px;height:420px;top:78px;right:-190px}.portal-design-mobile .space-grid{display:none}.portal-stage-mobile .sidebar{z-index:18;grid-area:sidebar}.portal-stage-mobile .header{z-index:20;grid-area:header}.portal-stage-mobile .digital-core{z-index:8;grid-area:core;min-height:370px}.portal-stage-mobile .service-panel{z-index:10;grid-area:service}.portal-stage-mobile .quick-area{z-index:9;grid-area:quick;min-height:472px;overflow:hidden}.portal-stage-mobile .status-panel{z-index:12;grid-area:status;grid-template-rows:none;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:3px;display:grid}.portal-stage-mobile .portal-page-panel{z-index:12;grid-area:page;min-height:640px}.portal-stage-mobile .activity-card,.portal-stage-mobile .ssh-card{grid-column:auto}:root{--portal-cyan:#27c7ff;--portal-blue:#157cff;--portal-deep:#05163ab3;--portal-surface:#071f4b9e;--portal-border:#53b8ff6b;--portal-border-strong:#2acaffb8;--portal-text:#f6fbfff5;--portal-muted:#c4dff5c2;--portal-green:#33f5a1;--portal-amber:#ffb02e;--portal-red:#ff4f6d;--portal-violet:#9b65ff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.glass-panel,.glass-card,.search-box,.tool-button,.avatar-button{border:1px solid var(--portal-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#0e3d7c94,#0312337a);box-shadow:inset 0 0 22px #35aeff1f,0 0 24px #0675ff29}.glass-card,.glass-panel{border-radius:12px}.section-heading{color:var(--portal-text);align-items:center;gap:14px;display:flex}.section-heading>span{background:linear-gradient(#00f1ff,#007cff);border-radius:999px;width:3px;height:26px;box-shadow:0 0 18px #0dfc}.section-heading h2,.section-heading p,.brand-copy h1,.brand-copy span,.welcome h2,.welcome p{margin:0}.section-heading h2{font-size:24px;font-weight:800;line-height:1.12}.section-heading p{color:var(--portal-muted);margin-top:8px;font-size:14px;line-height:1.25}.quick-area .section-heading p,.service-heading p{display:none}.quick-area .section-heading{isolation:isolate;align-items:center;min-height:42px;position:relative}.quick-area .section-heading:after{content:"";z-index:0;opacity:.72;filter:drop-shadow(0 0 6px #19d2ffa8);background:linear-gradient(90deg,#43daffc7 0 62px,#0000 62px 76px,#43daff8a 76px 112px,#0000 112px) 0 0/100% 2px no-repeat,linear-gradient(90deg,#43daff70 0 34px,#0000 34px 48px,#43daff5c 48px 82px,#0000 82px) 0 8px/100% 2px no-repeat;width:158px;height:12px;position:absolute;top:45px;left:28px}.quick-area .section-heading>span{z-index:1;width:5px;height:39px;position:relative}.quick-area .section-heading>div{z-index:1;position:relative}.quick-area .section-heading h2{letter-spacing:0;text-shadow:0 0 10px #5fceffbd,0 0 22px #1c85ff94;font-size:32px}.brand-icon{background:radial-gradient(circle,#33c9ff59,#05153db8 58%,#020c24db);border:1px solid #36cbffd1;border-radius:16px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 0 26px #00b5ffc7,inset 0 0 20px #00b5ff47}.brand-icon img{object-fit:contain;width:56px;height:56px}.brand-copy h1{font-size:20px;font-weight:800;line-height:1.16}.brand-copy span{color:#f5faffe6;margin-top:7px;font-size:13px;display:block}.header-divider{background:linear-gradient(#0000,#00e7ff,#0000);border-radius:999px;box-shadow:0 0 18px #00e6ffcc}.welcome h2{font-size:27px;font-weight:800;line-height:1.2}.welcome p{color:#eef7ffdb;margin-top:9px;font-size:15px}.search-box{border-radius:24px;align-items:center;gap:13px;width:268px;height:46px;padding:0 19px;display:flex}.search-box input{color:#f7fbff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.search-box input::placeholder{color:#d2e8f9b8}.network-context-badge{color:#8ee8ff;background:#062e5cad;border:1px solid #44d0ff7a;border-radius:20px;justify-content:center;align-items:center;min-width:58px;height:36px;padding:0 15px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 0 18px #00b8ff2e}.network-context-lan{color:#36f5a2;border-color:#36f5a280}.network-context-wan{color:#ffd166;border-color:#ffd16680}.network-context-tailscale{color:#5ce1e6}.search-icon{border:3px solid #e6f7ffeb;border-radius:50%;width:16px;height:16px;position:relative}.search-icon:after{content:"";background:#e6f7ffeb;border-radius:999px;width:10px;height:3px;position:absolute;bottom:-4px;right:-8px;transform:rotate(45deg)}.tool-button{color:#f8fbff;border-radius:24px;align-items:center;gap:9px;height:46px;padding:0 20px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.moon-icon,.bell-icon{width:18px;height:18px;display:inline-block;position:relative}.moon-icon{border:3px solid #5ce4ff;border-left-color:#0000;border-radius:50%;transform:rotate(-24deg)}.bell-icon:before{content:"";border:3px solid #88ecff;border-bottom:0;border-radius:12px 12px 4px 4px;width:12px;height:12px;position:absolute;top:2px;left:3px}.bell-icon:after{content:"";background:#88ecff;border-radius:50%;width:5px;height:5px;position:absolute;bottom:1px;left:7px}.message-badge{color:#fff;background:#ff2638;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-10px;right:10px}.avatar-button{border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid}.avatar-button span{color:#0000;background:radial-gradient(circle at 50% 35%,#dff5ff 0 19%,#0000 20%),radial-gradient(circle at 50% 88%,#dff5ff 0 31%,#0000 32%),linear-gradient(145deg,#2d78b7,#102c63);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden}.portal-toast{z-index:80;color:#fff;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#041638db;border:1px solid #61deff8f;border-radius:999px;max-width:min(520px,100% - 48px);padding:12px 18px;font-size:14px;font-weight:800;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 0 28px #00a6ff52,inset 0 0 18px #53cdff1f}.sidebar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:10px;justify-content:flex-start;padding:20px 12px 18px}.sidebar-brand{align-items:center;gap:14px;display:flex}.sidebar:after{content:none;background:linear-gradient(#0000,#39c1ffc7,#0000);width:1px;height:100%;position:absolute;top:0;right:-1px;box-shadow:0 0 16px #00c5ff8c}.sidebar-nav{width:100%;padding-top:28px}.sidebar-link{color:#f6fbffe6;border:1px solid #0000;border-radius:8px;align-items:center;gap:17px;height:64px;padding:0 22px;font-size:18px;font-weight:800;display:flex}.sidebar-link+.sidebar-link{margin-top:2px}.sidebar-link.active{color:#fff;background:linear-gradient(90deg,#007bffeb,#0a4aa49e);border-color:#4ecdffbd;box-shadow:0 0 24px #008cff8f,inset 0 0 22px #35ccff38}.nav-icon{color:currentColor;place-items:center;width:26px;height:26px;display:inline-grid}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.nav-icon svg path:first-child:last-child,.nav-icon svg path:first-child:last-child~path{fill:none}.nav-icon-settings{color:#fff;filter:drop-shadow(0 0 7px #5cdeff8c)drop-shadow(0 0 14px #0084ff33)}.nav-icon-settings svg{stroke-width:2.05px;width:25px;height:25px}.sidebar-link.active .nav-icon-settings{filter:drop-shadow(0 0 9px #84eeffcc)drop-shadow(0 0 18px #0084ff61)}.sidebar-status{width:100%;min-height:186px;margin-top:auto;padding:22px 22px 20px;position:relative}.sidebar-status.glass-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.sidebar-status .status-dot{position:absolute;top:24px;left:22px}.sidebar-status p,.sidebar-status strong,.sidebar-status small{margin:0;padding-left:28px;display:block}.sidebar-status p{color:#e0f2ffe6;font-size:16px}.sidebar-status strong{color:var(--portal-green);margin-top:12px;font-size:25px;line-height:1.1}.sidebar-status small{color:#e1f1ffd6;margin-top:12px;padding-left:0;font-size:14px;line-height:1.2}.sidebar-status:after{content:"";background:linear-gradient(90deg, var(--portal-green) 0 18%, #45bbff2e 18% 100%);border-radius:999px;height:3px;position:absolute;bottom:20px;left:22px;right:22px;box-shadow:0 0 14px #33f5a15c}.status-dot{background:var(--portal-green);border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 13px}.orbit-glow{z-index:0;filter:blur(.5px);background:radial-gradient(circle at 50% 49%,#50d1ff33,#0000 42%),radial-gradient(circle at 50% 55%,#0077ff47,#0000 68%);border-radius:50%;width:430px;height:430px;position:absolute;top:84px;left:0}.orbit-ring{z-index:3;border:2px solid #47c2ffbd;border-radius:50%;position:absolute;box-shadow:0 0 22px #26b2ffad,0 0 48px #0070ff47,inset 0 0 24px #50d1ff3d}.orbit-ring:before,.orbit-ring:after{content:"";background:#69ecff;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 10px #69ecff,0 0 22px #00b9ffe6}.orbit-ring:before{top:96px;left:74px}.orbit-ring:after{bottom:98px;right:64px}.orbit-ring-outer{box-sizing:border-box;background:radial-gradient(circle,#41caff14,#0000 69%);border:2px solid #68e1ffad;width:380px;height:380px;top:110px;left:25px;-webkit-mask:none;mask:none}.orbit-ring-outer:before,.orbit-ring-outer:after{display:none}.orbit-ring-inner{border:1px solid #43b9ff6b;width:286px;height:286px;top:157px;left:72px;box-shadow:0 0 20px #18a4ff38,inset 0 0 18px #18a4ff2e}.orbit-tech-ring{z-index:2;opacity:.56;background:repeating-conic-gradient(from 1deg, #00b7ff9e 0 1deg, transparent 1deg 4deg);border-radius:50%;width:340px;height:340px;position:absolute;top:130px;left:45px;-webkit-mask:radial-gradient(circle,#0000 63%,#000 64% 66%,#0000 67%);mask:radial-gradient(circle,#0000 63%,#000 64% 66%,#0000 67%)}.orbit-belt{z-index:4;border:2px solid #5bd8ff7a;border-top-color:#5bd8ff14;border-radius:50%;width:354px;height:76px;position:absolute;top:306px;left:38px;box-shadow:0 0 24px #00afff75,inset 0 0 14px #44c8ff24}.orbit-node{z-index:6;background:#62eaff;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 10px #62eaff,0 0 24px #00b8fff2,0 0 0 4px #32b8ff33}.quick-earth-wrap{z-index:1;width:354px;height:354px;box-shadow:none;background:0 0;border-radius:0;place-items:center;display:grid;position:absolute;top:150px;left:38px;overflow:visible}.quick-earth{object-fit:cover;object-position:center center;filter:saturate(1.28)contrast(1.1)brightness(1.08)drop-shadow(0 0 30px #23b2ffb3);mix-blend-mode:screen;opacity:.96;border-radius:0;width:438px;height:438px;transform:translate(-45px,-27px);-webkit-mask-image:radial-gradient(circle at 50% 49%,#000 0 53%,#000000db 63%,#0000 78%);mask-image:radial-gradient(circle at 50% 49%,#000 0 53%,#000000db 63%,#0000 78%)}.orbit-item{z-index:7;color:#fff;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:98px;min-height:106px;padding-top:9px;display:flex;position:absolute}.orbit-item:before{content:"";z-index:-1;transform-origin:top;opacity:.34;background:linear-gradient(#74e7ffb3,#0000);width:1px;height:48px;position:absolute;top:42px;left:50%}.orbit-icon{background:radial-gradient(circle at 50% 42%,#3ba0ff33,#030e2ae6 64%),linear-gradient(145deg,#0c3a7ebd,#020a20e0);border:2px solid #70daffe0;border-radius:50%;place-items:center;width:69px;height:69px;display:grid;position:relative;box-shadow:0 0 13px #5bd2ffb8,0 0 25px #0077ff61,inset 0 0 18px #68d8ff2e}.orbit-icon:before,.orbit-icon:after{content:"";pointer-events:none;border:1px solid #67d8ff85;border-radius:50%;position:absolute;inset:-7px}.orbit-icon:after{border-color:#67d8ff38;inset:-9px;box-shadow:0 0 15px #45beff42}.orbit-icon img{object-fit:contain;filter:drop-shadow(0 0 10px #9ee4ff73);width:38px;height:38px}.orbit-item span:last-child{color:#fff;text-shadow:0 1px #00051299,0 0 10px #57c4ffdb;max-width:108px;margin-top:9px;font-size:14px;font-weight:800;line-height:1.12}.core-title{z-index:2;text-align:center;position:relative}.core-title:before,.core-title:after{content:"";opacity:.78;filter:drop-shadow(0 0 12px #00beffcc);width:42px;height:58px;position:absolute;top:30px}.core-title:before{clip-path:polygon(0 0,100% 0,100% 8%,15% 8%,15% 92%,100% 92%,100% 100%,0 100%);border-top:3px solid #59d6ffd1;border-bottom:3px solid #59d6ffd1;border-left:3px solid #59d6ffd1;left:42px}.core-title:after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 92%,85% 92%,85% 8%,0 8%);border-top:3px solid #59d6ffd1;border-bottom:3px solid #59d6ffd1;border-right:3px solid #59d6ffd1;right:42px}.core-title span{color:#9fe7ff;font-size:19px;font-weight:500}.core-title h2{text-shadow:0 0 24px #29b4ffad;margin:8px 0 10px;font-size:46px;font-weight:900;line-height:1.08}.core-title p{color:#e5f1ffe6;align-items:center;gap:8px;margin:0;font-size:16px;display:inline-flex}.core-title p i{background:var(--portal-green);width:9px;height:9px;box-shadow:0 0 14px var(--portal-green);border-radius:50%}.core-visual{width:500px;height:430px;position:absolute;top:139px;left:0}.core-halo{border:1px dashed #28aeff6b;border-radius:50%;position:absolute;box-shadow:0 0 28px #007aff40}.core-halo-one{width:440px;height:440px;top:6px;left:30px}.core-halo-two{width:328px;height:328px;top:62px;left:86px}.core-base{object-fit:contain;filter:drop-shadow(0 0 42px #00b7ffbd);width:460px;height:460px;position:absolute;bottom:-48px;left:20px}.core-main-rotor{perspective:1000px;width:260px;height:260px;transform-style:preserve-3d;will-change:translate;place-items:center;display:grid;position:absolute;top:58px;left:120px}.core-main{object-fit:contain;transform-origin:50%;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:visible;filter:drop-shadow(0 0 32px #57daffdb);will-change:transform}.service-heading{position:relative}.service-heading:after{content:"";background:linear-gradient(90deg,#00e1ffad,#0000);width:64px;height:1px;margin-left:8px;box-shadow:0 0 12px #00d2ff9e}.manage-link{color:#e1f1ffe6;background:#2667b257;border-radius:999px;align-items:center;gap:10px;height:36px;padding:0 18px;font-size:15px;font-weight:800;display:inline-flex;position:absolute;top:0;right:0}.manage-link span,.card-arrow{border-top:3px solid;border-right:3px solid;width:11px;height:11px;transform:rotate(45deg)}.service-card{align-items:center;gap:17px;height:112px;padding:15px 44px 15px 16px;display:flex;position:relative;overflow:hidden}.service-card:hover{border-color:#4ddfffd6;box-shadow:inset 0 0 28px #45c3ff33,0 0 32px #00a2ff52}.service-card.disabled,.orbit-item.disabled,.ssh-link.disabled{cursor:not-allowed;opacity:.52}.search-dimmed{opacity:.28;filter:saturate(.6)}.service-icon{background:linear-gradient(135deg,#47d0ff42,#071743a3);border-radius:14px;flex:none;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 0 18px #ffffff14}.service-icon img{object-fit:contain;width:48px;height:48px}.service-logo-text{color:#0f1724;font-size:14px;font-weight:900}.service-icon.synology-icon,.service-icon.asus-icon,.service-icon.ha-icon,.service-icon.emby-icon,.service-icon.music-dl-icon{background:linear-gradient(145deg,#f7fbff,#e7eef5);border:1px solid #daefffeb;box-shadow:0 0 0 4px #1f86ce3d,0 0 22px #18b4ff2e}.service-icon.asus-icon .service-logo-text{letter-spacing:-1px;font-size:16px;font-style:italic}.service-symbol{width:42px;height:42px;display:block;position:relative}.ha-icon .service-symbol{background:#34bff0;border-radius:10px;width:40px;height:40px}.ha-icon .service-symbol:before{content:"";background:#fff;border-radius:999px;width:4px;height:25px;position:absolute;top:8px;left:18px;box-shadow:-9px 15px 0 -1px #fff,9px 15px 0 -1px #fff}.ha-icon .service-symbol:after{content:"";border-bottom:4px solid #fff;border-left:4px solid #fff;border-radius:0 0 0 10px;width:16px;height:18px;position:absolute;top:11px;left:12px;transform:rotate(-36deg)}.emby-icon .service-symbol{background:#52c94a;transform:rotate(45deg)}.emby-icon .service-symbol:before{content:"";border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:16px solid #fff;width:0;height:0;position:absolute;top:10px;left:14px;transform:rotate(-45deg)}.music-dl-icon{background:linear-gradient(145deg,#45c9ff,#2485f0)}.music-dl-icon .service-symbol:before{content:"";background:#fff;border-radius:999px;width:6px;height:25px;position:absolute;top:5px;left:18px}.music-dl-icon .service-symbol:after{content:"";border-bottom:6px solid #fff;border-right:6px solid #fff;width:24px;height:24px;position:absolute;top:21px;left:9px;transform:rotate(45deg)}.music-dl-icon .service-symbol{border-bottom:5px solid #fff;border-radius:0 0 7px 7px}.service-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.service-copy strong{text-overflow:ellipsis;white-space:nowrap;color:var(--portal-text);font-size:17px;font-weight:900;line-height:1.15;overflow:hidden}.service-copy small{color:#d9eaf8bd;font-size:13px;line-height:1.2}.service-copy em{color:var(--portal-green);align-items:center;gap:7px;font-size:14px;font-style:normal;font-weight:900;display:inline-flex}.service-copy i{background:currentColor;border-radius:50%;width:11px;height:11px;box-shadow:0 0 12px}.service-copy em.metric-good{color:var(--portal-green)}.service-copy em.metric-warn{color:#ffd65b}.service-copy em.metric-danger{color:var(--portal-red)}.service-copy em.metric-info{color:#66dcff}.card-arrow{color:#f0f8ffeb;position:absolute;top:48px;right:20px}.activity-icon,.ssh-icon{width:28px;height:28px;display:block;position:relative}.status-card,.activity-card,.ssh-card{min-width:0;min-height:0;padding:14px 18px;position:relative;overflow:hidden}.activity-card,.ssh-card{grid-template-rows:32px minmax(0,1fr);align-content:start;padding:8px 12px;display:grid}.status-card:after,.activity-card:after,.ssh-card:after{content:"";background:#2492ff80;border-radius:50%;width:5px;height:5px;position:absolute;top:15px;right:18px;box-shadow:12px 0 #2492ff59,24px 0 #2492ff40,36px 0 #2492ff33}.status-panel>.status-card,.status-panel>.activity-card,.status-panel>.ssh-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.status-panel>.status-card:after,.status-panel>.activity-card:after,.status-panel>.ssh-card:after{content:none}.status-card{grid-template-rows:48px minmax(0,1fr) 34px;gap:6px;padding:14px 18px 10px;display:grid}.status-card-head{grid-template-columns:48px minmax(0,1fr);justify-self:stretch;align-items:center;gap:14px;width:100%;min-width:0;max-width:none;height:50px;display:grid}.status-logo{background:linear-gradient(145deg,#47d0ff38,#071743a8);border-radius:13px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden;box-shadow:0 0 20px #00a2ff3d,inset 0 0 18px #4ad1ff29}.status-logo img{object-fit:contain;width:39px;height:39px}.status-logo-synology{color:#0b1523;letter-spacing:0;background:linear-gradient(145deg,#f8fbff,#e7eef5);padding:0 4px;font-size:11px;font-weight:900}.status-logo-ha{background:linear-gradient(145deg,#fbfdff,#dfebf4);border:1px solid #66ccffb8}.status-logo-router img{width:43px;height:43px}.status-card-head>div{min-width:0}.status-card-head h3,.status-card-head p{margin:0}.status-card-head h3{text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.1;overflow:hidden}.status-card-head p{color:#bff2ff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 7px #4dd5ff47;margin-top:5px;font-size:13px;font-weight:700;overflow:hidden}.status-body{grid-template-columns:112px minmax(0,1fr);place-self:stretch stretch;align-items:start;gap:15px;width:100%;min-width:0;max-width:none;margin-top:0;display:grid}.gauge-column{grid-template-rows:88px 16px minmax(18px,auto);align-content:center;justify-items:center;gap:5px;min-width:0;height:100%;display:grid}.gauge{color:#fff;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-self:start;align-items:center;width:88px;height:88px;margin:3px auto 0;padding-top:0;display:flex;position:relative}.gauge:before{content:"";position:absolute}.gauge strong{z-index:1;letter-spacing:0;white-space:nowrap;font-size:22px;font-weight:900;line-height:1;display:block;position:relative}.gauge-nas strong,.gauge-ha strong{font-size:19px}.gauge-label{color:#eafaff;white-space:nowrap;text-align:center;text-shadow:0 1px #0005128c,0 0 7px #39d6ff5c;width:max-content;max-width:112px;font-size:11px;font-weight:800;line-height:1}.gauge-subvalue{z-index:1;text-overflow:ellipsis;color:#66dcff;white-space:nowrap;text-align:center;text-shadow:0 0 9px #4dd5ff61;width:max-content;max-width:118px;font-size:11px;font-weight:950;line-height:1.1;overflow:hidden}.gauge-nas,.gauge-network{background:radial-gradient(circle at center, #07183af2 0 56%, transparent 57%), conic-gradient(#5ec7ff 0 var(--gauge-angle,41deg), #4c94ff42 var(--gauge-angle,42deg) 360deg);box-shadow:0 0 25px #4bbeff42}.gauge-ha{background:radial-gradient(circle at center, #07183af2 0 56%, transparent 57%), conic-gradient(#31f69a 0 var(--gauge-angle,218deg), #4c94ff42 var(--gauge-angle,219deg) 360deg);box-shadow:0 0 25px #37ffa647}.stat-list{gap:4px 9px;min-width:0;display:grid}.stat-list p{color:#fff;background:#0e306780;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;min-width:0;height:25px;margin:0;padding:0 10px;font-size:13px;display:flex}.stat-list span,.detail-grid span{color:#fff;text-shadow:0 1px #0005128f,0 0 7px #5ed0ff57;font-weight:800}.stat-list strong{color:#66dcff;white-space:nowrap;text-shadow:0 0 8px #4dd5ff4d;font-size:13px;font-weight:900}.nas-card .stat-list{grid-template-columns:repeat(2,minmax(0,1fr))}.status-body-system{grid-template-columns:126px minmax(0,1fr);align-items:center;gap:13px;overflow:hidden}.status-stack{align-content:center;align-self:stretch;gap:5px;width:100%;min-width:0;height:100%;display:grid}.nas-card .status-stack{grid-template-rows:30px minmax(82px,1fr);align-content:center;gap:7px}.network-card .status-stack{grid-template-rows:30px 24px minmax(52px,1fr);align-content:center;gap:6px}.resource-pair{background:linear-gradient(90deg,#0d3067c2,#0e3a7b80),#06183a61;border:1px solid #4fc9ff2e;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;height:30px;display:grid;overflow:hidden;box-shadow:inset 0 0 18px #45b5ff1f,0 0 14px #0f66c924}.resource-pair p{color:#fff;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:0;padding:0 11px;font-size:12px;line-height:1;display:flex}.resource-pair p+p{border-left:1px solid #5cccff29}.resource-pair span,.storage-summary-text em{color:#fff;text-shadow:0 1px #0005128f,0 0 7px #5ed0ff4d;font-weight:900}.resource-pair strong{color:#66dcff;white-space:nowrap;text-shadow:0 0 8px #4dd5ff52;font-size:12px;font-weight:950}.cpu-core-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;min-width:0;display:grid}.cpu-core-grid p{color:#fff;background:linear-gradient(90deg,#0c30679e,#0b2b5d61),#06183a47;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;min-width:0;height:24px;margin:0;padding:0 8px;font-size:11px;line-height:1;display:flex}.cpu-core-grid span{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #0005128f,0 0 7px #5ed0ff4d;min-width:0;font-weight:900;overflow:hidden}.cpu-core-grid strong{color:#66dcff;white-space:nowrap;text-shadow:0 0 8px #4dd5ff52;font-size:11px;font-weight:950}.storage-summary{background:linear-gradient(90deg,#0c3067b8,#0d367273),#06183a5c;border-radius:9px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:6px 10px;display:grid;box-shadow:inset 0 0 20px #40c0ff1f,0 0 14px #0f66c91a}.storage-title,.storage-meter,.storage-summary-text{min-width:0}.storage-title{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.storage-title strong,.storage-title span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;line-height:1;display:block;overflow:hidden}.storage-title strong{color:#fff;text-shadow:0 1px #00051294,0 0 8px #5ed0ff57;font-weight:950}.storage-title span{color:var(--portal-green);text-shadow:0 0 8px #33f5a157;font-weight:950}.storage-title span.metric-warn{color:#ffd65b;text-shadow:0 0 8px #ffcd4a57}.storage-title span.metric-danger{color:var(--portal-red);text-shadow:0 0 8px #ff4f6d5c}.storage-title span.metric-info,.storage-title span.metric-neutral{color:#66dcff;text-shadow:0 0 8px #4dd5ff52}.storage-progress{background:#7fa8cf42;border-radius:999px;height:5px;margin:0 0 7px;overflow:hidden}.storage-progress i{border-radius:inherit;background:linear-gradient(90deg,#1b9dff,#5fe3ff);height:100%;display:block;box-shadow:0 0 10px #4cd5ff8c}.storage-summary-text{justify-content:flex-start;align-items:center;gap:6px;font-size:13px;line-height:1.1;display:flex;overflow:hidden}.storage-summary-text strong,.storage-summary-text em,.storage-summary-text span{white-space:nowrap;min-width:0}.storage-summary-text strong{color:#66dcff;text-shadow:0 0 8px #4dd5ff57;font-weight:950}.storage-summary-text span{color:#eafaffb8;font-weight:900}.system-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 7px}.nas-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-detail-grid p{background:#0e30677a;height:22px;padding:0 8px;font-size:11px}.system-detail-grid span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.system-detail-grid strong{font-size:11px}.ha-body{grid-template-columns:126px minmax(0,1fr)}.ha-content{align-self:start;gap:8px;min-width:0;padding-top:2px;display:grid}.ha-stats{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.ha-stats p{margin:0}.ha-stats strong,.ha-stats span{display:block}.ha-stats strong{color:#37fba0;font-size:24px;line-height:1.1}.ha-stats p:nth-child(2) strong{color:var(--portal-red)}.ha-stats p:nth-child(3) strong{color:#ffd65b}.ha-stats span{color:#fff;text-shadow:0 0 7px #5ed0ff47;margin-top:7px;font-size:13px;font-weight:800}.detail-grid{gap:5px 9px;min-width:0;display:grid}.detail-grid p{color:#fff;background:#0e306761;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;height:24px;margin:0;padding:0 10px;font-size:12px;display:flex}.detail-grid strong{color:#66dcff;white-space:nowrap;text-shadow:0 0 8px #4dd5ff47;font-size:12px;font-weight:900}.metric-good strong{color:var(--portal-green);text-shadow:0 0 10px #33f5a161}.metric-warn strong{color:#ffd65b;text-shadow:0 0 10px #ffcd4a57}.metric-danger strong{color:var(--portal-red);text-shadow:0 0 10px #ff4f6d5c}.metric-info strong{color:#66dcff;text-shadow:0 0 10px #4dd5ff57}.metric-neutral strong{color:#fff;text-shadow:0 0 8px #fff3}.gauge-subvalue.metric-good{color:var(--portal-green);text-shadow:0 0 10px #33f5a161}.gauge-subvalue.metric-warn{color:#ffd65b;text-shadow:0 0 10px #ffcd4a57}.gauge-subvalue.metric-danger{color:var(--portal-red);text-shadow:0 0 10px #ff4f6d5c}.gauge-subvalue.metric-info,.gauge-subvalue.metric-neutral{color:#66dcff;text-shadow:0 0 10px #4dd5ff57}.ha-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.status-foot{color:#fff;white-space:nowrap;border-top:1px solid #63bdff2e;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;place-items:center;gap:10px;width:100%;min-width:0;max-width:none;height:36px;margin-top:0;padding-top:4px;font-size:12px;display:grid;overflow:hidden}.status-foot span{text-align:center;text-overflow:ellipsis;text-shadow:0 1px #0005128c,0 0 7px #5ed0ff4d;width:100%;min-width:0;font-weight:800;overflow:hidden}.status-foot .foot-metric{justify-content:center;align-items:center;gap:6px;display:inline-flex}.foot-metric em,.foot-metric strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;line-height:1.15;overflow:hidden}.foot-metric em{color:#fff;text-shadow:0 1px #0005129e,0 0 9px #5ed0ff5c;font-weight:900}.foot-metric strong{font-size:13px;font-weight:950}.network-card .status-body{grid-template-columns:126px minmax(0,1fr);margin-top:0}.ha-card .status-card-head,.ha-card .status-body,.ha-card .status-foot,.network-card .status-card-head,.network-card .status-body,.network-card .status-foot{max-width:none}.network-card .gauge{width:88px;height:88px}.network-card .stat-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}.mini-heading{align-items:center;gap:12px;height:32px;display:flex}.mini-heading h3,.mini-heading p{margin:0}.mini-heading h3{font-size:18px;line-height:1.1}.mini-heading p{color:#d9eaf8bd;margin-top:5px;font-size:12px}.mini-heading a{color:#cbe7ffdb;margin-left:auto;font-size:13px;font-weight:800}.ssh-icon{background:#149fff33;border-radius:12px;box-shadow:inset 0 0 18px #34caff24}.ssh-icon:before,.ssh-icon:after{content:"";background:#57e5ff;border-radius:999px;position:absolute}.ssh-icon:before{width:18px;height:4px;top:12px;left:5px}.ssh-icon:after{width:4px;height:18px;top:5px;left:12px}.activity-icon{background:radial-gradient(circle at 30% 24%,#70edff47,#0000 36%),linear-gradient(145deg,#1588cf61,#04204e8f);border:1px solid #5cdfff61;border-radius:12px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 18px #1ab4ff38,inset 0 0 18px #34caff29}.activity-icon svg{fill:none;stroke:#68e9ff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #56e4ffa8);width:26px;height:26px}.activity-icon .activity-orbit{stroke:#6be7ff80;stroke-dasharray:7 5}.activity-list{align-content:start;gap:4px;min-height:0;margin-top:5px;display:grid;overflow:hidden}.activity-list p{color:#ebf6ffe6;background:#08295c57;border:1px solid #4cb4ff33;border-radius:8px;grid-template-columns:50px 54px minmax(0,1fr);align-items:center;min-height:22px;margin:0;padding:0 9px;font-size:12px;display:grid}.activity-list time{color:#e1f2ffd1}.activity-list strong{color:#82ffa9;background:#0db5475c;border-radius:999px;place-items:center;width:42px;height:20px;font-size:11px;display:grid}.activity-list span{color:#eef8ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.activity-list strong.activity-level-warning{color:#ffe070;background:#ba7f1261}.activity-list strong.activity-level-danger{color:#ff8ca0;background:#ad223e61}.activity-list strong.activity-level-info{color:#77e5ff;background:#137aaa5c}.ssh-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:8px;min-height:0;margin-top:10px;display:grid}.ssh-link{background:linear-gradient(145deg,#104385bd,#03143ad1);border:1px solid #49b2ff6b;border-radius:10px;align-items:center;gap:9px;min-width:0;height:62px;padding:0 10px;display:flex}.ssh-item-icon{color:#fff;letter-spacing:0;background:#1461a4b8;border-radius:9px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 16px #57d2ff38}.ssh-item-icon img{object-fit:contain;width:100%;height:100%}.ssh-link span{min-width:0}.ssh-link strong,.ssh-link small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ssh-link strong{color:#fff;font-size:14px;line-height:1.2}.ssh-link small{color:#fff;background:#197bc252;border:1px solid #57d2ff47;border-radius:999px;width:fit-content;max-width:100%;margin-top:4px;padding:2px 7px;font-size:11px;line-height:1.2}.ssh-link small.ssh-scope-wan{color:#68e4ff;background:#115c9b6b}.ssh-link small.ssh-scope-tailscale{color:#37ff9a;background:#15805c5c}.ssh-link small.ssh-scope-lan{color:#fff}.ssh-link.disabled small{color:#ffd75e;background:#8b661247;border-color:#ffd75e3d}.ssh-item-icon.synology-icon{color:#101823;background:#eef7ff}.ssh-item-icon.tailscale-icon{color:#08162a;background:linear-gradient(145deg,#39f6a5,#55d9ff)}.more-dots{flex:none;width:34px;height:16px;position:relative}.more-dots:before{content:"";background:#62cfff;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:2px;box-shadow:12px 0 #62cfff,24px 0 #62cfff}@media (prefers-reduced-motion:no-preference){.core-main-rotor{animation-name:portal-float;animation-duration:14s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.core-main{animation:16s linear infinite core-yaw-clockwise}}@keyframes portal-float{0%,to{translate:0}50%{translate:0 -8px}}@keyframes portal-spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes portal-spin-reverse{0%{rotate:360deg}to{rotate:0deg}}@keyframes core-yaw-clockwise{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.portal-stage-tablet .header-tools{justify-content:flex-end;gap:10px;width:100%;min-width:0;margin-left:0}.portal-stage-tablet .search-box{width:min(42vw,300px)}.portal-stage-tablet .network-context-badge{height:34px;padding:0 12px;font-size:12px}.portal-stage-tablet .tool-button{height:44px;padding:0 14px;font-size:13px}.portal-stage-tablet .avatar-button{width:48px;height:48px}.portal-stage-tablet .sidebar{padding:18px 12px}.portal-stage-tablet .brand-icon{width:58px;height:58px}.portal-stage-tablet .brand-icon img{width:50px;height:50px}.portal-stage-tablet .brand-copy h1{font-size:18px}.portal-stage-tablet .brand-copy span{font-size:12px}.portal-stage-tablet .sidebar-nav{padding-top:22px}.portal-stage-tablet .sidebar-link{gap:14px;height:56px;padding:0 18px;font-size:16px}.portal-stage-tablet .sidebar-status{min-height:160px;padding:20px 18px 18px}.portal-stage-tablet .section-heading h2{font-size:22px}.portal-stage-tablet .core-title h2{font-size:40px}.portal-stage-tablet .core-title:before{left:calc(50% - 188px)}.portal-stage-tablet .core-title:after{right:calc(50% - 188px)}.portal-stage-tablet .core-visual{width:430px;height:342px;margin:18px auto 0;position:relative;top:auto;left:auto}.portal-stage-tablet .core-halo-one{width:394px;height:394px;top:0;left:18px}.portal-stage-tablet .core-halo-two{width:278px;height:278px;top:58px;left:76px}.portal-stage-tablet .core-base{width:400px;height:400px;bottom:-70px;left:15px}.portal-stage-tablet .core-main-rotor{width:220px;height:220px;top:52px;left:105px}.portal-stage-tablet .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.portal-stage-tablet .service-card{gap:14px;height:102px;padding:14px 38px 14px 14px}.portal-stage-tablet .service-copy strong{font-size:16px}.portal-stage-tablet .service-copy small,.portal-stage-tablet .service-copy em{font-size:12px}.portal-stage-tablet .orbit-zone{transform-origin:top;margin:8px auto 0;transform:scale(.88)}.portal-stage-tablet .status-card,.portal-stage-tablet .network-card{min-height:258px}.portal-stage-tablet .cpu-core-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-stage-tablet .ha-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-stage-tablet .activity-card,.portal-stage-tablet .ssh-card{min-height:148px}.portal-stage-tablet .ssh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-stage-mobile .sidebar{padding:14px}.portal-stage-mobile .sidebar:after{display:none}.portal-stage-mobile .sidebar-brand{gap:12px}.portal-stage-mobile .brand-icon{border-radius:14px;width:54px;height:54px}.portal-stage-mobile .brand-icon img{width:46px;height:46px}.portal-stage-mobile .brand-copy h1{font-size:18px}.portal-stage-mobile .brand-copy span{font-size:12px}.portal-stage-mobile .sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:14px;display:grid}.portal-stage-mobile .sidebar-link{gap:9px;height:44px;padding:0 10px;font-size:14px}.portal-stage-mobile .nav-icon{width:22px;height:22px}.portal-stage-mobile .nav-icon svg{width:21px;height:21px}.portal-stage-mobile .sidebar-status{min-height:138px;margin-top:12px;padding:16px 16px 30px}.portal-stage-mobile .sidebar-status .status-dot{top:19px;left:16px}.portal-stage-mobile .sidebar-status p,.portal-stage-mobile .sidebar-status strong,.portal-stage-mobile .sidebar-status small{padding-left:24px}.portal-stage-mobile .sidebar-status p{font-size:14px}.portal-stage-mobile .sidebar-status strong{margin-top:8px;font-size:22px}.portal-stage-mobile .sidebar-status small{margin-top:8px;padding-left:0;font-size:12px}.portal-stage-mobile .sidebar-status:after{bottom:12px;left:16px;right:16px}.portal-stage-mobile .header-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;gap:8px;width:100%;min-width:0;margin-left:0;display:grid}.portal-stage-mobile .search-box{grid-column:1/-1;width:100%;height:44px;padding:0 16px}.portal-stage-mobile .network-context-badge{grid-column:1/-1;width:fit-content;height:32px;padding:0 12px;font-size:12px}.portal-stage-mobile .tool-button{white-space:nowrap;justify-content:center;width:100%;min-width:0;height:42px;padding:0 10px;font-size:12px;overflow:hidden}.portal-stage-mobile .moon-icon,.portal-stage-mobile .bell-icon{flex:none}.portal-stage-mobile .avatar-button{width:42px;height:42px}.portal-stage-mobile .avatar-button span{width:32px;height:32px}.portal-stage-mobile .section-heading{gap:10px}.portal-stage-mobile .section-heading>span{height:22px}.portal-stage-mobile .section-heading h2{font-size:20px}.portal-stage-mobile .core-title:before,.portal-stage-mobile .core-title:after{display:none}.portal-stage-mobile .core-title span{font-size:14px}.portal-stage-mobile .core-title h2{margin:7px 0 8px;font-size:30px}.portal-stage-mobile .core-title p{font-size:13px}.portal-stage-mobile .core-visual{width:min(320px,100%);height:270px;margin:16px auto 0;position:relative;top:auto;left:auto}.portal-stage-mobile .core-halo-one{width:calc(100% - 28px);height:calc(100% - 28px);top:0;left:14px}.portal-stage-mobile .core-halo-two{width:calc(100% - 116px);height:calc(100% - 116px);top:44px;left:58px}.portal-stage-mobile .core-base{width:calc(100% - 12px);height:calc(100% - 12px);bottom:-48px;left:6px}.portal-stage-mobile .core-main-rotor{width:156px;height:156px;top:42px;left:calc(50% - 78px)}.portal-stage-mobile .service-heading{align-items:center}.portal-stage-mobile .manage-link{height:32px;padding:0 12px;font-size:12px}.portal-stage-mobile .service-grid{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px}.portal-stage-mobile .service-card{gap:13px;height:92px;padding:13px 36px 13px 13px}.portal-stage-mobile .service-icon{border-radius:13px;width:54px;height:54px}.portal-stage-mobile .service-icon img{width:44px;height:44px}.portal-stage-mobile .service-copy strong{font-size:16px}.portal-stage-mobile .service-copy small,.portal-stage-mobile .service-copy em{font-size:12px}.portal-stage-mobile .card-arrow{top:40px;right:16px}.portal-stage-mobile .orbit-zone{transform-origin:0 0;height:472px;margin-top:8px;margin-bottom:-104px;margin-left:max(0px,50% - 170px);transform:scale(.79)}.portal-stage-mobile .status-card{grid-template-rows:48px auto auto;gap:10px;min-height:208px;padding:14px}.portal-stage-mobile .status-card-head{grid-template-columns:46px minmax(0,1fr);gap:12px;height:48px}.portal-stage-mobile .status-logo{width:46px;height:46px}.portal-stage-mobile .status-card-head h3{font-size:18px}.portal-stage-mobile .status-card-head p{font-size:12px}.portal-stage-mobile .status-body{grid-template-columns:100px minmax(0,1fr);gap:12px}.portal-stage-mobile .gauge-column{grid-template-rows:82px 15px minmax(16px,auto);gap:4px}.portal-stage-mobile .gauge{width:82px;height:82px;margin-top:2px}.portal-stage-mobile .gauge strong{font-size:20px}.portal-stage-mobile .gauge-nas strong,.portal-stage-mobile .gauge-ha strong{font-size:18px}.portal-stage-mobile .gauge-label{font-size:10px}.portal-stage-mobile .gauge-subvalue{max-width:100px;font-size:9px}.portal-stage-mobile .nas-card .status-stack,.portal-stage-mobile .network-card .status-stack{grid-template-rows:auto;gap:7px}.portal-stage-mobile .cpu-core-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.portal-stage-mobile .cpu-core-grid p{height:25px;font-size:11px}.portal-stage-mobile .stat-list{gap:6px}.portal-stage-mobile .stat-list p{height:27px;padding:0 10px;font-size:13px}.portal-stage-mobile .stat-list strong{font-size:13px}.portal-stage-mobile .ha-body{grid-template-columns:100px minmax(0,1fr)}.portal-stage-mobile .ha-stats{gap:6px}.portal-stage-mobile .ha-stats strong{font-size:22px}.portal-stage-mobile .ha-stats span{margin-top:6px;font-size:12px}.portal-stage-mobile .ha-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-stage-mobile .network-card{min-height:240px}.portal-stage-mobile .network-card .status-body{grid-template-columns:100px minmax(0,1fr)}.portal-stage-mobile .network-card .stat-list{grid-template-columns:minmax(0,1fr)}.portal-stage-mobile .status-foot{white-space:normal;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:6px 10px;height:auto;min-height:34px;padding-top:8px;font-size:11px}.portal-stage-mobile .activity-card,.portal-stage-mobile .ssh-card{min-height:148px;padding:14px}.portal-stage-mobile .mini-heading h3{font-size:17px}.portal-stage-mobile .mini-heading p,.portal-stage-mobile .mini-heading a{font-size:12px}.portal-stage-mobile .activity-list p{grid-template-columns:52px 56px minmax(0,1fr);font-size:12px}.portal-stage-mobile .activity-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-stage-mobile .ssh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portal-stage-mobile .ssh-link{gap:8px;height:58px;padding:0 9px}.portal-stage-mobile .ssh-item-icon{width:32px;height:32px}.portal-stage-mobile .ssh-link strong{font-size:13px}.portal-stage-mobile .ssh-link small{font-size:11px}@media (width<=359px){.portal-design-mobile{padding:10px}.portal-stage-mobile .sidebar-nav,.portal-stage-mobile .ssh-grid{grid-template-columns:minmax(0,1fr)}.portal-stage-mobile .orbit-zone{margin-left:max(0px,50% - 158px);transform:scale(.735)}}.portal-page-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 18% 18%,#1d8beb38,#0000 36%),linear-gradient(145deg,#05173a7a,#020a2061);border:1px solid #43c2ff57;border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex;overflow:hidden;box-shadow:inset 0 0 36px #3fbdff17,0 0 34px #0077ff1f}.portal-page-panel-dashboard{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;gap:0;padding:0;overflow:hidden}.portal-page-header{border-bottom:1px solid #59c5ff2e;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding-bottom:12px;display:flex}.portal-page-header span{color:#80e8ff;letter-spacing:0;text-shadow:0 0 11px #48d8ff75;align-items:center;height:24px;font-size:13px;font-weight:900;display:inline-flex}.portal-page-header h2,.portal-page-header p{margin:0}.portal-page-header h2{color:#fff;text-shadow:0 0 18px #41bdff5c;margin-top:4px;font-size:30px;font-weight:950;line-height:1.12}.portal-page-header p{color:#eafaff;margin-top:7px;font-size:14px;font-weight:800}.page-refresh-button{color:#fff;background:#09357494;border:1px solid #58d3ff85;border-radius:999px;flex:none;height:38px;padding:0 18px;font-size:13px;font-weight:900;box-shadow:inset 0 0 16px #4bccff24,0 0 18px #1495ff2e}.page-summary-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.page-summary-strip article,.page-section,.device-item,.system-monitor-list article{background:linear-gradient(145deg,#0d3d7e80,#0311306b);border:1px solid #4ab7ff47;box-shadow:inset 0 0 20px #3fb5ff14,0 0 20px #0077ff14}.page-summary-strip article{border-radius:11px;flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:64px;padding:10px 14px;display:flex}.page-summary-strip span{color:#fff;font-size:12px;font-weight:900}.page-summary-strip strong{color:#66dcff;text-shadow:0 0 12px #4dd5ff5c;font-size:22px;font-weight:950;line-height:1}.page-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;display:grid;overflow:hidden}.page-grid-devices,.page-grid-monitoring{grid-template-columns:repeat(3,minmax(0,1fr))}.page-grid-dashboard,.page-grid-automation,.page-grid-network,.page-grid-home-devices,.page-grid-settings{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.page-section{border-radius:13px;min-width:0;min-height:0;padding:15px;overflow:hidden}.page-section-wide{grid-column:span 2}.page-grid-monitoring .page-section-wide{grid-column:1/-1}.page-section-title{justify-content:space-between;align-items:flex-start;gap:12px;min-height:46px;margin-bottom:12px;display:flex}.page-section-title h3,.page-section-title span{margin:0}.page-section-title h3{color:#fff;font-size:19px;font-weight:950;line-height:1.1}.page-section-title span{color:#bff2ff;text-align:right;max-width:52%;font-size:12px;font-weight:800;line-height:1.25}.page-metric-list,.device-list,.system-monitor-list{gap:8px;display:grid}.page-metric-list p{background:#0b316a70;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:34px;margin:0;padding:0 12px;display:flex}.page-metric-list span,.device-item span,.system-monitor-list span{color:#fff;font-weight:850}.page-metric-list strong{color:#66dcff;text-align:right;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 8px #4dd5ff4d;min-width:0;font-weight:950;overflow:hidden}.device-item,.system-monitor-list article{border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:58px;padding:10px 12px;display:flex}.device-item div,.system-monitor-list article div{min-width:0}.device-item strong,.device-item span,.system-monitor-list strong,.system-monitor-list span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.device-item strong,.system-monitor-list strong{color:#fff;font-size:15px;font-weight:950;line-height:1.15}.device-item span,.system-monitor-list span{color:#d9f7ff;margin-top:5px;font-size:12px;line-height:1.2}.device-item em,.system-monitor-list em{text-align:right;flex:none;min-width:58px;font-size:12px;font-style:normal;font-weight:950}.dashboard-wireframe,.automation-flow,.floor-plan-placeholder{gap:10px;min-height:260px;display:grid}.dashboard-wireframe{grid-template-rows:1fr 1fr;grid-template-columns:1.2fr .9fr}.automation-flow{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}.dashboard-wireframe div,.automation-flow div,.floor-plan-placeholder span{color:#eafaff;text-align:center;background:radial-gradient(circle at 50% 26%,#2cbaff2e,#0000 46%),#08275b5c;border:1px dashed #6bdbff5c;border-radius:12px;place-items:center;min-width:0;font-size:15px;font-weight:950;display:grid}.floor-plan-section{min-height:420px}.floor-plan-placeholder{grid-template-rows:1fr .9fr;grid-template-columns:1.2fr .8fr 1fr;min-height:330px}.floor-plan-placeholder span:first-child{grid-row:span 2}.system-monitor-list{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;max-height:100%;padding-right:3px;overflow:auto}.metric-good{color:var(--portal-green);text-shadow:0 0 10px #33f5a157}.metric-warn{color:#ffd65b;text-shadow:0 0 10px #ffcd4a52}.metric-danger{color:var(--portal-red);text-shadow:0 0 10px #ff4f6d52}.metric-info{color:#66dcff;text-shadow:0 0 10px #4dd5ff47}.metric-neutral{color:#dff7ff;text-shadow:0 0 8px #ffffff29}.portal-stage-tablet .portal-page-panel{padding:16px}.portal-stage-tablet .portal-page-panel-dashboard{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.portal-stage-tablet .page-grid,.portal-stage-tablet .page-grid-devices,.portal-stage-tablet .page-grid-monitoring{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.portal-stage-tablet .page-section-wide,.portal-stage-tablet .page-grid-monitoring .page-section-wide{grid-column:1/-1}.portal-stage-tablet .system-monitor-list{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-stage-mobile .portal-page-panel{border-radius:12px;gap:10px;padding:14px;overflow:visible}.portal-stage-mobile .portal-page-panel-dashboard{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;gap:0;padding:0;overflow:visible}.portal-stage-mobile .portal-page-header{align-items:flex-start;min-height:0}.portal-stage-mobile .portal-page-header h2{font-size:24px}.portal-stage-mobile .portal-page-header p{font-size:12px}.portal-stage-mobile .page-refresh-button{height:34px;padding:0 12px;font-size:12px}.portal-stage-mobile .page-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-stage-mobile .page-grid,.portal-stage-mobile .page-grid-devices,.portal-stage-mobile .page-grid-monitoring,.portal-stage-mobile .page-grid-dashboard,.portal-stage-mobile .page-grid-automation,.portal-stage-mobile .page-grid-network,.portal-stage-mobile .page-grid-home-devices,.portal-stage-mobile .page-grid-settings{grid-template-columns:minmax(0,1fr);overflow:visible}.portal-stage-mobile .page-section-wide,.portal-stage-mobile .page-grid-monitoring .page-section-wide{grid-column:auto}.portal-stage-mobile .page-section-title{flex-direction:column;gap:6px;min-height:0}.portal-stage-mobile .page-section-title span{text-align:left;max-width:100%}.portal-stage-mobile .dashboard-wireframe,.portal-stage-mobile .automation-flow,.portal-stage-mobile .floor-plan-placeholder,.portal-stage-mobile .system-monitor-list{grid-template-columns:minmax(0,1fr)}.portal-stage-mobile .floor-plan-placeholder span:first-child{grid-row:auto}.ha-dashboard{--ha-bg-panel:#031330c7;--ha-bg-panel-strong:#072752c7;--ha-bg-chip:#144d8773;--ha-border:#4abeff70;--ha-border-soft:#4abeff38;--ha-cyan:#58dcff;--ha-blue:#159cff;--ha-green:#2cff91;--ha-yellow:#ffd64c;--ha-red:#ff526d;--ha-text:#fff;--ha-subtext:#c9e9ff;--ha-muted:#8eb8d6;--ha-radius:8px;--ha-module-gap:1px;gap:var(--ha-module-gap);width:100%;height:100%;min-height:0;color:var(--ha-text);grid-template-rows:70px minmax(0,1fr);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;display:grid;position:relative}.ha-dashboard *{box-sizing:border-box}.ha-dashboard-bar{background:radial-gradient(circle at 50% 0,#46d0ff2e,#0000 34%),linear-gradient(90deg,#083764d1,#031837e6 38%,#041b3ee6 62%,#07305cd1);border:1px solid #41c8ff85;border-radius:10px;grid-template-columns:minmax(260px,.86fr) minmax(440px,1fr) minmax(390px,.92fr);align-items:center;gap:18px;min-height:0;padding:0 18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #33b8ff24,0 0 22px #1292ff24}.ha-dashboard-bar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#55d6ff38,#0000) 50%/36% 1px no-repeat,linear-gradient(90deg,#0000,#55d6ff24,#0000) 50% 100%/100% 1px no-repeat;position:absolute;inset:0}.ha-dashboard-brand{z-index:1;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.ha-brand-emblem{background:radial-gradient(circle at 50% 35%,#59dcff38,#0000 56%),#0837609e;border:1px solid #4abeff94;border-radius:12px;flex:none;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 0 22px #49ceff2e,0 0 16px #40ceff33}.ha-brand-emblem img{object-fit:contain;filter:drop-shadow(0 0 14px #2ccfff85);width:40px;height:40px}.ha-brand-copy{gap:6px;min-width:0;display:grid}.ha-brand-copy strong{color:#fff;white-space:nowrap;font-size:22px;font-weight:800;line-height:1}.ha-brand-copy em{min-width:0;color:var(--ha-subtext);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-style:normal;font-weight:700;display:flex}.ha-status-dot{background:var(--ha-muted);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 16px}.ha-dashboard-title{z-index:1;text-align:center;grid-template-columns:minmax(56px,1fr) auto minmax(56px,1fr);justify-self:center;align-items:center;gap:16px;width:min(100%,560px);min-width:0;display:grid;position:relative}.ha-title-copy{justify-items:center;gap:2px;min-width:0;display:grid}.ha-title-copy em{color:#9cefff;letter-spacing:0;text-shadow:0 0 12px #4cddff85;font-size:14px;font-style:normal;font-weight:900;line-height:1}.ha-dashboard-title h2{color:#fff;letter-spacing:0;text-shadow:0 0 14px #4cddff73,0 2px #fff3;white-space:nowrap;margin:0;font-size:40px;font-weight:950;line-height:1}.ha-title-wing{filter:drop-shadow(0 0 8px #20c0ff94);border-top:3px solid #41cfffd1;border-bottom:1px solid #41cfff42;min-width:0;height:26px}.ha-title-wing-left{clip-path:polygon(0 0,82% 0,100% 100%,18% 100%);border-left:0}.ha-title-wing-right{clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}.ha-dashboard-meta{z-index:1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 42px 42px;justify-content:flex-end;align-items:center;gap:6px 12px;min-width:0;display:grid;position:relative}.ha-top-stats{color:#e7f8ff;white-space:nowrap;grid-area:1/1;justify-content:flex-end;justify-self:end;align-items:center;gap:22px;min-width:0;font-size:13px;font-weight:800;display:flex}.ha-top-stats span{align-items:baseline;gap:5px;display:inline-flex}.ha-top-stats strong{color:var(--ha-cyan);font-variant-numeric:tabular-nums;font-size:16px;font-weight:950}.ha-top-stats span:last-child strong{color:var(--ha-red)}.ha-dashboard-clock{grid-area:2/1;justify-content:flex-end;justify-self:end;align-items:center;gap:12px;min-width:0;display:flex}.ha-dashboard-clock span{color:#e8f8ff;white-space:nowrap;font-size:14px;font-weight:700}.ha-dashboard-clock strong{color:#fff;font-variant-numeric:tabular-nums;border-left:1px solid #d5f2ff80;padding-left:14px;font-size:28px;font-weight:400;line-height:1}.ha-icon-button,.ha-text-button{color:#f6fdff;cursor:pointer;background:0 0;border:0;outline:0;font-family:inherit}.ha-icon-button{background:#031e4185;border:1px solid #78d6ff47;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 18px #41beff1a,0 0 14px #39c5ff1f}.ha-dashboard-meta .ha-icon-button:first-of-type{grid-area:1/2/span 2}.ha-dashboard-meta .ha-icon-button:nth-of-type(2){grid-area:1/3/span 2}.ha-icon-button:hover{background:#145b988f;border-color:#78d6ff94}.ha-icon-button:disabled{cursor:wait;opacity:.72}.ha-refresh-icon,.ha-gear-icon{color:#eefbff;width:23px;height:23px;display:block;position:relative}.ha-refresh-icon{border:3px solid;border-right-color:#0000;border-radius:50%}.ha-refresh-icon:after{content:"";border-top:3px solid;border-right:3px solid;width:8px;height:8px;position:absolute;top:0;right:-4px;transform:rotate(16deg)}.ha-refresh-icon.is-spinning{animation:.8s linear infinite ha-spin}.ha-gear-icon{border:3px solid;border-radius:50%}.ha-gear-icon:before{content:"";background:currentColor;border-radius:50%;position:absolute;inset:5px}.ha-gear-icon:after{content:"";background:linear-gradient(currentColor,currentColor) 50% 0/4px 6px no-repeat,linear-gradient(currentColor,currentColor) 50% 100%/4px 6px no-repeat,linear-gradient(90deg,currentColor,currentColor) 0/6px 4px no-repeat,linear-gradient(90deg,currentColor,currentColor) 100%/6px 4px no-repeat;position:absolute;inset:-6px}@keyframes ha-spin{to{transform:rotate(360deg)}}.ha-dashboard-main{gap:var(--ha-module-gap);grid-template-columns:minmax(360px,.9fr) minmax(560px,1.34fr) minmax(360px,.9fr);min-height:0;display:grid;overflow:hidden}.ha-dashboard-column{gap:var(--ha-module-gap);min-width:0;min-height:0;display:grid;overflow:hidden}.ha-dashboard-left{grid-template-rows:minmax(0,1.04fr) minmax(0,.36fr) minmax(0,.92fr)}.ha-dashboard-center{grid-template-rows:minmax(0,1.46fr) minmax(0,.54fr)}.ha-dashboard-right{grid-template-rows:minmax(0,.78fr) minmax(0,.74fr) minmax(0,.92fr)}.ha-panel{border:1px solid var(--ha-border);border-radius:var(--ha-radius);background:linear-gradient(90deg, #53d8ff1f, transparent 22% 78%, #53d8ff14), radial-gradient(circle at 12% 0%, #20a3ff29, transparent 42%), linear-gradient(150deg, var(--ha-bg-panel-strong), #010b1eb8);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);flex-direction:column;min-width:0;min-height:0;padding:8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 36px #34b4ff14,0 0 18px #0074ff1c}.ha-panel:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0000,#66dcff14,#0000) 0 0/100% 1px no-repeat,linear-gradient(#ffffff0d,#0000 32%);position:absolute;inset:0}.ha-panel-title{border-bottom:1px solid #5bc2ff33;flex:none;justify-content:space-between;align-items:center;gap:8px;height:28px;margin-bottom:5px;padding-bottom:5px;display:flex}.ha-title-left{align-items:center;gap:9px;min-width:0;display:flex}.ha-panel-icon{width:24px;height:24px;color:var(--ha-cyan);background:#2595df3d;border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 12px #3cd1ff2e}.ha-panel-title h3{color:#fff;letter-spacing:0;text-shadow:0 0 10px #73dcff38;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:17px;font-weight:900;line-height:1;overflow:hidden}.ha-panel-meta{color:#e2f2ffb8;white-space:nowrap;font-size:12px;font-weight:700}.ha-panel-body{flex-direction:column;flex:1;min-height:0;display:flex}.ha-dashboard-left .ha-weather-panel .ha-panel-body{grid-template-rows:minmax(134px,1.02fr) minmax(128px,.9fr) 34px;gap:8px;display:grid}.ha-weather-panel{background:radial-gradient(circle at 13% 25%,#4597ff42,#0000 32%),radial-gradient(circle at 78% 16%,#6096ff29,#0000 36%),linear-gradient(145deg,#18569dbd,#082452e6 54%,#051b42f2);border-color:#58acff94;box-shadow:inset 0 1px #ffffff1a,inset 0 0 30px #318aff21,0 0 22px #2089ff2e}.ha-weather-panel .ha-panel-title{border-bottom-color:#7fc4ff42;min-height:32px;margin-bottom:7px;padding-bottom:7px}.ha-weather-panel .ha-panel-icon{background:linear-gradient(145deg,#6abdff59,#2c7bd542);border-radius:8px;width:26px;height:26px;box-shadow:0 0 16px #4eb0ff38}.ha-weather-panel .ha-panel-title h3{font-size:21px;line-height:1.05}.ha-weather-panel .ha-panel-meta{color:#d6e7ffc7;font-size:13px}.ha-level-good,.ha-status-dot.ha-level-good{color:var(--ha-green)}.ha-level-warn,.ha-status-dot.ha-level-warn{color:var(--ha-yellow)}.ha-level-danger,.ha-status-dot.ha-level-danger{color:var(--ha-red)}.ha-level-info,.ha-level-neutral,.ha-status-dot.ha-level-info,.ha-status-dot.ha-level-neutral{color:var(--ha-cyan)}.ha-status-dot.ha-level-good,.ha-level-good .ha-status-dot{background:var(--ha-green)}.ha-status-dot.ha-level-warn{background:var(--ha-yellow)}.ha-status-dot.ha-level-danger{background:var(--ha-red)}.ha-status-dot.ha-level-neutral,.ha-status-dot.ha-level-info{background:var(--ha-cyan)}.ha-metric-card{background:#051e4894;border:1px solid #6eccff38;border-radius:8px;justify-content:space-between;align-items:center;gap:7px;min-width:0;padding:8px 10px;display:flex;box-shadow:inset 0 0 18px #2c94f514}.ha-metric-card span{color:#fff;white-space:nowrap;font-size:12px;font-weight:800}.ha-metric-card strong{color:currentColor;text-align:right;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 10px;min-width:0;font-size:18px;font-weight:900;overflow:hidden}.ha-metric-compact{min-height:40px;padding:6px 8px}.ha-metric-compact strong{font-size:15px}.ha-weather-update{color:#e2f2ffb8;white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.ha-weather-refresh{opacity:.82;border:2px solid;border-right-color:#0000;border-radius:50%;width:15px;height:15px;position:relative}.ha-weather-refresh:after{content:"";border-top:2px solid;border-right:2px solid;width:5px;height:5px;position:absolute;top:0;right:-3px;transform:rotate(16deg)}.ha-weather-hero{grid-template-columns:minmax(246px,1.26fr) minmax(164px,.74fr);align-items:stretch;gap:10px;min-width:0;min-height:0;display:grid}.ha-weather-showcase{grid-template-columns:118px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:0;padding:5px 0 4px;display:grid;overflow:visible}.ha-weather-main{align-content:center;justify-items:start;min-width:0;display:grid;overflow:visible}.ha-weather-visual{filter:drop-shadow(0 0 18px #77cdff57);width:122px;height:98px;position:relative}.weather-sun{background:radial-gradient(circle,#fff9ba 0 18%,#ffd64a 45%,#ff9e24 74%);border-radius:50%;width:63px;height:63px;position:absolute;top:0;left:53px;box-shadow:0 0 26px #ffba2ca8,0 0 64px #ffba2c2e}.weather-cloud{filter:drop-shadow(0 9px 13px #002d5a7a);background:linear-gradient(#fff 0%,#eaf7ff 48%,#bddcff 100%);border-radius:28px;width:114px;height:50px;position:absolute;bottom:7px;left:2px}.weather-cloud:before,.weather-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:16px}.weather-cloud:before{width:58px;height:58px;left:14px}.weather-cloud:after{width:47px;height:47px;right:10px}.weather-rain{background:linear-gradient(120deg,#0000 0 35%,#4fd9ff 36% 46%,#0000 47%) 0 0/16px 18px repeat-x;width:46px;height:18px;display:none;position:absolute;bottom:0;left:32px}.weather-cloudy .weather-sun{opacity:.78;transform:translate(-7px)}.weather-rainy .weather-rain{display:block}.weather-snowy .weather-rain{background:radial-gradient(circle,#dff9ff 0 34%,#0000 36%) 0 0/14px 14px repeat-x;display:block}.ha-weather-main strong{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;text-shadow:0 0 16px #ffffff40;max-width:100%;font-size:52px;font-weight:800;line-height:1;display:inline-block;overflow:hidden}.ha-weather-condition{color:#fff;white-space:nowrap;background:#266fda8a;border:1px solid #5abbff94;border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-top:7px;margin-left:0;padding:4px 15px;font-size:14px;font-weight:850;line-height:1;display:inline-flex;box-shadow:inset 0 0 14px #6accff2e,0 0 16px #3f9bff2e}.ha-weather-main em,.ha-weather-main small{white-space:nowrap;align-items:center;gap:8px;min-width:0;margin-top:8px;font-style:normal;display:flex}.ha-weather-main em{color:#daebffc7;font-size:14px;font-weight:800}.ha-weather-main em b{font-size:18px;font-weight:900}.ha-weather-main small{color:#d5e8ffa3;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.ha-weather-main small i{background:#8cbcff;border-radius:7px 7px 7px 1px;flex:none;width:11px;height:14px;transform:rotate(45deg);box-shadow:0 0 12px #75b0ff7a}.ha-weather-main small i:after{content:"";background:#06224cd1;border-radius:50%;position:absolute;inset:3px}.ha-weather-insights{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;min-height:0;display:grid}.ha-weather-insight{background:radial-gradient(circle at 20% 22%,#50baff2b,#0000 52%),linear-gradient(145deg,#1d529794,#051b41b3);border:1px solid #5cb1ff5c;border-radius:11px;grid-template-rows:minmax(0,1fr) 6px;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:5px 9px;min-width:0;min-height:0;padding:9px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #4fadff1a}.ha-weather-insight-icon{color:currentColor;text-shadow:0 0 12px;grid-row:1;place-items:center;width:31px;height:31px;font-size:23px;font-weight:900;line-height:1;display:grid}.ha-weather-insight-copy{gap:3px;min-width:0;display:grid}.ha-weather-insight-copy em,.ha-weather-insight-copy small{color:#e2f2ffc7;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-style:normal;font-weight:800;line-height:1.05;overflow:hidden}.ha-weather-insight-copy strong{color:#fff;text-shadow:0 0 11px;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:18px;font-weight:950;line-height:1.04;overflow:hidden}.ha-weather-insight-copy small{color:#c3ddf7b8;font-size:10px}.ha-weather-insight-bar{background:#4a7eb747;border-radius:999px;grid-area:2/1/auto/-1;height:6px;display:block;position:relative;overflow:hidden}.ha-weather-insight-bar:before{content:"";width:var(--weather-fill,45%);border-radius:inherit;background:currentColor;max-width:100%;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px}.ha-weather-forecast{background:radial-gradient(circle at 10% 10%,#52b3ff21,#0000 40%),#07224e70;border:1px solid #5bc2ff42;border-radius:13px;grid-template-rows:27px minmax(0,1fr);gap:6px;min-height:0;padding:9px;display:grid;overflow:hidden}.ha-weather-forecast header{color:#fff;white-space:nowrap;align-items:center;gap:9px;min-width:0;font-size:15px;font-weight:900;display:flex}.ha-weather-calendar{border:2px solid #9fd1ff;border-radius:5px;flex:none;width:19px;height:19px;box-shadow:0 0 10px #6fc6ff40}.ha-weather-calendar:before{content:"";border-top:2px solid #9fd1ff;border-bottom:2px solid #9fd1ff8c;height:5px;margin:3px 3px 0;display:block}.ha-forecast-row{border:1px solid #5bc2ff2e;border-radius:11px;grid-template-columns:repeat(7,minmax(0,1fr));min-height:0;display:grid;position:relative;overflow:hidden}.ha-forecast-row:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#ffac54e0,#73c1ffe0,#ffd870c7);height:2px;position:absolute;bottom:23px;left:8%;right:8%;box-shadow:0 0 10px #60bfff3d}.ha-forecast-day{z-index:2;background:#0317376b;border-right:1px solid #5bc2ff29;grid-template-rows:19px 29px 22px 16px 8px 15px;align-content:center;justify-items:center;gap:1px;min-width:0;padding:7px 3px 5px;display:grid;position:relative}.ha-forecast-day.is-today{background:linear-gradient(#3784eb80,#08275694);border-color:#57abff85;box-shadow:inset 0 0 20px #4ba3ff24}.ha-forecast-day:last-child{border-right:0}.ha-forecast-day-label,.ha-forecast-day em,.ha-forecast-day small{color:#e9f6ffe6;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-style:normal;font-weight:700;line-height:1.05;overflow:hidden}.ha-forecast-day strong{color:#fff;font-size:21px;font-weight:850;line-height:1}.ha-forecast-day em{color:#d5e7ffb3;font-size:14px;font-weight:800}.ha-forecast-day small{color:#d3e8ffc7;max-width:100%;font-size:11px;line-height:1}.ha-forecast-marker{background:#87c7ff;border-radius:50%;width:8px;height:8px;margin-top:1px;box-shadow:0 0 10px #74c4ffcc}.ha-forecast-day.is-today .ha-forecast-marker{background:#ffb25b;box-shadow:0 0 12px #ffb25be0}.ha-small-weather{filter:drop-shadow(0 0 8px #fff3);background-repeat:no-repeat;width:34px;height:26px;display:block;position:relative}.ha-small-weather:before{content:"";background:#ffd64a;border-radius:50%;width:18px;height:18px;position:absolute;top:2px;right:2px;box-shadow:0 0 12px #ffd04680}.ha-small-weather:after{content:"";background:#e6f7ff;border-radius:10px;width:28px;height:14px;position:absolute;bottom:1px;left:1px}.ha-small-weather.weather-sunny:before{background:radial-gradient(circle,#fff6b3 0 18%,#ffd64a 52%,#ffad28 78%);width:24px;height:24px;top:1px;right:4px;box-shadow:0 0 10px #ffd850d6,0 0 20px #ffbc366b}.ha-small-weather.weather-sunny:after{display:none}.ha-small-weather.weather-partly:before{opacity:1}.ha-small-weather.weather-cloudy:before,.ha-small-weather.weather-rainy:before,.ha-small-weather.weather-snowy:before,.ha-small-weather.weather-stormy:before{background:linear-gradient(#f7fcff,#bfdfff);width:19px;height:16px;top:7px;right:2px;box-shadow:-13px 3px 0 1px #eaf8ff,0 0 10px #9ee2ff61}.ha-small-weather.weather-cloudy:after,.ha-small-weather.weather-rainy:after,.ha-small-weather.weather-snowy:after,.ha-small-weather.weather-stormy:after{background:linear-gradient(#f8fdff 0%,#c5e5ff 100%);width:30px;height:14px;bottom:2px}.ha-small-weather.weather-rainy:after{box-shadow:4px 9px 0 -2px #56dfff,12px 10px 0 -2px #56dfff,20px 9px 0 -2px #56dfff}.ha-small-weather.weather-rainy{background-image:linear-gradient(120deg,#0000 0 36%,#56dfff 37% 48%,#0000 49%);background-position:6px 15px;background-size:9px 9px}.ha-small-weather.weather-snowy{background-image:radial-gradient(circle,#e9fbff 0 32%,#0000 35%);background-position:7px 15px;background-size:7px 7px}.ha-small-weather.weather-stormy:after{box-shadow:0 0 9px #63deff7a}.ha-small-weather.weather-stormy{background-image:linear-gradient(116deg,#0000 0 34%,#ffd24d 35% 50%,#0000 51%);background-position:12px 13px;background-size:12px 14px}.ha-small-weather.weather-night:before{background:#d8f1ff;width:19px;height:19px;top:0;right:4px;box-shadow:inset -6px -1px #07224a,0 0 14px #8cd4ffa3}.ha-small-weather.weather-night:after{background:#dff8ff;border-radius:50%;width:6px;height:6px;bottom:4px;left:2px;box-shadow:8px -9px 0 -2px #dff8ff,15px -3px 0 -3px #dff8ff}.ha-small-weather.weather-foggy:before,.ha-small-weather.weather-windy:before{display:none}.ha-small-weather.weather-foggy:after,.ha-small-weather.weather-windy:after{background-color:#0000;background-image:linear-gradient(#cfeeff,#cfeeff),linear-gradient(#91dfff,#91dfff),linear-gradient(#dff8ff,#dff8ff);background-position:0 1px,5px 7px,0 13px;background-repeat:no-repeat;background-size:24px 2px,21px 2px,18px 2px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:0;width:26px;height:14px;top:5px;left:1px}.ha-small-weather.weather-windy:after{background:linear-gradient(#65dcff,#65dcff) 0 1px/26px 2px,linear-gradient(#b2f0ff,#b2f0ff) 6px 7px/20px 2px,linear-gradient(#65dcff,#65dcff) 2px 13px/23px 2px}.ha-weather-tip{color:#e5f4ffe0;white-space:nowrap;background:#1146806b;border-radius:10px;align-items:center;gap:9px;min-width:0;min-height:0;padding:0 12px;font-size:13px;font-weight:750;display:flex;overflow:hidden;box-shadow:inset 0 0 18px #4ab2ff14}.ha-weather-tip-icon{background:radial-gradient(circle,#fff 0 13%,#0000 15%),radial-gradient(circle,#fff4ad 0 31%,#75bdff 33% 62%,#3782dd9e 64%);border-radius:50%;flex:none;width:24px;height:24px;box-shadow:0 0 12px #64beff66}.ha-weather-tip strong{color:#91dcff;white-space:nowrap;font-weight:950}.ha-weather-tip span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.ha-dashboard-left{container:ha-left/inline-size}.ha-dashboard-left .ha-weather-panel .ha-panel-body{grid-template-rows:minmax(116px,.9fr) minmax(124px,1.05fr) 30px;gap:6px}.ha-weather-panel{border-radius:8px;padding:8px}.ha-weather-panel .ha-panel-title{min-height:28px;margin-bottom:5px;padding-bottom:5px}.ha-weather-panel .ha-panel-icon{width:24px;height:24px;position:relative}.ha-weather-panel .ha-panel-icon:before{content:"";background:linear-gradient(#fff,#bfe4ff);border-radius:999px;width:15px;height:8px;box-shadow:4px -4px 0 -1px #dff4ff,-3px -2px #ecfbff,0 0 10px #70cdff7a}.ha-weather-panel .ha-panel-title h3{font-size:18px}.ha-weather-update{gap:5px;font-size:10px}.ha-weather-refresh{width:13px;height:13px}.ha-weather-hero{grid-template-columns:minmax(188px,.94fr) minmax(202px,1.06fr);gap:7px}.ha-weather-showcase{grid-template-columns:88px minmax(0,1fr);gap:7px;padding:2px 0}.ha-weather-visual{width:92px;height:78px}.weather-sun{width:48px;height:48px;left:39px}.weather-cloud{width:86px;height:38px;bottom:5px}.weather-cloud:before{width:44px;height:44px;bottom:12px;left:10px}.weather-cloud:after{width:36px;height:36px;bottom:12px;right:7px}.ha-weather-visual.weather-sunny .weather-cloud,.ha-weather-visual.weather-sunny .weather-rain,.ha-weather-visual.weather-night .weather-cloud,.ha-weather-visual.weather-night .weather-rain{display:none}.ha-weather-visual.weather-sunny .weather-sun{width:62px;height:62px;top:8px;left:21px}.ha-weather-visual.weather-cloudy .weather-sun,.ha-weather-visual.weather-rainy .weather-sun,.ha-weather-visual.weather-snowy .weather-sun,.ha-weather-visual.weather-stormy .weather-sun,.ha-weather-visual.weather-foggy .weather-sun,.ha-weather-visual.weather-windy .weather-sun{display:none}.ha-weather-visual.weather-night .weather-sun{background:#dff4ff;width:58px;height:58px;display:block;top:6px;left:25px;box-shadow:inset -17px -5px #0c2d5d,0 0 22px #83d3ff85}.ha-weather-visual.weather-foggy .weather-cloud,.ha-weather-visual.weather-windy .weather-cloud{filter:drop-shadow(0 0 9px #59d5ff6b);background-color:#0000;background-image:linear-gradient(#d9f3ff,#d9f3ff),linear-gradient(#85dfff,#85dfff),linear-gradient(#d9f3ff,#d9f3ff);background-position:0 0,9px 10px,0 20px;background-repeat:no-repeat;background-size:78px 4px,69px 4px,61px 4px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:0;height:24px}.ha-weather-main .ha-weather-temperature{align-items:flex-start;max-width:none;font-size:40px;font-weight:900;line-height:.94;display:inline-flex;overflow:visible}.ha-weather-main .ha-weather-temperature sup{margin-left:2px;font-size:.42em;line-height:1}.ha-weather-condition{min-width:42px;margin-top:4px;padding:2px 9px;font-size:10px}.ha-weather-main em,.ha-weather-main small{gap:4px;margin-top:5px;font-size:10px}.ha-weather-main em b{font-size:13px}.ha-weather-main small i{width:8px;height:10px}.ha-weather-insights{gap:5px}.ha-weather-insight{border-radius:7px;grid-template-rows:minmax(0,1fr) 4px;grid-template-columns:20px minmax(0,1fr);gap:3px 5px;padding:5px}.ha-weather-insight-icon{width:20px;height:20px;font-size:15px}.ha-weather-insight-copy{gap:1px}.ha-weather-insight-copy em,.ha-weather-insight-copy small{font-size:8px}.ha-weather-insight-copy strong{font-size:13px}.ha-weather-insight-copy small{font-size:8px}.ha-weather-insight-bar{height:4px}.ha-weather-forecast{border-radius:8px;grid-template-rows:21px minmax(0,1fr);gap:4px;padding:6px}.ha-weather-forecast header{gap:6px;font-size:11px}.ha-weather-calendar{border-radius:4px;width:15px;height:15px}.ha-forecast-row{border-radius:7px}.ha-forecast-row:before{bottom:17px}.ha-forecast-day{grid-template-rows:14px 23px 17px 13px 7px 11px;gap:1px;padding:4px 1px 3px}.ha-forecast-day-label,.ha-forecast-day small{font-size:9px}.ha-forecast-day strong{font-size:15px}.ha-forecast-day em{font-size:10px}.ha-small-weather{width:25px;height:20px}.ha-small-weather.weather-sunny:before{width:18px;height:18px;right:3px}.ha-small-weather.weather-cloudy:before,.ha-small-weather.weather-rainy:before,.ha-small-weather.weather-snowy:before,.ha-small-weather.weather-stormy:before{width:14px;height:12px;top:6px;right:1px;box-shadow:-9px 2px 0 1px #eaf8ff,0 0 8px #9ee2ff57}.ha-small-weather.weather-cloudy:after,.ha-small-weather.weather-rainy:after,.ha-small-weather.weather-snowy:after,.ha-small-weather.weather-stormy:after{width:21px;height:10px}.ha-weather-tip{border-radius:7px;gap:6px;padding:0 8px;font-size:9px}.ha-weather-tip-icon{width:17px;height:17px}@container ha-left (width>=600px){.ha-weather-hero{grid-template-columns:minmax(250px,1fr) minmax(280px,1fr);gap:10px}.ha-weather-showcase{grid-template-columns:118px minmax(0,1fr)}.ha-weather-visual{width:122px;height:98px}.weather-sun{width:63px;height:63px;left:53px}.weather-cloud{width:114px;height:50px}.weather-cloud:before{width:58px;height:58px}.weather-cloud:after{width:47px;height:47px}.ha-weather-main .ha-weather-temperature{font-size:52px}.ha-weather-insight{grid-template-columns:28px minmax(0,1fr);padding:8px}.ha-weather-insight-icon{width:28px;height:28px}.ha-weather-insight-copy em,.ha-weather-insight-copy small{font-size:10px}.ha-weather-insight-copy strong{font-size:16px}}.ha-scene-grid{gap:var(--ha-module-gap);flex:1;grid-template-columns:repeat(5,minmax(0,1fr));min-height:0;display:grid}.ha-scene-button{color:#fff;cursor:pointer;background:radial-gradient(circle at 50% 20%,#57ceff1a,#0000 54%),#081c44b8;border:1px solid #7ecbff52;border-radius:10px;grid-template-rows:36px 18px 14px;align-content:center;justify-items:center;gap:4px;min-width:0;font-family:inherit;display:grid;box-shadow:inset 0 0 16px #4fb7ff17}.ha-scene-button.active,.ha-scene-button:hover:not(:disabled){background:radial-gradient(circle at 50% 24%,#2ab6ff5c,#0000 48%),#063e78d1;border-color:#31dcffc7;box-shadow:inset 0 0 22px #1faeff2e,0 0 18px #00b3ff38}.ha-scene-button:disabled{cursor:default;opacity:.78}.ha-scene-button.is-unbound{border-style:dashed}.ha-scene-button.is-unbound small{color:var(--ha-yellow)}.ha-scene-icon{width:36px;height:36px;color:var(--ha-cyan);display:block;position:relative}.ha-scene-icon:before{filter:drop-shadow(0 0 10px #48d1ff80);place-items:center;font-size:27px;display:grid;position:absolute;inset:0}.ha-scene-home .ha-scene-icon:before{content:"⌂";color:#54dfff}.ha-scene-away .ha-scene-icon:before{content:"▰";color:#d7e9ff}.ha-scene-sleep .ha-scene-icon:before{content:"☾";color:#c9e7ff}.ha-scene-movie .ha-scene-icon:before{content:"▸";color:#bfe4ff}.ha-scene-guest .ha-scene-icon:before{content:"♙";color:#d8ebff}.ha-scene-icon:after{content:"";z-index:-1;background:radial-gradient(circle,#44d6ff1f,#0000 62%);border-radius:12px;position:absolute;inset:4px}.ha-scene-button strong,.ha-scene-button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.ha-scene-button strong{font-size:12px;font-weight:900}.ha-scene-button small{color:var(--ha-subtext);font-size:10px;font-weight:700}.ha-text-button{color:var(--ha-subtext);white-space:nowrap;font-size:12px;font-weight:800}.ha-camera-grid{gap:var(--ha-module-gap);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.ha-camera-card{background:#030d20d1;border:1px solid #74caff42;border-radius:8px;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 -42px 40px #0000007a}.ha-camera-card img,.ha-camera-fallback{object-fit:cover;width:100%;height:100%;min-height:0;display:block}.ha-camera-fallback{text-align:center;background:linear-gradient(90deg,#5dcdff1a 0 1px,#0000 1px 100%) 0 0/36px 100%,linear-gradient(#186ba438,#03122a47),radial-gradient(circle at 50% 54%,#24bdff38,#0000 42%),linear-gradient(140deg,#082a56f5,#040c1ffa);align-content:center;justify-items:center;gap:6px;padding:28px 10px 38px;display:grid;position:relative}.ha-camera-card.is-unbound .ha-camera-fallback{filter:saturate(.88)}.ha-camera-lens{background:radial-gradient(circle,#e6fcffe6 0 12%,#3fd2ff85 13% 32%,#041530e6 33% 100%);border:2px solid #5bdcffc7;border-radius:50%;width:34px;height:34px;position:relative;box-shadow:inset 0 0 12px #5adcff3d,0 0 18px #29beff42}.ha-camera-lens:before,.ha-camera-lens:after{content:"";background:#6de1ff85;border-radius:999px;width:40px;height:2px;position:absolute;left:50%;transform:translate(-50%)}.ha-camera-lens:before{top:-8px}.ha-camera-lens:after{bottom:-8px}.ha-camera-fallback strong{color:#f4fbff;white-space:nowrap;font-size:13px;font-weight:900}.ha-camera-fallback em{color:#c9e9ffb8;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-style:normal;font-weight:700;overflow:hidden}.ha-camera-overlay{color:#fff;text-shadow:0 2px 8px #000c;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:9px;left:10px;right:10px}.ha-camera-overlay strong,.ha-camera-overlay em{white-space:nowrap;font-size:13px;font-weight:900}.ha-camera-overlay em{font-style:normal}.ha-camera-card.is-unbound .ha-camera-overlay em{color:var(--ha-yellow)}.ha-camera-overlay em:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.ha-camera-actions{grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:absolute;bottom:8px;left:10px;right:10px}.ha-camera-actions button{color:#fff;cursor:pointer;background:#0000008a;border:0;border-radius:7px;height:24px}.ha-camera-actions button:before{content:"▢";color:#fff;font-size:15px}.ha-camera-actions button:nth-child(2):before{content:"◖"}.ha-camera-actions button:nth-child(3):before{content:"◕"}.ha-camera-actions button:nth-child(4):before{content:"⛶"}.ha-env-overview,.ha-env-summary{gap:var(--ha-module-gap);flex:none;display:grid}.ha-env-overview{grid-template-columns:.9fr .9fr 1.15fr 1.15fr .9fr;margin-bottom:6px}.ha-env-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}.ha-house-plan{isolation:isolate;background:#020b17;border:1px solid #90dcffb8;border-radius:8px;flex:1;min-width:0;min-height:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #33adff29,inset 0 0 34px #2ba6ff1f,0 0 20px #1690ff1f}.ha-house-plan-image{z-index:-2;object-fit:contain;object-position:center;filter:saturate(.86)brightness(.82)contrast(1.08);width:calc(100% - 8px);height:calc(100% - 8px);display:block;position:absolute;inset:4px}.ha-house-plan-shade{z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 48%,#0000 35%,#010b1c2e 78%),linear-gradient(#071d3a14,#010a182e);position:absolute;inset:0}.ha-house-plan:before{content:"";z-index:3;pointer-events:none;border:1px solid #89deff29;border-radius:5px;position:absolute;inset:8px}.ha-house-plan:after{display:none}.ha-room-card{min-width:82px;min-height:0;left:var(--room-left);top:var(--room-top);z-index:2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-shadow:0 2px 7px #000000e6;background:#031631cc;border:1px solid #6ed7ff9e;border-radius:8px;grid-template-columns:repeat(2,auto);justify-content:center;align-items:center;gap:3px 7px;padding:7px 9px;display:grid;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 0 16px #3eb8ff1f,0 5px 14px #00050f7a,0 0 12px #2bc2ff24}.ha-room-card:before,.ha-room-card:after{display:none}.ha-room-card strong{color:#fff;text-align:center;white-space:nowrap;grid-column:1/-1;font-size:13px;font-weight:900;line-height:1}.ha-room-card span,.ha-room-card em,.ha-room-card small{color:#eaf8ff;white-space:nowrap;justify-content:center;align-items:center;gap:3px;font-size:10px;font-style:normal;font-weight:800;line-height:1;display:inline-flex}.ha-room-card em{color:var(--ha-cyan)}.ha-room-card small{color:var(--ha-green);background:#24ff8f1f;border-radius:999px;grid-column:1/-1;justify-self:center;padding:2px 6px;font-size:9px}.ha-room-temp-icon,.ha-room-humidity-icon{background:currentColor;border-radius:5px 5px 4px 4px;width:6px;height:9px;display:inline-block;box-shadow:0 0 7px}.ha-room-humidity-icon{border-radius:6px 6px 6px 1px;transform:rotate(45deg)scale(.78)}.ha-room-card.is-unbound{background:#04142bad;border-color:#82bddf57;min-width:68px;box-shadow:inset 0 0 14px #47a0d714}.ha-room-card.is-unbound span,.ha-room-card.is-unbound em{color:#d1e9f7a8}.ha-room-card.is-unbound small{color:var(--ha-yellow);background:#ffd64c1c}.ha-room-balcony{transform:translate(-86%,-50%)}@media (height<=820px) and (width>=1180px){.ha-room-card{gap:2px 5px;min-width:70px;padding:5px 7px}.ha-room-card strong{font-size:11px}.ha-room-card span,.ha-room-card em,.ha-room-card small{font-size:8px}}.ha-utility-grid{gap:var(--ha-module-gap);flex:1;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid}.ha-utility-card{background:#031634a8;border:1px solid #76ccff42;border-radius:10px;grid-template-rows:26px 40px minmax(28px,1fr) 22px;gap:4px;min-width:0;min-height:0;padding:8px;display:grid}.ha-utility-card.is-unavailable{background:linear-gradient(145deg,#04162f94,#030f24ad);border-style:dashed}.ha-utility-head{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.ha-utility-head span{background:var(--ha-cyan);border-radius:50%;width:16px;height:16px;box-shadow:0 0 12px}.ha-utility-amber .ha-utility-head span{background:var(--ha-yellow)}.ha-utility-green .ha-utility-head span{background:var(--ha-green)}.ha-utility-head strong,.ha-utility-head em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ha-utility-head strong{color:#fff;font-size:14px;font-weight:900}.ha-utility-head small{color:var(--ha-subtext);font-size:11px}.ha-utility-head em{color:var(--ha-muted);font-size:11px;font-style:normal;font-weight:800}.ha-utility-main strong{color:#fff;font-variant-numeric:tabular-nums;font-size:26px;font-weight:400;line-height:1;display:block}.ha-utility-main span{color:var(--ha-subtext);margin-top:4px;font-size:12px;font-weight:700;display:block}.ha-sparkline{width:100%;height:100%;min-height:28px}.ha-utility-empty{color:#c9e9ff94;background:linear-gradient(90deg,#5bc2ff17 0 1px,#0000 1px 100%) 0 0/22px 100%,#03143070;border-radius:8px;place-items:center;min-height:28px;font-size:12px;font-weight:800;display:grid}.ha-sparkline polyline{fill:none;stroke:var(--ha-cyan);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #59dcff94)}.ha-utility-amber .ha-sparkline polyline{stroke:#ffbd28}.ha-utility-green .ha-sparkline polyline{stroke:#21d770}.ha-utility-foot{min-width:0;color:var(--ha-subtext);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.ha-utility-foot span,.ha-utility-foot em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ha-utility-foot em{font-style:normal}.ha-map-content{gap:var(--ha-module-gap);flex:1;grid-template-columns:minmax(0,1fr) 106px;min-height:0;display:grid}.ha-map-frame{background:#000c1cd1;border:1px solid #76ccff3d;border-radius:8px;min-width:0;min-height:0;position:relative;overflow:hidden}.ha-map-canvas{z-index:2;filter:saturate(.95)brightness(.72)contrast(1.18);position:absolute;inset:0}.ha-map-frame:after{content:"";z-index:3;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(circle at 55% 48%,#0000 0 42%,#0012303d 70%),linear-gradient(#04122b2e,#030c1e38);position:absolute;inset:0}.ha-map-fallback{background:linear-gradient(#4e96cd1a 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#4e96cd1a 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 35% 58%,#1d9eff47,#0000 14%),linear-gradient(135deg,#08234aeb,#010b1bf2);position:absolute;inset:0;overflow:hidden}.ha-route-start,.ha-route-home{z-index:1;color:#fff;border:1px solid #ffffffc7;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;box-shadow:0 0 18px #2ddcff80}.ha-route-start{background:#149dff;bottom:24%;left:20%}.ha-route-start:before{content:"➤"}.ha-route-home{background:#112745e6;top:18%;right:16%}.ha-route-home:before{content:"⌂"}.ha-route-line{filter:drop-shadow(0 0 10px #23f05fbf);border-top:7px solid #23f05f;border-right:7px solid #23f05f;border-radius:0 42px 0 0;width:48%;height:44%;position:absolute;top:29%;left:28%;transform:skew(-18deg)}.amap-route-marker{color:#fff;background:#168ef5;border:1px solid #ffffffd9;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid;box-shadow:0 0 14px #1cdbffb3}.amap-route-home{background:#0a162de6}.ha-map-stats{gap:var(--ha-module-gap);grid-template-rows:repeat(3,minmax(0,1fr));min-width:0;min-height:0;display:grid}.ha-map-stats .ha-metric-card{place-content:center stretch;gap:4px;display:grid}.ha-map-stats .ha-metric-card strong{text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(14px,1.05vw,17px);line-height:1.08;overflow:hidden}.ha-vehicle-content{align-items:center;gap:var(--ha-module-gap);flex:1;grid-template-columns:34% minmax(0,1fr);min-height:0;display:grid}.ha-vehicle-byd{grid-template-columns:38% minmax(0,1fr)}.ha-vehicle-meta{color:#89eaffeb;text-overflow:ellipsis;vertical-align:bottom;max-width:220px;display:inline-block;overflow:hidden}.ha-vehicle-visual{background:radial-gradient(circle,#23cdff29,#0000 64%),#051f423d;border-radius:10px;align-content:center;place-items:center;gap:6px;min-width:0;height:100%;min-height:0;display:grid;position:relative}.ha-vehicle-visual img{object-fit:contain;filter:drop-shadow(0 10px 18px #00081485);max-width:100%;max-height:100%}.ha-vehicle-css{aspect-ratio:1.18;width:min(126px,80%);position:relative}.ha-vehicle-caption{color:#dbf4ffd6;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:92%;font-size:10px;font-weight:800;line-height:1.2;overflow:hidden}.ha-vehicle-css-scooter:before{content:"";background:linear-gradient(135deg,#dce8f7,#70839c);border-radius:18px 18px 8px 8px;height:24%;position:absolute;bottom:28%;left:12%;right:16%;box-shadow:0 0 18px #67d8ff4d}.ha-vehicle-css-scooter:after{content:"";background:radial-gradient(circle at 18% 70%,#0b172b 0 16%,#9fb5ca 17% 28%,#0000 29%),radial-gradient(circle at 83% 70%,#0b172b 0 16%,#9fb5ca 17% 28%,#0000 29%);height:30%;position:absolute;inset:auto 9% 8% 6%}.ha-vehicle-css-scooter span{border-top:4px solid #a8c9ef;border-right:5px solid #a8c9ef;border-radius:8px 16px 0 0;width:32%;height:46%;position:absolute;top:15%;left:48%;transform:skew(-14deg)}.ha-vehicle-css-byd:before{content:"";background:linear-gradient(135deg,#e8eef5,#8292a5 62%,#293d57);border-radius:34px 44px 14px 14px;height:38%;position:absolute;bottom:22%;left:5%;right:5%;box-shadow:0 12px 20px #00081473}.ha-vehicle-css-byd:after{content:"";background:radial-gradient(circle at 18%,#051122 0 23%,#dbe8f5 24% 38%,#0000 39%),radial-gradient(circle at 82%,#051122 0 23%,#dbe8f5 24% 38%,#0000 39%);height:18%;position:absolute;bottom:12%;left:12%;right:12%}.ha-vehicle-fields{gap:var(--ha-module-gap);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;min-height:0;display:grid}.ha-vehicle-byd .ha-vehicle-fields{gap:var(--ha-module-gap)}.ha-vehicle-field{background:linear-gradient(90deg,#5bd6ff12,#0000 58%),#03173685;border:1px solid #7cccff3d;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;min-height:34px;padding:6px 8px;display:grid}.ha-vehicle-byd .ha-vehicle-field{min-height:36px}.ha-vehicle-field span,.ha-vehicle-field strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ha-vehicle-field span{color:#fff;font-size:11px;font-weight:800}.ha-vehicle-field strong{color:currentColor;text-align:right;text-shadow:0 0 9px;font-size:14px;font-weight:900}.ha-progress-line{background:#96c7ec2e;border-radius:999px;grid-column:1/-1;height:7px;overflow:hidden}.ha-progress-line i{border-radius:inherit;background:linear-gradient(90deg,#16d66f,#9aff47);height:100%;display:block}.ha-dashboard-error{z-index:4;max-width:50%;color:var(--ha-yellow);text-overflow:ellipsis;white-space:nowrap;background:#3e2d07cc;border:1px solid #ffd64c73;border-radius:999px;margin:0;padding:8px 13px;font-size:11px;font-weight:800;position:absolute;top:72px;left:50%;overflow:hidden;transform:translate(-50%)}@media (height<=820px) and (width>=1180px){.ha-dashboard{grid-template-rows:62px minmax(0,1fr)}.ha-dashboard-bar{grid-template-columns:minmax(220px,.85fr) minmax(380px,1fr) minmax(340px,.9fr);gap:12px;padding:0 12px}.ha-brand-emblem{width:46px;height:46px}.ha-brand-emblem img{width:32px;height:32px}.ha-brand-copy strong{font-size:18px}.ha-brand-copy em,.ha-dashboard-clock span,.ha-top-stats{font-size:11px}.ha-dashboard-title h2{font-size:32px}.ha-title-copy em{font-size:10px}.ha-dashboard-clock strong{font-size:22px}.ha-icon-button{width:34px;height:34px}.ha-panel{padding:6px}.ha-panel-title{height:24px;margin-bottom:4px;padding-bottom:4px}.ha-panel-title h3{font-size:14px}.ha-panel-icon{width:20px;height:20px;font-size:12px}.ha-dashboard-left .ha-weather-panel .ha-panel-body{grid-template-rows:minmax(100px,.9fr) minmax(104px,1fr) 26px;gap:4px}.ha-scene-button{grid-template-rows:26px 15px;gap:2px}.ha-scene-icon{width:26px;height:26px}.ha-scene-icon:before{font-size:20px}.ha-scene-button small{display:none}.ha-camera-actions button{height:20px}.ha-utility-card{grid-template-rows:21px 29px minmax(22px,1fr) 17px;padding:6px}.ha-utility-main strong{font-size:20px}.ha-vehicle-field,.ha-vehicle-byd .ha-vehicle-field{min-height:28px;padding:4px 6px}}.portal-stage-tablet .ha-dashboard,.portal-stage-mobile .ha-dashboard{grid-template-rows:auto auto;height:auto;overflow:visible}.portal-stage-tablet .ha-dashboard-bar,.portal-stage-mobile .ha-dashboard-bar{height:auto;padding:12px}.portal-stage-tablet .ha-dashboard-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.portal-stage-tablet .ha-dashboard-title{grid-area:1/1/auto/-1;justify-self:center;width:min(100%,580px)}.portal-stage-tablet .ha-dashboard-brand,.portal-stage-tablet .ha-dashboard-meta{grid-row:2}.portal-stage-tablet .ha-dashboard-main,.portal-stage-mobile .ha-dashboard-main{grid-template-columns:minmax(0,1fr);overflow:visible}.portal-stage-tablet .ha-dashboard-column,.portal-stage-mobile .ha-dashboard-column{grid-template-rows:none;overflow:visible}.portal-stage-tablet .ha-panel,.portal-stage-mobile .ha-panel{min-height:220px}.portal-stage-tablet .ha-dashboard-center .ha-panel:first-child{min-height:520px}.portal-stage-mobile .ha-dashboard-bar{grid-template-columns:minmax(0,1fr);justify-items:center;gap:10px}.portal-stage-mobile .ha-dashboard-title{grid-row:1;grid-template-columns:minmax(24px,1fr) auto minmax(24px,1fr);gap:8px;width:min(100%,420px)}.portal-stage-mobile .ha-dashboard-title h2{font-size:28px}.portal-stage-mobile .ha-dashboard-brand{grid-row:2}.portal-stage-mobile .ha-dashboard-meta{grid-row:3;grid-template-columns:minmax(0,1fr) 38px 38px}.portal-stage-mobile .ha-dashboard-clock{flex-wrap:wrap}.portal-stage-mobile .ha-weather-hero,.portal-stage-mobile .ha-env-overview,.portal-stage-mobile .ha-env-summary,.portal-stage-mobile .ha-utility-grid,.portal-stage-mobile .ha-camera-grid,.portal-stage-mobile .ha-map-content,.portal-stage-mobile .ha-vehicle-content,.portal-stage-mobile .ha-vehicle-byd{grid-template-columns:minmax(0,1fr)}.portal-stage-mobile .ha-weather-panel .ha-panel-body{grid-template-rows:auto auto auto}.portal-stage-mobile .ha-weather-hero{grid-template-rows:auto auto}.portal-stage-mobile .ha-weather-insights{min-height:150px}.portal-stage-mobile .ha-forecast-row{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-stage-mobile .ha-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-stage-mobile .ha-house-plan{min-height:380px}.portal-stage-mobile .ha-room-card{transform:translate(-50%,-50%)scale(.82)}.portal-stage-mobile .ha-room-balcony{transform:translate(-86%,-50%)scale(.82)}.portal-stage-mobile .ha-dashboard-error{max-width:none;position:static;transform:none}.portal-design-desktop.portal-design-ha-dashboard .portal-page-panel-dashboard{width:auto;height:auto;inset:5px}.portal-design-ha-dashboard .bg-earth{opacity:.13;filter:saturate(.72)brightness(.58)}.portal-design-ha-dashboard .space-grid{opacity:.12;width:auto;height:auto;inset:72px 5px 5px}.portal-design-ha-dashboard .ha-dashboard{--ha-module-gap:6px;--ha-radius:6px;grid-template-rows:66px minmax(0,1fr)}.portal-design-ha-dashboard .ha-dashboard-bar{background:radial-gradient(circle at 50% -28%,#3cceff38,#0000 38%),linear-gradient(90deg,#05294df0,#010f23f5 42% 58%,#052549f0);border-radius:8px;grid-template-columns:minmax(280px,.78fr) minmax(520px,1.38fr) minmax(560px,1.16fr);gap:14px;padding:0 16px}.portal-design-ha-dashboard .ha-dashboard-brand{appearance:none;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.portal-design-ha-dashboard .ha-dashboard-brand:hover .ha-brand-emblem{border-color:#71e2ffe6;box-shadow:inset 0 0 22px #49ceff38,0 0 20px #40ceff57}.portal-design-ha-dashboard .ha-brand-emblem{border-radius:9px;width:50px;height:50px}.portal-design-ha-dashboard .ha-brand-emblem img{width:34px;height:34px}.portal-design-ha-dashboard .ha-brand-copy{gap:5px}.portal-design-ha-dashboard .ha-brand-copy strong{font-size:20px}.portal-design-ha-dashboard .ha-brand-copy em{font-size:11px}.portal-design-ha-dashboard .ha-status-dot{width:8px;height:8px}.portal-design-ha-dashboard .ha-dashboard-title{grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);gap:14px;width:min(100%,720px)}.portal-design-ha-dashboard .ha-dashboard-title h2{font-size:38px}.portal-design-ha-dashboard .ha-title-copy em{letter-spacing:2px;font-size:11px}.portal-design-ha-dashboard .ha-title-wing{border-top-width:2px;height:22px}.portal-design-ha-dashboard .ha-dashboard-meta{justify-content:flex-end;align-items:center;gap:10px;display:flex}.portal-design-ha-dashboard .ha-top-action{color:#dff8ff;height:38px;font:inherit;cursor:pointer;background:linear-gradient(#196db7c7,#08356ab8);border:1px solid #70d5ff94;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 16px;display:inline-flex;box-shadow:inset 0 0 14px #5dd9ff29,0 0 14px #1695ff1f}.portal-design-ha-dashboard .ha-top-action:disabled{opacity:.7;cursor:wait}.portal-design-ha-dashboard .ha-top-action .ha-refresh-icon{border-width:2px;width:15px;height:15px}.portal-design-ha-dashboard .ha-top-action .ha-refresh-icon:after{border-width:2px;width:5px;height:5px;right:-3px}.portal-design-ha-dashboard .ha-top-action strong{white-space:nowrap;font-size:12px}.portal-design-ha-dashboard .ha-mini-weather{color:#f3fbff;border-right:1px solid #c9ecff47;justify-items:center;gap:2px;min-width:68px;padding:0 11px;display:grid}.portal-design-ha-dashboard .ha-mini-weather strong{font-size:13px;line-height:1}.portal-design-ha-dashboard .ha-mini-weather span{color:#a9d7ef;text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:10px;overflow:hidden}.portal-design-ha-dashboard .ha-dashboard-clock{justify-items:end;gap:3px;min-width:132px;display:grid}.portal-design-ha-dashboard .ha-dashboard-clock strong{border:0;grid-row:1;padding:0;font-size:24px;font-weight:500;line-height:1}.portal-design-ha-dashboard .ha-dashboard-clock span{color:#a9cce1;grid-row:2;font-size:9px}.portal-design-ha-dashboard .ha-icon-button{width:36px;height:36px;box-shadow:none;background:0 0;border-color:#0000}.portal-design-ha-dashboard .ha-dashboard-meta .ha-icon-button:first-of-type,.portal-design-ha-dashboard .ha-dashboard-meta .ha-icon-button:nth-of-type(2){grid-area:auto}.portal-design-ha-dashboard .ha-bell-icon{border:2px solid #effaff;border-bottom:0;border-top-left-radius:12px;border-top-right-radius:12px;width:18px;height:18px;position:relative}.portal-design-ha-dashboard .ha-bell-icon:before{content:"";background:#effaff;border-radius:999px;height:2px;position:absolute;bottom:-4px;left:-4px;right:-4px}.portal-design-ha-dashboard .ha-bell-icon:after{content:"";background:#effaff;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.portal-design-ha-dashboard .ha-refresh-icon,.portal-design-ha-dashboard .ha-gear-icon{width:20px;height:20px}.portal-design-ha-dashboard .ha-dashboard-main{grid-template-columns:minmax(380px,1fr) minmax(570px,1.35fr) minmax(380px,1fr)}.portal-design-ha-dashboard .ha-dashboard-left{grid-template-rows:minmax(0,1.1fr) minmax(0,.34fr) minmax(0,.72fr)}.portal-design-ha-dashboard .ha-dashboard-center{grid-template-rows:minmax(0,1.28fr) minmax(0,.72fr)}.portal-design-ha-dashboard .ha-dashboard-right{grid-template-rows:minmax(0,.78fr) minmax(0,.68fr) minmax(0,.96fr)}.portal-design-ha-dashboard .ha-panel{background:linear-gradient(90deg,#2db4ff14,#0000 26% 76%,#2db4ff0d),radial-gradient(circle at 18% 0,#1889eb1f,#0000 44%),linear-gradient(155deg,#042043e6,#010d1fd6);padding:7px}.portal-design-ha-dashboard .ha-panel-title{height:27px;margin-bottom:5px}.portal-design-ha-dashboard .ha-panel-title h3{font-size:16px}.portal-design-ha-dashboard .ha-panel-icon{width:22px;height:22px}.portal-design-ha-dashboard .ha-weather-panel .ha-panel-body{grid-template-rows:minmax(136px,.94fr) minmax(122px,1.06fr);gap:7px}.portal-design-ha-dashboard .ha-weather-tip{display:none}.portal-design-ha-dashboard .ha-weather-hero{grid-template-columns:minmax(210px,.96fr) minmax(210px,1.04fr)}.portal-design-ha-dashboard .ha-weather-main .ha-weather-temperature{font-size:48px}.portal-design-ha-dashboard .ha-weather-forecast{padding:6px}.portal-design-ha-dashboard .ha-env-overview,.portal-design-ha-dashboard .ha-env-summary{gap:5px}.portal-design-ha-dashboard .ha-house-plan{background:#010a18}.portal-design-ha-dashboard .ha-house-plan-image{object-fit:contain;filter:grayscale(.28)invert(.84)sepia(.3)hue-rotate(164deg)saturate(3.3)brightness(.58)contrast(1.48);opacity:.96;width:136%;max-width:none;height:136%;max-height:none;inset:-18%}.portal-design-ha-dashboard .ha-house-plan-shade{background:radial-gradient(circle at 50% 46%,#1262a314,#010a1938 76%),linear-gradient(#041c3a0d,#00081438)}.portal-design-ha-dashboard .ha-room-card{background:#021229d1;border-radius:6px;gap:2px 5px;min-width:74px;padding:5px 7px}.portal-design-ha-dashboard .ha-room-card strong{font-size:11px}.portal-design-ha-dashboard .ha-vehicle-content{grid-template-columns:38% minmax(0,1fr);gap:5px}.portal-design-ha-dashboard .ha-vehicle-visual{background:radial-gradient(circle at 50% 58%,#1aaaff2b,#0000 64%)}.portal-design-ha-dashboard .ha-vehicle-visual img{width:96%;height:92%}.portal-design-ha-dashboard .ha-vehicle-fields{gap:5px}.portal-design-ha-dashboard .ha-vehicle-field,.portal-design-ha-dashboard .ha-vehicle-byd .ha-vehicle-field{border-radius:6px;min-height:30px;padding:4px 7px}@media (height<=820px) and (width>=1180px){.portal-design-ha-dashboard .ha-dashboard{grid-template-rows:58px minmax(0,1fr)}.portal-design-ha-dashboard .ha-dashboard-title h2{font-size:30px}.portal-design-ha-dashboard .ha-top-action{height:32px;padding:0 12px}.portal-design-ha-dashboard .ha-dashboard-clock strong{font-size:20px}}@media (width<=1179px){.portal-design-ha-dashboard .portal-page-panel-dashboard{margin:4px}.portal-design-ha-dashboard .ha-dashboard{grid-template-rows:auto auto;height:auto;overflow:visible}.portal-design-ha-dashboard .ha-dashboard-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;height:auto;padding:12px}.portal-design-ha-dashboard .ha-dashboard-title{grid-area:1/1/auto/-1;width:min(100%,580px)}.portal-design-ha-dashboard .ha-dashboard-brand,.portal-design-ha-dashboard .ha-dashboard-meta{grid-row:2}.portal-design-ha-dashboard .ha-dashboard-main{grid-template-columns:minmax(0,1fr);overflow:visible}.portal-design-ha-dashboard .ha-dashboard-column{grid-template-rows:none;overflow:visible}.portal-design-ha-dashboard .ha-panel{min-height:220px}.portal-design-ha-dashboard .ha-dashboard-center .ha-panel:first-child{min-height:520px}.portal-design-ha-dashboard .ha-top-action,.portal-design-ha-dashboard .ha-mini-weather{display:none}}@media (width<=759px){.portal-design-ha-dashboard .portal-page-panel-dashboard{margin:0}.portal-design-ha-dashboard .ha-dashboard-bar{grid-template-columns:minmax(0,1fr);justify-items:center;gap:9px}.portal-design-ha-dashboard .ha-dashboard-title{grid-row:1;grid-template-columns:minmax(22px,1fr) auto minmax(22px,1fr);gap:7px}.portal-design-ha-dashboard .ha-dashboard-title h2{font-size:27px}.portal-design-ha-dashboard .ha-dashboard-brand{grid-row:2;justify-self:center}.portal-design-ha-dashboard .ha-dashboard-meta{grid-row:3;justify-self:center}.portal-design-ha-dashboard .ha-dashboard-clock{justify-items:center;min-width:120px}.portal-design-ha-dashboard .ha-weather-panel .ha-panel-body{grid-template-rows:auto auto}.portal-design-ha-dashboard .ha-weather-hero,.portal-design-ha-dashboard .ha-env-overview,.portal-design-ha-dashboard .ha-env-summary,.portal-design-ha-dashboard .ha-utility-grid,.portal-design-ha-dashboard .ha-camera-grid,.portal-design-ha-dashboard .ha-map-content,.portal-design-ha-dashboard .ha-vehicle-content,.portal-design-ha-dashboard .ha-vehicle-byd{grid-template-columns:minmax(0,1fr)}.portal-design-ha-dashboard .ha-weather-hero{grid-template-rows:auto auto}.portal-design-ha-dashboard .ha-weather-showcase{grid-template-columns:104px minmax(0,1fr)}.portal-design-ha-dashboard .ha-weather-insights{min-height:150px}.portal-design-ha-dashboard .ha-forecast-row{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-design-ha-dashboard .ha-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-design-ha-dashboard .ha-house-plan{min-height:400px}.portal-design-ha-dashboard .ha-house-plan-image{width:116%;height:116%;inset:-8%}.portal-design-ha-dashboard .ha-room-card{transform:translate(-50%,-50%)scale(.78)}.portal-design-ha-dashboard .ha-room-balcony{transform:translate(-86%,-50%)scale(.78)}}.portal-design-ha-dashboard .ha-dashboard{--ha-bg-panel:#041122f0;--ha-bg-panel-strong:#071c34eb;--ha-bg-chip:#0c2b4b80;--ha-border:#64a0c747;--ha-border-soft:#6faacf29;--ha-cyan:#6dd7f5;--ha-blue:#3da7e7;--ha-green:#52d7a0;--ha-yellow:#f2c45e;--ha-red:#f0707c;--ha-text:#f4f8fc;--ha-subtext:#cfdae4;--ha-muted:#7890a4}.portal-design-ha-dashboard .ha-dashboard-bar{background:linear-gradient(90deg,#082542f5,#03101ffa 38% 62%,#07213cf5);border-color:#68a6cc4d;box-shadow:0 10px 28px #00060f47,inset 0 1px #b5e0f70d}.portal-design-ha-dashboard .ha-dashboard-bar:before{opacity:.42}.portal-design-ha-dashboard .ha-brand-emblem{background:#0a35568a;border-color:#5ebee561;box-shadow:inset 0 0 16px #48b3de14}.portal-design-ha-dashboard .ha-title-copy em{color:#71bad8}.portal-design-ha-dashboard .ha-title-wing{opacity:.56}.portal-design-ha-dashboard .ha-top-action{color:#d8ebf4;box-shadow:none;background:#0b3152c7;border-color:#70bce157}.portal-design-ha-dashboard .ha-icon-button:hover,.portal-design-ha-dashboard .ha-top-action:hover{background:#0f4369c7;border-color:#6dd7f59e}.portal-design-ha-dashboard .ha-panel{border-color:var(--ha-border);background:linear-gradient(145deg, #08203af0, #030f1ff5 68%), var(--ha-bg-panel);box-shadow:0 8px 24px #0007113d,inset 0 1px #bfe2f409}.portal-design-ha-dashboard .ha-panel:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#6dd7f5b8,#0000);width:74px;height:1px;position:absolute;top:-1px;left:16px}.portal-design-ha-dashboard .ha-panel:after{display:none}.portal-design-ha-dashboard .ha-panel-title,.portal-design-ha-dashboard .ha-panel-body{z-index:2;position:relative}.portal-design-ha-dashboard .ha-panel-title{border-bottom-color:#7badca24}.portal-design-ha-dashboard .ha-panel-title h3{color:var(--ha-text);text-shadow:none;font-size:15px;font-weight:650}.portal-design-ha-dashboard .ha-panel-icon{color:#70cce9;box-shadow:none;background:#2581af2e;border:0}.portal-design-ha-dashboard .ha-panel-meta,.portal-design-ha-dashboard .ha-vehicle-meta{color:var(--ha-muted)}.portal-design-ha-dashboard .ha-metric-card{box-shadow:none;background:#0a223b6b;border-color:#689fc224}.portal-design-ha-dashboard .ha-metric-card span{color:#a9bac8}.portal-design-ha-dashboard .ha-metric-card strong{color:#dfe9ef}.portal-design-ha-dashboard .ha-weather-panel{background:radial-gradient(circle at 16% 30%,#488bbe33,#0000 34%),linear-gradient(145deg,#0c3054f5,#031123f7 66%)}.portal-design-ha-dashboard .ha-weather-showcase{background:radial-gradient(circle at 22%,#5eacd51a,#0000 58%);border-radius:6px;padding:6px 8px}.portal-design-ha-dashboard .ha-weather-visual{transform-origin:50%;transform:scale(1.02)}.portal-design-ha-dashboard .ha-weather-main .ha-weather-temperature{text-shadow:0 8px 24px #00081261;font-size:48px;font-weight:500}.portal-design-ha-dashboard .ha-weather-condition{box-shadow:none;background:#1c689d57;border-color:#6dc9ee57}.portal-design-ha-dashboard .ha-weather-insights{gap:6px}.portal-design-ha-dashboard .ha-weather-insight{box-shadow:none;background:linear-gradient(90deg,#123757b8,#071d345c);border:0;border-left:2px solid #60abcf57;border-radius:4px}.portal-design-ha-dashboard .ha-weather-insight-icon{filter:saturate(.88)}.portal-design-ha-dashboard .ha-weather-insight-copy em,.portal-design-ha-dashboard .ha-weather-insight-copy small{color:#9eb2c2}.portal-design-ha-dashboard .ha-weather-insight-bar{background:#7197b129}.portal-design-ha-dashboard .ha-weather-forecast{box-shadow:none;background:#020e1d5c;border-color:#67a0c52e}.portal-design-ha-dashboard .ha-weather-forecast header{color:#dce7ee}.portal-design-ha-dashboard .ha-forecast-row:before{opacity:.34}.portal-design-ha-dashboard .ha-forecast-day{background:0 0;border:0;border-right:1px solid #70a0be1f}.portal-design-ha-dashboard .ha-forecast-day:last-child{border-right:0}.portal-design-ha-dashboard .ha-forecast-day.is-today{background:linear-gradient(#2a70a552,#11375929);box-shadow:inset 0 1px #6dd7f557}.portal-design-ha-dashboard .ha-forecast-day strong{font-size:15px;font-weight:600}.portal-design-ha-dashboard .ha-forecast-day em,.portal-design-ha-dashboard .ha-forecast-day small{color:#91a5b5}.portal-design-ha-dashboard .ha-scene-button{box-shadow:none;background:#081d3580;border-color:#6b9dbe29}.portal-design-ha-dashboard .ha-scene-button.active{background:linear-gradient(#1450768f,#07223b9e);border-color:#6dd7f575;box-shadow:inset 0 2px #6dd7f54d}.portal-design-ha-dashboard .ha-scene-button.is-unbound{opacity:.68;border-style:solid}.portal-design-ha-dashboard .ha-camera-card{background:#020912;border-color:#659ebf33;box-shadow:inset 0 -54px 42px #000000b3}.portal-design-ha-dashboard .ha-camera-card img{filter:saturate(.95)brightness(.96)contrast(1.04)}.portal-design-ha-dashboard .ha-camera-fallback{background:radial-gradient(circle,#3794bb29 0 3%,#0000 4% 18%,#4897b814 19% 20%,#0000 21%),linear-gradient(155deg,#071f36e6,#020a15fa)}.portal-design-ha-dashboard .ha-camera-lens{width:36px;height:36px;box-shadow:none;border-color:#67cbea9e}.portal-design-ha-dashboard .ha-camera-actions{background:#00060fd6}.portal-design-ha-dashboard .ha-env-overview .ha-metric-card,.portal-design-ha-dashboard .ha-env-summary .ha-metric-card{background:#05172a6b;border:0;border-right:1px solid #6da1c124;border-radius:0}.portal-design-ha-dashboard .ha-env-overview .ha-metric-card:last-child,.portal-design-ha-dashboard .ha-env-summary .ha-metric-card:last-child{border-right:0}.portal-design-ha-dashboard .ha-house-plan{background:radial-gradient(circle at 50% 46%,#255c8021,#0000 62%),#020b16;border-color:#60a1c538;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 38px #00060fb8}.portal-design-ha-dashboard .ha-house-plan:before,.portal-design-ha-dashboard .ha-house-plan:after{display:none}.portal-design-ha-dashboard .ha-house-plan-stage{flex:none;width:82%;max-width:100%;height:100%;position:relative}.portal-design-ha-dashboard .ha-house-plan-image{object-fit:fill;opacity:.96;filter:saturate(.78)brightness(.88)contrast(1.08);width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0;transform:none}.portal-design-ha-dashboard .ha-house-plan-shade{background:linear-gradient(#020d1a05,#00071033);position:absolute;inset:0}.portal-design-ha-dashboard .ha-room-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#031221e6;border-color:#67b3d357;border-radius:4px;gap:1px 5px;min-width:70px;padding:5px 7px;box-shadow:0 5px 14px #00050c85,inset 2px 0 #52d7a073}.portal-design-ha-dashboard .ha-room-card.is-unbound{border-style:solid;box-shadow:0 5px 14px #00050c80,inset 2px 0 #f2c45e6b}.portal-design-ha-dashboard .ha-room-card strong{color:#f1f6f9;font-size:10px}.portal-design-ha-dashboard .ha-room-card span,.portal-design-ha-dashboard .ha-room-card em{font-size:8px}.portal-design-ha-dashboard .ha-room-card small{font-size:7px}.portal-design-ha-dashboard .ha-utility-card{--utility-accent:var(--ha-cyan);isolation:isolate;box-shadow:none;background:#04152894;border-color:#659dbe2e;position:relative;overflow:hidden}.portal-design-ha-dashboard .ha-utility-card:before{content:"";background:var(--utility-accent);opacity:.72;width:2px;position:absolute;inset:0 auto 0 0}.portal-design-ha-dashboard .ha-utility-amber{--utility-accent:var(--ha-yellow)}.portal-design-ha-dashboard .ha-utility-green{--utility-accent:var(--ha-green)}.portal-design-ha-dashboard .ha-utility-card.is-unavailable{opacity:.78;border-style:solid}.portal-design-ha-dashboard .ha-utility-main strong{color:#ecf3f7;font-size:25px;font-weight:500}.portal-design-ha-dashboard .ha-utility-empty{color:#8298a8;background:0 0;border:0;min-height:0;font-size:12px}.portal-design-ha-dashboard .ha-sparkline{filter:none}.portal-design-ha-dashboard .ha-utility-foot{border-top-color:#679bbb1f}.portal-design-ha-dashboard .ha-map-frame{box-shadow:none;border-color:#66a2c438}.portal-design-ha-dashboard .ha-map-canvas{filter:saturate(.86)brightness(.76)contrast(1.08)}.portal-design-ha-dashboard .ha-map-stats{border-left:1px solid #6aa1c229;gap:0}.portal-design-ha-dashboard .ha-map-stats .ha-metric-card{background:#05192d5c;border:0;border-bottom:1px solid #6aa1c224;border-radius:0}.portal-design-ha-dashboard .ha-map-stats .ha-metric-card:last-child{border-bottom:0}.portal-design-ha-dashboard .ha-map-stats .ha-metric-card strong{color:#83d7ef}.portal-design-ha-dashboard .ha-vehicle-content{grid-template-columns:43% minmax(0,1fr);align-items:stretch;gap:8px}.portal-design-ha-dashboard .ha-vehicle-byd{grid-template-columns:46% minmax(0,1fr)}.portal-design-ha-dashboard .ha-vehicle-visual{background:radial-gradient(at 50% 70%,#308bb129,#0000 55%);border:0;border-right:1px solid #66a0c121;border-radius:0;overflow:hidden}.portal-design-ha-dashboard .ha-vehicle-visual:after{content:"";background:linear-gradient(90deg,#0000,#66bfde52,#0000);height:1px;position:absolute;bottom:13%;left:12%;right:12%}.portal-design-ha-dashboard .ha-vehicle-visual img{filter:drop-shadow(0 12px 20px #00060e85);width:104%;height:94%;transform:none}.portal-design-ha-dashboard .ha-vehicle-caption{z-index:2;color:#8197a8;position:absolute;bottom:4px;left:8px;right:8px}.portal-design-ha-dashboard .ha-vehicle-fields{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:0;height:100%}.portal-design-ha-dashboard .ha-vehicle-field,.portal-design-ha-dashboard .ha-vehicle-byd .ha-vehicle-field{background:0 0;border:0;border-bottom:1px solid #679ebe24;border-radius:0;min-height:0;padding:4px 8px}.portal-design-ha-dashboard .ha-vehicle-field:last-child{border-bottom:0}.portal-design-ha-dashboard .ha-vehicle-field span{color:#9fb2c0;font-size:9px}.portal-design-ha-dashboard .ha-vehicle-field strong{font-size:12px}.portal-design-ha-dashboard .ha-progress-line{background:#6f9bb524;height:3px}@media (height<=820px) and (width>=1180px){.portal-design-ha-dashboard .ha-weather-main .ha-weather-temperature{font-size:42px}.portal-design-ha-dashboard .ha-room-card{min-width:62px;padding:3px 5px}.portal-design-ha-dashboard .ha-room-card strong{font-size:9px}.portal-design-ha-dashboard .ha-room-card span,.portal-design-ha-dashboard .ha-room-card em{font-size:7px}}@media (width<=759px){.portal-design-ha-dashboard .ha-weather-main .ha-weather-temperature{font-size:42px}.portal-design-ha-dashboard .ha-house-plan-stage{aspect-ratio:1278/1188;width:100%;height:auto}.portal-design-ha-dashboard .ha-house-plan-image{object-fit:contain}.portal-design-ha-dashboard .ha-vehicle-content,.portal-design-ha-dashboard .ha-vehicle-byd{grid-template-columns:minmax(0,1fr)}.portal-design-ha-dashboard .ha-vehicle-visual{border-bottom:1px solid #66a0c121;border-right:0;min-height:180px}}