:root{--accent:#20d7ff;--accent-rgb:32,215,255;--accent-2:#3997ff;
  --bg:#050b16;--bg-2:#07111f;--panel:#0a1728;--panel-2:#0d1d30;--panel-3:#11243a;
  --line:#193149;--line-soft:rgba(93,145,190,.18);--text:#f4f8ff;--muted:#91a4bb;--muted-2:#657a92;
  --cyan:#20d7ff;--blue:#3997ff;--green:#35e27d;--lime:#6cf160;--amber:#ffae2b;--pink:#ff5277;--violet:#8d6cff;--red:#ff556d;
  --shadow:0 18px 44px rgba(0,0,0,.26);--sidebar:270px;--radius:15px;
}
[data-theme="light"]{--bg:#edf4fb;--bg-2:#f6f9fd;--panel:#fff;--panel-2:#f7fbff;--panel-3:#edf6ff;--line:#cdddec;--line-soft:rgba(40,88,130,.15);--text:#102238;--muted:#60778e;--muted-2:#7f94a9;--shadow:0 14px 34px rgba(43,78,110,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 80% -20%,rgba(35,102,173,.17),transparent 38%),var(--bg);min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,rgba(5,14,28,.98),rgba(5,11,22,.99));border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;z-index:40;transition:.28s ease}.brand-wrap{display:flex;align-items:center;gap:10px;padding:0 8px 24px}.brand{display:flex;align-items:center;gap:13px;background:none;border:0;cursor:pointer;padding:0;min-width:0}.brand img{width:47px;height:47px;filter:drop-shadow(0 0 14px rgba(32,215,255,.22))}.brand span{display:flex;flex-direction:column;align-items:flex-start}.brand b{font-size:20px;letter-spacing:.08em}.brand small{color:var(--cyan);font-size:10px;letter-spacing:.27em;margin-top:3px}.sidebar-toggle{margin-left:auto;width:37px;height:37px;border:0;border-radius:10px;background:rgba(24,50,79,.55);cursor:pointer;color:#b9d7ef}.side-nav{display:flex;flex-direction:column;gap:7px;overflow:auto;padding:4px 0 16px;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.nav-item{height:50px;border:1px solid transparent;border-radius:11px;background:transparent;color:#92a4ba;display:flex;align-items:center;gap:16px;padding:0 17px;font-size:14px;cursor:pointer;transition:.2s ease;text-align:left}.nav-item svg{font-size:20px}.nav-item:hover{color:#e9f7ff;background:rgba(32,215,255,.05);transform:translateX(2px)}.nav-item.active{color:#eafcff;background:linear-gradient(90deg,rgba(31,198,255,.22),rgba(31,120,203,.12));border-color:rgba(43,178,229,.1);box-shadow:inset 3px 0 var(--cyan)}.nav-item.active svg{color:var(--cyan);filter:drop-shadow(0 0 8px rgba(32,215,255,.45))}.side-bottom{margin-top:auto;display:grid;gap:12px}.device-card,.profile-card{border:1px solid var(--line);background:linear-gradient(135deg,rgba(14,37,59,.9),rgba(9,25,42,.92));border-radius:14px;padding:13px;display:flex;align-items:center;gap:10px}.device-card div,.profile-card div{display:flex;flex-direction:column;min-width:0}.device-card b,.profile-card b{font-size:12px}.device-card small,.profile-card small{font-size:10px;color:var(--muted);margin-top:4px}.device-card button{margin-left:auto;border:0;background:rgba(255,255,255,.05);border-radius:8px;width:30px;height:30px;cursor:pointer}.pulse-dot{width:10px;height:10px;border-radius:50%;background:#77879a;box-shadow:0 0 0 5px rgba(119,135,154,.1)}.pulse-dot.online{background:var(--green);box-shadow:0 0 15px var(--green),0 0 0 5px rgba(53,226,125,.12)}.pulse-dot.connecting{background:var(--amber);animation:pulse 1.2s infinite}.profile-card>span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#232a7e,#773cdf);font-weight:700}.profile-card i{margin-left:auto;color:#a7b6c7}.main{margin-left:var(--sidebar);min-width:0;transition:.28s ease}.topbar{height:88px;padding:17px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(75,114,151,.17);position:sticky;top:0;z-index:25;background:rgba(5,12,24,.88);backdrop-filter:blur(18px)}[data-theme="light"] .topbar{background:rgba(245,250,255,.9)}.top-left{display:flex;align-items:center;gap:12px}.top-left h1{font-size:25px;margin:0 0 3px}.top-left p{margin:0;color:var(--muted);font-size:12px}.mobile-menu{display:none}.top-right{display:flex;align-items:center;gap:12px}.date-time{padding-right:22px;margin-right:3px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-end}.date-time small{color:var(--muted);font-size:10px}.date-time b{font-size:22px;letter-spacing:.03em}.top-icon{width:43px;height:43px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,rgba(19,43,68,.7),rgba(8,24,42,.8));display:grid;place-items:center;cursor:pointer;position:relative}.top-icon:hover{border-color:rgba(32,215,255,.45);color:var(--cyan)}.top-icon i{position:absolute;right:-4px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#f24c67;color:white;font-size:10px;font-style:normal;display:grid;place-items:center}.theme-switch{width:66px;height:38px;border:1px solid var(--line);border-radius:22px;background:rgba(13,32,52,.8);display:flex;align-items:center;justify-content:space-between;padding:4px 6px;cursor:pointer}.theme-switch svg{color:#aabbd0}.theme-switch span{width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,#61e7ff,#4d91ff);box-shadow:0 0 15px rgba(60,205,255,.5)}.connection-strip{margin:10px 28px 0;padding:8px 13px;border:1px solid rgba(255,174,43,.22);border-radius:10px;background:rgba(255,174,43,.055);display:flex;align-items:center;gap:8px;font-size:11px;color:#cad7e4}.connection-strip>span{width:8px;height:8px;border-radius:50%;background:var(--amber);animation:pulse 1.1s infinite}.connection-strip.online{border-color:rgba(53,226,125,.2);background:rgba(53,226,125,.05)}.connection-strip.online>span{background:var(--green);box-shadow:0 0 9px var(--green);animation:none}.connection-strip.offline{border-color:rgba(255,85,109,.25);background:rgba(255,85,109,.06)}.connection-strip.offline>span{background:var(--red);animation:none}.connection-strip small{color:var(--muted)}.pages{padding:20px 28px 28px}.page{display:none;animation:pageIn .28s ease}.page.active{display:block}.panel{background:linear-gradient(145deg,rgba(10,27,46,.97),rgba(7,20,36,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}[data-theme="light"] .panel,[data-theme="light"] .stat-card,[data-theme="light"] .detail-kpis article{background:linear-gradient(145deg,#fff,#f6faff)}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.stat-card{height:140px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(14,31,51,.95),rgba(8,23,40,.98));padding:17px;display:flex;gap:13px}.stat-card:before{content:"";position:absolute;inset:auto 0 0;height:42px;background:linear-gradient(180deg,transparent,rgba(var(--glow),.11))}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--glow),.1);color:rgb(var(--glow));box-shadow:inset 0 0 0 1px rgba(var(--glow),.1)}.stat-icon svg{font-size:23px}.stat-body{display:flex;flex-direction:column;z-index:2}.stat-body small{color:#9eb0c3;font-size:11px}.stat-body strong{font-size:26px;margin-top:7px;white-space:nowrap}.stat-body strong em{font-size:12px;font-style:normal;margin-left:4px}.stat-body span{font-size:10px;color:rgb(var(--glow));margin-top:6px}.stat-card canvas{position:absolute;left:0;right:0;bottom:0;width:100%;height:37px;opacity:.9}.stat-card.pink{--glow:255,82,119}.stat-card.blue{--glow:54,150,255}.stat-card.amber{--glow:255,171,38}.stat-card.lime{--glow:103,238,83}.stat-card.green{--glow:45,231,111}.stat-card.emerald{--glow:28,225,142}.online-text{color:var(--green)!important;font-size:21px!important}.overview-main-grid{display:grid;grid-template-columns:4fr 5.5fr 3fr;gap:13px;margin-top:13px}.weather-overview,.main-chart-panel,.energy-overview{min-height:385px}.panel-title{min-height:52px;padding:15px 17px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-title h2{font-size:14px;margin:0;letter-spacing:.02em}.panel-title h2 small{font-size:10px;color:var(--muted);font-weight:500}.panel-title button,.page-head button,.settings-card button{border:1px solid var(--line);background:rgba(17,41,66,.65);border-radius:9px;padding:8px 12px;cursor:pointer;font-size:11px}.panel-title button:hover,.page-head button:hover,.settings-card button:hover{border-color:rgba(32,215,255,.45);color:var(--cyan)}.live-badge{font-size:10px;color:var(--green);display:flex;gap:6px;align-items:center}.live-badge i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.weather-hero{display:flex;align-items:center;gap:17px;padding:4px 18px 13px}.weather-hero>div:last-child{min-width:0}.weather-hero strong{font-size:38px}.weather-hero strong em{font-style:normal;font-size:15px}.weather-hero h3{font-size:15px;margin:3px 0 5px}.weather-hero p{font-size:12px;color:var(--muted);margin:0}.weather-art{width:155px;height:110px;position:relative;flex:0 0 155px}.sun-moon{width:68px;height:68px;border-radius:50%;position:absolute;left:42px;top:4px;background:radial-gradient(circle at 35% 30%,#fff6a5 0 10%,#ffd35a 37%,#ff9a2a 72%,#e57121);box-shadow:0 0 28px rgba(255,180,52,.48),inset -10px -10px 18px rgba(205,88,12,.25)}.weather-art.night .sun-moon{background:radial-gradient(circle at 35% 30%,#eff7ff,#b4c9ee 45%,#7894c5 78%);box-shadow:0 0 28px rgba(138,173,231,.35)}.cloud-shape{position:absolute;background:linear-gradient(#e7edf3,#9caabb);border-radius:40px;filter:drop-shadow(0 9px 9px rgba(0,0,0,.28))}.cloud-shape:before,.cloud-shape:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-shape.c1{width:98px;height:27px;left:22px;top:62px}.cloud-shape.c1:before{width:43px;height:43px;left:14px;top:-21px}.cloud-shape.c1:after{width:51px;height:51px;right:10px;top:-29px}.cloud-shape.c2{width:62px;height:18px;right:4px;top:76px;opacity:.68}.cloud-shape.c2:before{width:30px;height:30px;left:8px;top:-15px}.cloud-shape.c2:after{width:28px;height:28px;right:6px;top:-16px}.weather-metric-grid{padding:0 13px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.weather-metric-grid>div{min-height:68px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(17,40,64,.48);padding:9px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto auto;column-gap:5px}.weather-metric-grid svg{grid-row:1/4;color:var(--blue);font-size:22px;align-self:center}.weather-metric-grid span{font-size:9px;color:var(--muted)}.weather-metric-grid b{font-size:12px}.weather-metric-grid small{font-size:9px;color:#91a4bb}.sun-times{margin:9px 13px 14px;border-top:1px solid var(--line-soft);padding-top:10px;display:flex;align-items:center;gap:16px}.sun-times span{display:grid;grid-template-columns:auto auto;gap:0 7px;font-size:15px;color:var(--amber)}.sun-times small{font-size:8px;color:var(--muted)}.sun-times b{font-size:11px;color:var(--text)}.sun-times button{margin-left:auto;width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.03);cursor:pointer}.legend{display:flex;gap:14px;font-size:10px;color:var(--muted);margin-top:10px}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:12px;height:4px;border-radius:4px}.lg-in{background:#57e46f}.lg-out{background:#3a9eff}.lg-ac{background:var(--green)}.lg-dc{background:var(--blue)}.panel-title select{background:#0e2136;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:10px}.chart-stage{height:312px;position:relative;padding:0 8px 8px}.chart-stage.tall{height:420px}.chart-stage canvas{width:100%;height:100%}.empty-state{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px}.empty-state.hidden{display:none}.energy-overview{padding-bottom:12px}.energy-gauge-card{margin:0 12px 9px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(16,37,59,.55);padding:10px 12px}.energy-head{display:flex;justify-content:space-between;color:var(--cyan);font-size:10px;font-weight:700}.energy-gauge-card.ac .energy-head,.energy-gauge-card.ac .g-val{color:var(--green);stroke:var(--green)}.energy-gauge-card.dc .energy-head,.energy-gauge-card.dc .g-val{color:var(--blue);stroke:var(--blue)}.gauge{height:100px;position:relative;display:grid;place-items:center}.gauge svg{width:150px;height:95px;overflow:visible;transform:translateY(6px)}.gauge path{fill:none;stroke-width:10;stroke-linecap:round}.g-bg{stroke:#2b3a4f}.g-val{stroke-dasharray:164;stroke-dashoffset:164;transition:stroke-dashoffset .6s ease;filter:drop-shadow(0 0 5px currentColor)}.gauge>div{position:absolute;bottom:8px;text-align:center}.gauge strong{font-size:20px}.gauge small{display:block;color:var(--muted);font-size:9px}.energy-foot{display:flex;justify-content:space-between;text-align:center}.energy-foot b{font-size:13px}.energy-foot small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.control-grid{display:grid;grid-template-columns:4.2fr 2.7fr 5fr;gap:13px;margin-top:13px}.relay-overview,.fan-overview,.light-overview{min-height:225px}.relay-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:8px 13px 14px}.relay-mini{height:65px;border:1px solid rgba(53,226,125,.28);border-radius:10px;padding:10px 12px;background:rgba(20,54,55,.27);display:flex;align-items:center;gap:10px}.relay-mini.off{border-color:var(--line-soft);background:rgba(14,33,53,.35)}.relay-mini>svg{color:var(--green);font-size:22px}.relay-mini div{display:flex;flex-direction:column}.relay-mini b{font-size:11px}.relay-mini small{font-size:9px;color:var(--muted);margin-top:4px}.relay-mini .toggle{margin-left:auto}.fan-control-body{display:flex;align-items:center;justify-content:center;gap:18px;padding:2px 12px 13px}.fan-machine{width:103px;height:103px;border-radius:50%;border:4px solid #2c6389;box-shadow:inset 0 0 22px #030b14,0 0 18px rgba(55,168,255,.18);background:radial-gradient(circle,#1a2d3f 0 18%,#0d1722 19% 47%,#243d52 49% 54%,#09121d 55%);position:relative;display:grid;place-items:center}.fan-machine.large{width:230px;height:230px}.fan-machine>span{width:20%;height:20%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d8e5ee,#4e6578 45%,#0f1e2b 75%);position:absolute;z-index:2;box-shadow:0 0 0 4px #07111c}.fan-blades{position:absolute;inset:13%;animation:spin 1.1s linear infinite;animation-play-state:paused}.fan-machine.running .fan-blades{animation-play-state:running}.fan-blades i{position:absolute;width:42%;height:42%;left:50%;top:50%;transform-origin:0 0;border-radius:65% 10% 65% 18%;background:linear-gradient(135deg,#839eb2,#1a2a38 65%);filter:drop-shadow(0 3px 3px rgba(0,0,0,.6))}.fan-blades i:nth-child(1){transform:rotate(5deg) translate(7px,-2px)}.fan-blades i:nth-child(2){transform:rotate(95deg) translate(7px,-2px)}.fan-blades i:nth-child(3){transform:rotate(185deg) translate(7px,-2px)}.fan-blades i:nth-child(4){transform:rotate(275deg) translate(7px,-2px)}.segmented{display:flex;background:#0d1e31;border:1px solid var(--line);border-radius:10px;padding:3px}.segmented button{border:0;background:transparent;color:#93a6bb;font-size:9px;padding:8px 10px;border-radius:7px;cursor:pointer}.segmented button.active{background:linear-gradient(135deg,#116d50,#159967);color:#d8ffed}.segmented.large button{font-size:12px;padding:12px 20px}.fan-control-info>b{display:block;color:var(--green);font-size:12px;margin:10px 0 6px}.fan-control-info p{margin:4px 0;color:var(--muted);font-size:10px}.fan-control-info p strong{color:var(--text)}.quick-light-row{margin:4px 13px 8px;min-height:59px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(15,35,56,.48);display:grid;grid-template-columns:35px 105px 1fr 42px 38px;align-items:center;gap:9px;padding:8px 10px}.light-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.light-icon.red{color:#ff5b65;background:rgba(255,91,101,.09)}.light-icon.blue{color:#398dff;background:rgba(57,141,255,.1)}.quick-light-row>div{display:flex;flex-direction:column}.quick-light-row b{font-size:11px}.quick-light-row small{font-size:9px;color:var(--muted);margin-top:3px}.quick-light-row em{font-size:10px;font-style:normal;text-align:right}.light-tabs{display:flex;gap:8px;padding:6px 13px 13px}.light-tabs button{flex:1;border:1px solid var(--line-soft);border-radius:8px;background:rgba(19,44,71,.55);color:#8dddb7;padding:8px;font-size:9px;cursor:pointer}.bottom-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:13px;margin-top:13px}.system-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:7px 13px 15px}.system-mini-grid>div{padding:5px 13px;border-right:1px solid var(--line)}.system-mini-grid>div:last-child{border:0}.system-mini-grid span{display:block;color:var(--muted);font-size:9px}.system-mini-grid b{display:block;font-size:17px;margin:8px 0}.system-mini-grid progress{width:100%;height:5px;accent-color:var(--green)}.system-mini-grid progress.orange{accent-color:var(--amber)}.system-mini-grid progress.blue{accent-color:var(--blue)}.event-list{padding:4px 15px 13px;display:grid;gap:4px}.event-row{display:grid;grid-template-columns:65px 74px 1fr;gap:8px;align-items:center;border-bottom:1px solid rgba(87,121,151,.11);padding:7px 0;font-size:10px}.event-row time{color:var(--muted)}.event-row b{color:var(--green);font-size:9px}.event-row span{color:#b7c8d7}.event-empty{padding:24px;text-align:center;color:var(--muted);font-size:11px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.page-head small{color:var(--cyan);font-size:9px;letter-spacing:.16em}.page-head h2{font-size:28px;margin:4px 0}.page-head p{margin:0;color:var(--muted);font-size:12px}.detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:13px}.detail-kpis article{border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(12,31,50,.95),rgba(7,21,37,.98));padding:18px}.detail-kpis span{font-size:10px;color:var(--muted)}.detail-kpis b{display:block;font-size:27px;margin:9px 0 5px}.detail-kpis small{font-size:10px;color:var(--green)}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:13px}.large-chart{min-height:490px}.forecast-card{padding-bottom:12px}.hourly-list{display:grid;gap:7px;padding:5px 13px}.hourly-row{display:grid;grid-template-columns:50px 30px 1fr 45px;align-items:center;gap:9px;border:1px solid var(--line-soft);border-radius:9px;padding:10px;font-size:11px}.hourly-row small{color:var(--muted)}.hourly-row b{text-align:right}.energy-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}.energy-detail{padding:23px}.energy-detail h3{font-size:13px;margin:0;color:var(--green)}.energy-detail.dc h3{color:var(--blue)}.energy-detail>strong{font-size:45px;display:block;margin:18px 0}.energy-detail>div{display:flex;gap:30px}.energy-detail span{color:var(--muted);font-size:11px}.energy-detail span b{color:var(--text);margin-left:8px}.relay-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.relay-card{min-height:230px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(12,30,50,.96),rgba(7,20,35,.98));padding:20px;transition:.2s}.relay-card.active{border-color:rgba(53,226,125,.55);box-shadow:0 0 24px rgba(53,226,125,.1)}.relay-card-head{display:flex;justify-content:space-between}.relay-card-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:rgba(53,226,125,.1);color:var(--green);font-size:24px}.relay-card h3{font-size:18px;margin:25px 0 7px}.relay-card p{font-size:11px;color:var(--muted);margin:0}.relay-status{margin-top:28px;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.relay-status i{width:8px;height:8px;border-radius:50%;background:#718294}.relay-card.active .relay-status i{background:var(--green);box-shadow:0 0 9px var(--green)}.danger-btn{color:#ff93a3!important;border-color:rgba(255,85,109,.28)!important}.lighting-detail-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:13px}.light-detail,.argb-detail{padding:22px}.light-detail-head{display:flex;justify-content:space-between}.light-detail-head small{color:var(--cyan);font-size:9px}.light-detail-head h3{margin:4px 0;font-size:20px}.bulb{height:230px;display:grid;place-items:center;position:relative}.bulb div{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,210,.45),rgba(255,219,72,.08) 55%,transparent 72%);filter:blur(4px)}.bulb svg{font-size:95px;color:#fffcd5;filter:drop-shadow(0 0 25px #ffdd55)}.range-block{display:block}.range-block>span{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.range-block input{width:100%}.preset-buttons,.scene-buttons{display:flex;gap:8px;margin-top:15px}.preset-buttons button,.scene-buttons button{flex:1;border:1px solid var(--line);border-radius:8px;background:rgba(17,41,66,.6);padding:9px;cursor:pointer}.argb-preview{height:170px;border-radius:14px;margin:19px 0;background:linear-gradient(90deg,#f44,#fa0,#ff0,#2f6,#2df,#47f,#b4f,#f4a);box-shadow:0 0 35px rgba(50,188,255,.18);position:relative;overflow:hidden}.argb-preview:after{content:"";position:absolute;inset:12px;border-radius:9px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.22) 0 7px,transparent 7px 17px);mix-blend-mode:overlay}.argb-controls{display:grid;grid-template-columns:130px 1fr;gap:15px}.argb-controls label{font-size:10px;color:var(--muted)}.argb-controls input,.argb-controls select{width:100%;margin-top:8px;background:#0d2034;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px}.fan-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fan-big,.fan-settings{min-height:480px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.fan-big h3{font-size:25px;margin:25px 0 5px}.fan-big p{color:var(--muted)}.fan-settings{align-items:stretch;justify-content:flex-start}.fan-settings>h3{font-size:20px}.set-control{display:grid;grid-template-columns:1fr 42px 80px 42px;align-items:center;gap:8px;margin:30px 0}.set-control button{height:42px;border:1px solid var(--line);border-radius:9px;background:rgba(18,43,69,.8);cursor:pointer}.set-control b{text-align:center;font-size:20px}.fan-info-list,.info-list{display:grid;gap:8px}.fan-info-list>div,.info-list>div{display:flex;justify-content:space-between;border:1px solid var(--line-soft);border-radius:10px;padding:14px}.fan-info-list span,.info-list span{color:var(--muted);font-size:11px}.lcd-page-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:13px}.lcd-device,.lcd-info{padding:28px;min-height:430px}.lcd-frame{background:linear-gradient(#202b35,#05080b);padding:35px;border-radius:19px;border:7px solid #111820;box-shadow:inset 0 0 0 2px #344757,0 18px 30px rgba(0,0,0,.35);margin-bottom:30px}.lcd-screen{height:155px;background:#9ecb4c;color:#21350a;border-radius:6px;box-shadow:inset 0 0 20px rgba(28,65,5,.5),0 0 25px rgba(158,203,76,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 25px/1.4 ui-monospace,monospace;letter-spacing:.08em}.lcd-screen.off{background:#263326;color:#5e7256;box-shadow:inset 0 0 20px #111}.toggle-row{display:flex!important;align-items:center;justify-content:space-between}.toggle-row>div{display:flex;flex-direction:column}.toggle-row small{color:var(--muted);margin-top:4px}.lcd-pages{display:grid;gap:10px;margin-top:20px}.lcd-pages span{border:1px solid var(--line-soft);padding:14px;border-radius:10px;color:#aec1d3}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.settings-card{padding:22px}.settings-card h3{margin:0 0 17px}.settings-card>label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:10px;margin:11px 0}.settings-card input{border:1px solid var(--line);border-radius:9px;background:#0d2034;color:var(--text);padding:11px}.settings-card img{width:70px}.settings-card p{color:var(--muted);font-size:11px}.settings-card button{margin-top:10px}.topic-box{display:flex;flex-direction:column;gap:5px;margin:14px 0}.topic-box span{background:#06101c;border:1px solid var(--line-soft);padding:8px;border-radius:7px;font:10px ui-monospace,monospace;color:#8fdff4}.weather-settings-status{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:11px}.weather-settings-status span{width:9px;height:9px;border-radius:50%;background:var(--amber)}.weather-settings-status.online span{background:var(--green);box-shadow:0 0 9px var(--green)}.log-panel{min-height:570px}.log-tabs{padding:15px;display:flex;gap:8px;border-bottom:1px solid var(--line)}.log-tabs button{border:1px solid var(--line);border-radius:8px;background:rgba(15,38,62,.7);padding:8px 13px;cursor:pointer}.log-tabs button.active{color:var(--cyan);border-color:rgba(32,215,255,.4)}.timeline{padding:10px 18px}.timeline-row{display:grid;grid-template-columns:95px 75px 1fr;gap:12px;padding:12px 5px;border-bottom:1px solid var(--line-soft);font-size:11px}.timeline-row time{color:var(--muted)}.timeline-row b{color:var(--cyan)}.timeline-row.error b{color:var(--red)}footer{margin:20px 28px 28px;border-top:1px solid var(--line);padding:15px 0;color:var(--muted);font-size:10px;display:flex;gap:14px}footer small{margin-left:auto}.toggle{display:inline-flex}.toggle input{display:none}.toggle span{width:39px;height:22px;border-radius:14px;background:#33475a;position:relative;cursor:pointer;transition:.2s}.toggle span:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:white;left:3px;top:3px;transition:.2s;box-shadow:0 2px 5px rgba(0,0,0,.35)}.toggle input:checked+span{background:var(--green);box-shadow:0 0 12px rgba(53,226,125,.25)}.toggle input:checked+span:before{left:20px}.toggle.big span{width:50px;height:28px}.toggle.big span:before{width:22px;height:22px}.toggle.big input:checked+span:before{left:25px}input[type=range]{accent-color:#d151b5;height:5px}.rainbow-range{accent-color:#4097ff;background:linear-gradient(90deg,#ff3d6d,#ffae2b,#5cff65,#21d7ff,#5b5bff,#da4cff)}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:8px}.toast{min-width:260px;max-width:360px;border:1px solid var(--line);border-radius:11px;background:rgba(9,24,40,.96);box-shadow:var(--shadow);padding:12px 14px;display:flex;align-items:flex-start;gap:10px;animation:toastIn .25s ease}.toast b{font-size:12px}.toast small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.toast.success{border-color:rgba(53,226,125,.35)}.toast.error{border-color:rgba(255,85,109,.4)}.notification-panel{position:fixed;right:22px;top:76px;width:330px;max-height:440px;z-index:80;background:rgba(8,23,39,.97);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px;transform:translateY(-15px) scale(.97);opacity:0;pointer-events:none;transition:.2s}.notification-panel.open{transform:none;opacity:1;pointer-events:auto}.notification-panel>div{display:flex;justify-content:space-between;align-items:center}.notification-panel h3{margin:0;font-size:14px}.notification-panel button{border:0;background:none;color:var(--muted);font-size:22px;cursor:pointer}.notification-panel section{margin-top:12px}.notification-panel p{color:var(--muted);font-size:11px}.mobile-bottom{display:none}.mobile-shade{display:none}.sidebar.compact{width:82px}.sidebar.compact .brand span,.sidebar.compact .nav-item span,.sidebar.compact .device-card div,.sidebar.compact .profile-card div,.sidebar.compact .profile-card i{display:none}.sidebar.compact .brand-wrap{padding-left:2px}.sidebar.compact .brand img{width:42px}.sidebar.compact .nav-item{justify-content:center;padding:0}.sidebar.compact .side-bottom{align-items:center}.sidebar.compact .device-card,.sidebar.compact .profile-card{justify-content:center}.sidebar.compact .device-card button{display:none}.sidebar.compact~.main{margin-left:82px}.reduce-motion *{animation:none!important;transition:none!important}@keyframes pulse{50%{opacity:.35;transform:scale(.82)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}}@keyframes toastIn{from{opacity:0;transform:translateX(20px)}}
@media(max-width:1500px){.stats-grid{grid-template-columns:repeat(3,1fr)}.overview-main-grid{grid-template-columns:1fr 1.25fr}.energy-overview{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0}.energy-overview>.panel-title{grid-column:1/-1}.control-grid{grid-template-columns:1fr 1fr}.light-overview{grid-column:1/-1}.relay-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1120px){:root{--accent:#20d7ff;--accent-rgb:32,215,255;--accent-2:#3997ff;--sidebar:228px}.topbar{padding:14px 18px}.pages{padding:15px 18px}.overview-main-grid,.control-grid,.bottom-grid,.two-col,.lighting-detail-grid,.fan-page-grid,.lcd-page-grid{grid-template-columns:1fr}.weather-overview,.main-chart-panel,.energy-overview{min-height:auto}.energy-overview{display:block}.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-kpis{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.date-time{display:none}}
@media(max-width:760px){body{padding-bottom:67px}.sidebar{transform:translateX(-105%);width:min(86vw,300px);box-shadow:18px 0 40px rgba(0,0,0,.5)}.sidebar.open{transform:none}.main,.sidebar.compact~.main{margin-left:0}.mobile-shade{display:block;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:35;opacity:0;pointer-events:none;transition:.2s}.mobile-shade.show{opacity:1;pointer-events:auto}.mobile-menu{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:rgba(13,32,52,.75);color:var(--text)}.topbar{height:73px;padding:10px 13px}.top-left h1{font-size:18px}.top-left p{font-size:10px}.top-right{gap:7px}.top-icon{width:37px;height:37px}.top-right .top-icon:nth-of-type(1),.top-right .top-icon:nth-of-type(3){display:none}.theme-switch{width:52px;height:34px}.theme-switch span{width:24px;height:24px}.connection-strip{margin:8px 12px 0;white-space:nowrap;overflow:hidden}.connection-strip small{display:none}.pages{padding:12px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{height:124px;padding:13px}.stat-body strong{font-size:21px}.overview-main-grid,.control-grid,.bottom-grid{gap:9px;margin-top:9px}.weather-hero{flex-direction:column;text-align:center}.weather-art{height:90px}.weather-metric-grid{grid-template-columns:1fr 1fr}.quick-light-row{grid-template-columns:30px 80px 1fr 39px}.quick-light-row em{display:none}.system-mini-grid{grid-template-columns:1fr 1fr}.system-mini-grid>div:nth-child(2){border-right:0}.detail-kpis{grid-template-columns:1fr 1fr;gap:9px}.energy-detail-grid,.relay-detail-grid{grid-template-columns:1fr}.lighting-detail-grid{grid-template-columns:1fr}.argb-controls{grid-template-columns:1fr}.page-head h2{font-size:23px}.page-head p{display:none}.page-head button{font-size:0}.page-head button svg{font-size:17px}.topbar .theme-switch svg{display:none}.mobile-bottom{display:grid;position:fixed;z-index:60;bottom:0;left:0;right:0;height:66px;grid-template-columns:repeat(5,1fr);background:rgba(5,14,26,.97);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.mobile-bottom button{border:0;background:none;color:#7f93a9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:9px}.mobile-bottom button.active{color:var(--cyan)}.mobile-bottom svg{font-size:19px}footer{display:none}.chart-stage{height:270px}.chart-stage.tall{height:310px}.fan-machine.large{width:180px;height:180px}.lcd-screen{font-size:17px}.notification-panel{right:10px;left:10px;width:auto;top:66px}}
@media(max-width:420px){.stats-grid{grid-template-columns:1fr}.stat-card{height:108px}.stat-card canvas{height:30px}.weather-metric-grid{grid-template-columns:1fr 1fr}.panel-title{padding:13px}.panel-title h2{font-size:12px}.relay-mini-grid{grid-template-columns:1fr}.detail-kpis{grid-template-columns:1fr}.system-mini-grid{grid-template-columns:1fr}.system-mini-grid>div{border-right:0;border-bottom:1px solid var(--line)}.system-mini-grid>div:last-child{border-bottom:0}.quick-light-row{grid-template-columns:30px 74px 1fr 38px}.scene-buttons,.preset-buttons{flex-wrap:wrap}.scene-buttons button,.preset-buttons button{min-width:28%}}


/* BERKE IOT CLOUD V31 SIGNATURE enhancements */
.history-clickable{cursor:zoom-in;position:relative;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.history-clickable:hover{transform:translateY(-2px);border-color:rgba(32,215,255,.35);box-shadow:0 18px 45px rgba(0,0,0,.32),0 0 0 1px rgba(32,215,255,.06)}.chart-tools{display:flex;align-items:center;gap:10px}.chart-open-hint{display:inline-flex;align-items:center;gap:5px;color:#79dff5;font-size:9px;padding:6px 8px;border:1px solid rgba(32,215,255,.18);border-radius:7px;background:rgba(32,215,255,.05);white-space:nowrap}.chart-open-hint svg{font-size:12px}
.relay-mini.device-relay2 svg,.relay-card.device-relay2 .relay-card-icon{color:#2ed9ff}.relay-mini.device-relay3 svg,.relay-card.device-relay3 .relay-card-icon{color:#6ca9ff}.relay-card.device-relay3.active .relay-card-icon svg,.relay-mini.device-relay3.active>svg{animation:fanIconSpin 1.2s linear infinite}.relay-mini.active{border-color:rgba(53,226,125,.25);box-shadow:inset 0 0 18px rgba(53,226,125,.035)}
.smart-bulb{--brightness:.7;--argb-color:#20d7ff;--argb-color-2:#b64cff;position:relative;display:grid;place-items:center;border-radius:50%;color:#576675;transition:.32s cubic-bezier(.2,.8,.2,1);isolation:isolate}.smart-bulb:before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,rgba(255,239,177,calc(var(--brightness)*.36)),transparent 68%);opacity:0;transform:scale(.75);transition:.35s}.smart-bulb>span{position:absolute;inset:10%;border-radius:50%;background:linear-gradient(145deg,#28384a,#0c1825);border:1px solid rgba(255,255,255,.08);z-index:-1;transition:.3s}.smart-bulb svg{position:relative;z-index:2}.smart-bulb.compact{width:34px;height:34px;font-size:19px}.smart-bulb.large{width:142px;height:142px;font-size:75px;margin:18px auto 28px}.smart-bulb.large>span{inset:18%}.smart-bulb.daylight.on{color:#fff5c3;filter:drop-shadow(0 0 7px rgba(255,224,122,.9))}.smart-bulb.daylight.on>span{background:radial-gradient(circle at 36% 27%,#fffdf1,#ffe99a 42%,#ffbd44 78%,#8c4b13);box-shadow:inset -10px -12px 24px rgba(139,65,7,.28),0 0 calc(16px + 30px * var(--brightness)) rgba(255,214,91,calc(.3 + var(--brightness)*.45))}.smart-bulb.on:before{opacity:1;transform:scale(1.18);animation:bulbAura 2.2s ease-in-out infinite}.smart-bulb.argb.on{color:white;filter:drop-shadow(0 0 8px var(--argb-color))}.smart-bulb.argb.on>span{background:radial-gradient(circle at 35% 30%,#fff,var(--argb-color) 40%,var(--argb-color-2) 82%);box-shadow:0 0 calc(16px + 28px * var(--brightness)) var(--argb-color)}.smart-bulb.argb.rainbow.on>span,.smart-bulb.argb.party.on>span{background:conic-gradient(#ff3f75,#ffb52e,#51ec72,#25dcff,#6b61ff,#ec4cff,#ff3f75);animation:argbRotate 2.8s linear infinite}.smart-bulb.argb.fire.on>span{background:radial-gradient(circle at 50% 70%,#fff4a8,#ffb229 38%,#ff4b24 68%,#8d1515)}.smart-bulb.argb.police.on>span{background:linear-gradient(90deg,#ff274e 0 48%,#f6f8ff 48% 52%,#2687ff 52%);animation:policeFlash .65s steps(2) infinite}.smart-bulb.argb.breath.on>span,.smart-bulb.argb.pulse-mode.on>span{animation:argbBreath 1.5s ease-in-out infinite}.quick-light-row{position:relative;overflow:hidden}.quick-light-row.light-on:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,218,106,.055),transparent 40%);animation:lightRowSweep 2.5s ease-in-out infinite}.quick-light-row.argb-row.light-on:after{background:linear-gradient(90deg,color-mix(in srgb,var(--argb-color,#20d7ff) 11%,transparent),transparent 50%)}
.argb-visual-stage{display:grid;grid-template-columns:165px 1fr;gap:20px;align-items:center;padding:10px 20px 18px}.argb-preview{--brightness:.7;--argb-color:#20d7ff;--argb-color-2:#a64cff;height:82px;border-radius:15px;border:1px solid rgba(255,255,255,.09);background:#06111d;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:20px;overflow:hidden;position:relative;filter:none!important}.argb-preview i{height:100%;border-radius:50%;background:var(--argb-color);box-shadow:0 0 calc(6px + 15px * var(--brightness)) var(--argb-color);opacity:calc(.25 + var(--brightness)*.75);transition:.3s}.argb-preview.off i{background:#273544;box-shadow:none;opacity:.3}.argb-preview.mode-rainbow i,.argb-preview.mode-party i{background:hsl(calc(var(--i,0)*45) 100% 60%);animation:stripRainbow 1.8s linear infinite}.argb-preview.mode-rainbow i:nth-child(1),.argb-preview.mode-party i:nth-child(1){--i:0}.argb-preview.mode-rainbow i:nth-child(2),.argb-preview.mode-party i:nth-child(2){--i:1}.argb-preview.mode-rainbow i:nth-child(3),.argb-preview.mode-party i:nth-child(3){--i:2}.argb-preview.mode-rainbow i:nth-child(4),.argb-preview.mode-party i:nth-child(4){--i:3}.argb-preview.mode-rainbow i:nth-child(5),.argb-preview.mode-party i:nth-child(5){--i:4}.argb-preview.mode-rainbow i:nth-child(6),.argb-preview.mode-party i:nth-child(6){--i:5}.argb-preview.mode-rainbow i:nth-child(7),.argb-preview.mode-party i:nth-child(7){--i:6}.argb-preview.mode-rainbow i:nth-child(8),.argb-preview.mode-party i:nth-child(8){--i:7}.argb-preview.mode-runner i,.argb-preview.mode-meteor i{animation:runner 1.4s ease-in-out infinite;animation-delay:calc(var(--i,0)*.09s)}.argb-preview.mode-fire i{background:linear-gradient(#fff7a8,#ff9d25,#f23b1d);animation:flame .75s ease-in-out infinite alternate}.argb-preview.mode-police i:nth-child(odd){background:#ff2c4f;box-shadow:0 0 18px #ff2c4f}.argb-preview.mode-police i:nth-child(even){background:#278aff;box-shadow:0 0 18px #278aff}.argb-preview.mode-police i{animation:policeFlash .7s steps(2) infinite}.argb-preview.mode-breath i,.argb-preview.mode-pulse-mode i{animation:argbBreath 1.6s ease-in-out infinite}.argb-mode-caption{grid-column:2;display:flex;align-items:center;justify-content:space-between;margin-top:-8px}.argb-mode-caption b{color:var(--cyan)}.argb-mode-caption small{color:var(--muted)}
.weather-art{overflow:visible}.weather-stars{position:absolute;inset:0;opacity:0;transition:.4s}.weather-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px #b9dbff;animation:starBlink 1.7s ease-in-out infinite}.weather-stars i:nth-child(1){left:12%;top:16%}.weather-stars i:nth-child(2){left:32%;top:6%;animation-delay:.4s}.weather-stars i:nth-child(3){right:21%;top:20%;animation-delay:.8s}.weather-stars i:nth-child(4){right:5%;top:8%;animation-delay:1.2s}.weather-stars i:nth-child(5){left:52%;top:30%;animation-delay:.25s}.weather-art.night .weather-stars{opacity:1}.sun-moon{animation:weatherFloat 4s ease-in-out infinite}.cloud-shape.c1{animation:cloudDrift 5.2s ease-in-out infinite}.cloud-shape.c2{animation:cloudDrift 4.2s ease-in-out infinite reverse}.weather-clear .cloud-shape{opacity:.25}.weather-cloudy .cloud-shape{opacity:1}.weather-cloudy .sun-moon{opacity:.68;filter:saturate(.7)}.rain-layer,.snow-layer,.fog-layer,.weather-lightning{position:absolute;inset:0;pointer-events:none;opacity:0}.rain-layer i{position:absolute;top:70px;width:2px;height:17px;border-radius:2px;background:linear-gradient(transparent,#4bbcff);animation:rainFall .75s linear infinite}.rain-layer i:nth-child(1){left:29%;animation-delay:.1s}.rain-layer i:nth-child(2){left:39%;animation-delay:.45s}.rain-layer i:nth-child(3){left:51%;animation-delay:.2s}.rain-layer i:nth-child(4){left:62%;animation-delay:.6s}.rain-layer i:nth-child(5){left:72%;animation-delay:.32s}.rain-layer i:nth-child(6){left:82%;animation-delay:.05s}.weather-rain .rain-layer,.weather-storm .rain-layer{opacity:1}.weather-rain .cloud-shape,.weather-storm .cloud-shape{background:linear-gradient(#8e9cad,#3f4e63)}.snow-layer i{position:absolute;top:68px;width:6px;height:6px;border-radius:50%;background:white;box-shadow:0 0 6px #dff5ff;animation:snowFall 2s linear infinite}.snow-layer i:nth-child(1){left:30%}.snow-layer i:nth-child(2){left:42%;animation-delay:.5s}.snow-layer i:nth-child(3){left:55%;animation-delay:1s}.snow-layer i:nth-child(4){left:68%;animation-delay:.25s}.snow-layer i:nth-child(5){left:80%;animation-delay:1.4s}.weather-snow .snow-layer{opacity:1}.fog-layer{top:62px}.fog-layer i{display:block;height:5px;border-radius:8px;margin:7px 12px;background:linear-gradient(90deg,transparent,rgba(218,235,246,.65),transparent);animation:fogMove 3s ease-in-out infinite}.weather-fog .fog-layer{opacity:1}.weather-lightning{left:72px;top:55px;width:20px;height:42px;background:#ffe963;clip-path:polygon(45% 0,100% 0,60% 40%,94% 40%,20% 100%,40% 54%,5% 54%);filter:drop-shadow(0 0 8px #fff96a)}.weather-storm .weather-lightning{opacity:1;animation:lightning 2.8s steps(1) infinite}.weather-storm .sun-moon{opacity:.25}.sun-cycle{--sun-progress:.5;padding:2px 13px 13px}.sun-arc{height:26px;margin:0 22px -6px;border-top:1px dashed rgba(255,191,71,.28);border-radius:50% 50% 0 0;position:relative}.sun-orbit{position:absolute;left:calc(var(--sun-progress)*100%);top:-12px;transform:translateX(-50%);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#ffd45b;background:#2b2514;box-shadow:0 0 15px rgba(255,198,67,.6);transition:left 1.2s ease}.sun-times{padding:0;display:grid;grid-template-columns:1fr 1fr 35px;gap:7px}.sun-time-card{display:grid!important;grid-template-columns:27px 1fr auto;grid-template-rows:auto auto;gap:1px 8px;align-items:center!important;padding:9px 10px!important;position:relative;overflow:hidden}.sun-time-card:after{content:"";position:absolute;inset:auto -15% -25px;height:45px;background:radial-gradient(ellipse,rgba(255,186,49,.2),transparent 67%);animation:sunGlow 2.4s ease-in-out infinite}.sun-time-card>i{grid-row:1/3;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(255,190,60,.1);color:#ffc349}.sun-time-card small{align-self:end}.sun-time-card b{grid-column:3;grid-row:1/3;font-size:15px}.sun-time-card em{font-size:8px;color:var(--muted);font-style:normal}.sun-time-card.passed{opacity:.68}.sunset-card>i{color:#9ebdff;background:rgba(102,139,229,.1)}
.history-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:.25s}.history-modal.open{opacity:1;visibility:visible}.history-modal-backdrop{position:absolute;inset:0;background:rgba(1,7,15,.78);backdrop-filter:blur(12px)}.history-dialog{position:relative;width:min(1180px,96vw);height:min(780px,92vh);border:1px solid rgba(74,164,214,.28);border-radius:20px;background:linear-gradient(145deg,rgba(8,25,43,.99),rgba(4,13,25,.99));box-shadow:0 40px 100px rgba(0,0,0,.65),0 0 0 1px rgba(32,215,255,.04);display:grid;grid-template-rows:auto auto auto 1fr auto;overflow:hidden;transform:translateY(20px) scale(.97);transition:.28s}.history-modal.open .history-dialog{transform:none}.history-header{padding:20px 22px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.history-header small{color:var(--cyan);letter-spacing:.18em;font-size:9px}.history-header h2{margin:5px 0 3px;font-size:24px}.history-header p{margin:0;color:var(--muted);font-size:11px}.history-header-actions{display:flex;gap:8px}.history-header-actions button{height:38px;border:1px solid var(--line);border-radius:10px;background:rgba(20,45,69,.75);display:flex;align-items:center;gap:6px;padding:0 12px;cursor:pointer}.history-close{width:38px!important;padding:0!important;justify-content:center}.history-toolbar{padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-soft)}.history-ranges{display:flex;gap:6px;flex-wrap:wrap}.history-ranges button{border:1px solid var(--line);border-radius:8px;background:rgba(13,33,54,.75);padding:7px 12px;color:var(--muted);cursor:pointer}.history-ranges button.active{color:white;background:linear-gradient(135deg,#126887,#174c9b);border-color:rgba(59,190,243,.5);box-shadow:0 0 18px rgba(32,215,255,.12)}.history-count{font-size:10px;color:var(--muted)}.history-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 22px 0}.history-stats article{position:relative;border:1px solid var(--line-soft);border-radius:11px;background:rgba(13,32,52,.62);padding:11px 13px 11px 20px;display:grid;grid-template-columns:1fr auto;gap:3px 8px}.history-stats article i{position:absolute;left:0;top:12%;bottom:12%;width:3px;border-radius:3px;background:var(--series);box-shadow:0 0 9px var(--series)}.history-stats article span{font-size:10px;color:var(--muted)}.history-stats article b{grid-row:1/3;grid-column:2;font-size:20px;color:var(--series)}.history-stats article small{font-size:9px;color:#87a0b7}.history-no-stats{color:var(--muted);font-size:11px}.history-chart-wrap{position:relative;min-height:0;margin:10px 18px 0;border:1px solid var(--line-soft);border-radius:14px;background:radial-gradient(circle at 50% 0,rgba(34,116,169,.09),transparent 45%),rgba(3,12,23,.55);overflow:hidden}.history-chart-wrap canvas{width:100%;height:100%}.history-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}.history-empty.hidden{display:none}.chart-tooltip{position:absolute;min-width:145px;padding:9px 11px;border:1px solid rgba(71,168,221,.3);border-radius:9px;background:rgba(4,15,28,.95);box-shadow:0 12px 30px rgba(0,0,0,.4);opacity:0;pointer-events:none;transform:translateY(5px);transition:.12s}.chart-tooltip.show{opacity:1;transform:none}.chart-tooltip b,.chart-tooltip small{display:block;color:var(--muted);font-size:9px}.chart-tooltip strong{display:block;margin:3px 0;font-size:17px;color:white}.history-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-top:1px solid var(--line)}.history-footer span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.history-footer button{border:1px solid var(--line);border-radius:8px;background:rgba(18,42,66,.8);padding:8px 18px;cursor:pointer}.modal-open{overflow:hidden}
@keyframes fanIconSpin{to{transform:rotate(360deg)}}@keyframes bulbAura{50%{transform:scale(1.32);opacity:.68}}@keyframes argbRotate{to{transform:rotate(360deg)}}@keyframes argbBreath{50%{filter:brightness(.45);transform:scale(.92)}}@keyframes policeFlash{50%{filter:brightness(.35)}}@keyframes lightRowSweep{50%{opacity:.35}}@keyframes stripRainbow{to{filter:hue-rotate(360deg)}}@keyframes runner{0%,100%{opacity:.2;transform:scale(.65)}50%{opacity:1;transform:scale(1.2)}}@keyframes flame{to{transform:translateY(-5px) scale(.86);filter:brightness(1.35)}}@keyframes weatherFloat{50%{transform:translateY(-5px)}}@keyframes cloudDrift{50%{transform:translateX(7px) translateY(-2px)}}@keyframes starBlink{50%{opacity:.2;transform:scale(.55)}}@keyframes rainFall{from{transform:translateY(-8px) rotate(12deg);opacity:0}20%{opacity:1}to{transform:translateY(34px) rotate(12deg);opacity:0}}@keyframes snowFall{from{transform:translate(0,-5px);opacity:0}20%{opacity:1}to{transform:translate(12px,34px);opacity:0}}@keyframes fogMove{50%{transform:translateX(12px);opacity:.45}}@keyframes lightning{0%,8%,11%,100%{opacity:0}9%,12%{opacity:1}}@keyframes sunGlow{50%{transform:scale(1.25);opacity:.4}}
@media(max-width:760px){.chart-open-hint{font-size:0;width:28px;height:28px;justify-content:center}.chart-open-hint svg{font-size:14px}.argb-visual-stage{grid-template-columns:1fr;padding:5px 12px 16px}.argb-visual-stage .smart-bulb{width:105px;height:105px;font-size:54px;margin:8px auto}.argb-mode-caption{grid-column:1}.history-modal{padding:0}.history-dialog{width:100vw;height:100dvh;border-radius:0}.history-header{padding:15px}.history-header h2{font-size:19px}.history-header-actions button span{display:none}.history-toolbar{padding:10px 12px;align-items:flex-start}.history-ranges{gap:4px}.history-ranges button{padding:6px 8px;font-size:9px}.history-stats{padding:10px 12px 0;grid-template-columns:1fr}.history-stats article{padding:8px 10px 8px 17px}.history-chart-wrap{margin:8px}.history-footer{padding:10px 12px}.history-footer span{max-width:70%}.sun-times{grid-template-columns:1fr 1fr 35px}.sun-time-card{grid-template-columns:22px 1fr!important;padding:7px!important}.sun-time-card b{grid-column:2;grid-row:2;font-size:13px}.sun-time-card em{display:none}.sun-time-card>i{grid-row:1/3;width:22px;height:22px}.smart-bulb.large{width:115px;height:115px;font-size:59px}}


/* ===== QUANTUM V40 ULTRA LAYER ===== */
html[data-accent="violet"]{--accent:#9a7cff;--accent-rgb:154,124,255;--accent-2:#6c4dff}
html[data-accent="emerald"]{--accent:#39eda0;--accent-rgb:57,237,160;--accent-2:#17b98c}
html[data-accent="amber"]{--accent:#ffba48;--accent-rgb:255,186,72;--accent-2:#ff7a2d}
html[data-accent="rose"]{--accent:#ff668e;--accent-rgb:255,102,142;--accent-2:#d947ff}
.ambient-canvas{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-2;background:radial-gradient(circle at 15% 5%,rgba(var(--accent-rgb),.08),transparent 30%),radial-gradient(circle at 90% 30%,rgba(73,78,255,.08),transparent 33%)}
.ambient-canvas i{position:absolute;width:36vw;height:36vw;border-radius:50%;filter:blur(90px);opacity:.13;animation:quantumOrbit 18s ease-in-out infinite;background:var(--accent)}
.ambient-canvas i:nth-child(1){left:-15vw;top:-12vw}.ambient-canvas i:nth-child(2){right:-17vw;top:12vh;background:#6757ff;animation-delay:-5s}.ambient-canvas i:nth-child(3){left:35vw;bottom:-27vw;background:#00d79f;animation-delay:-10s}.ambient-canvas i:nth-child(4){right:25vw;top:-25vw;background:#ff4c8c;animation-delay:-14s;opacity:.06}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.017;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.sidebar{box-shadow:24px 0 70px rgba(0,0,0,.18)}.brand img{transition:.4s}.brand:hover img{transform:rotate(-5deg) scale(1.07);filter:drop-shadow(0 0 22px rgba(var(--accent-rgb),.5))}.nav-item.active{box-shadow:inset 3px 0 var(--accent),0 8px 30px rgba(var(--accent-rgb),.08)}.nav-item.active svg{color:var(--accent)}
.topbar{border-bottom-color:rgba(var(--accent-rgb),.12)}.search-launch{width:auto;min-width:68px;display:flex;gap:9px;padding:0 10px}.search-launch kbd{font-size:8px;color:var(--muted);border:1px solid var(--line);padding:2px 4px;border-radius:4px;background:rgba(255,255,255,.03)}
.connection-strip{box-shadow:inset 0 1px rgba(255,255,255,.02)}
.ultra-status-rail{display:grid;grid-template-columns:1.35fr repeat(3,1fr) .85fr;gap:10px;margin:10px 28px 0}.ultra-status-rail article,.rail-action{min-height:72px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(13,32,53,.92),rgba(7,20,35,.95));box-shadow:0 12px 30px rgba(0,0,0,.12);display:flex;align-items:center;padding:10px 13px;position:relative;overflow:hidden}.ultra-status-rail article:after{content:"";position:absolute;inset:auto -20% -70%;height:120%;background:radial-gradient(ellipse,rgba(var(--accent-rgb),.08),transparent 68%);pointer-events:none}.health-score-card{gap:12px}.health-ring{--health:0;width:51px;height:51px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--health)*1%),rgba(94,123,151,.17) 0);display:grid;place-items:center;position:relative;flex:0 0 51px;transition:--health 1s}.health-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#09182a;box-shadow:inset 0 0 18px rgba(0,0,0,.55)}.health-ring strong,.health-ring small{position:absolute;z-index:1}.health-ring strong{font-size:16px;top:11px}.health-ring small{font-size:6px;bottom:10px;color:var(--muted);letter-spacing:.12em}.health-score-card>div:last-child,.rail-metric>div{display:flex;flex-direction:column;min-width:0}.health-score-card span,.rail-metric span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.health-score-card b,.rail-metric b{font-size:13px;margin-top:3px;white-space:nowrap}.health-score-card small,.rail-metric small{font-size:8px;color:var(--muted-2);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-metric{gap:11px}.rail-pulse{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.03);animation:pulse 1.5s infinite}.rail-pulse.cyan{background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.rail-pulse.amber{background:var(--amber);box-shadow:0 0 14px var(--amber)}.rail-pulse.green{background:var(--green);box-shadow:0 0 14px var(--green)}.rail-action{border:1px solid rgba(var(--accent-rgb),.25);color:white;cursor:pointer;justify-content:center;gap:8px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.18),rgba(51,74,185,.12))}.rail-action:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(var(--accent-rgb),.15)}.rail-action svg{color:var(--accent);font-size:19px}.rail-action span{font-size:10px;font-weight:700}.rail-action small{position:absolute;right:8px;bottom:5px;font-size:7px;color:var(--muted)}
.panel,.stat-card,.energy-gauge-card,.detail-kpis article{transition:transform .25s,border-color .25s,box-shadow .25s}.glow-enabled .panel:hover,.glow-enabled .stat-card:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.28);box-shadow:0 22px 55px rgba(0,0,0,.32),0 0 0 1px rgba(var(--accent-rgb),.04)}.stat-card:after{content:"";position:absolute;left:-40%;top:0;width:35%;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--glow)),transparent);animation:cardScan 5s ease-in-out infinite}.value-pop{animation:valuePop .55s ease}
.intelligence-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:13px;margin-top:13px}.smart-insight-card{min-height:150px;padding:20px;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:17px;overflow:visible}.insight-orb{width:68px;height:68px;border-radius:23px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.22),rgba(90,66,255,.13));display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18),0 0 35px rgba(var(--accent-rgb),.12)}.insight-orb:before,.insight-orb span{content:"";position:absolute;inset:8px;border:1px solid rgba(var(--accent-rgb),.25);border-radius:18px;animation:insightPulse 2.4s ease-in-out infinite}.insight-orb span{inset:16px;animation-delay:.4s}.insight-orb svg{font-size:27px;color:var(--accent);filter:drop-shadow(0 0 10px var(--accent))}.insight-copy small{font-size:8px;letter-spacing:.2em;color:var(--accent)}.insight-copy h3{margin:5px 0;font-size:17px}.insight-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.55;max-width:720px}.insight-tags{display:flex;gap:6px;margin-top:10px}.insight-tags span{font-size:7px;padding:4px 7px;border-radius:5px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.12);color:var(--accent)}.smart-insight-card>button{border:1px solid var(--line);background:rgba(17,41,66,.65);border-radius:10px;padding:10px 12px;cursor:pointer;font-size:9px;white-space:nowrap}.smart-insight-card>button b{color:var(--accent)}.automation-deck{padding-bottom:14px}.automation-live{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:5px}.automation-live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.automation-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:3px 13px}.automation-scenes button{min-height:76px;border:1px solid var(--line-soft);border-radius:11px;background:linear-gradient(145deg,rgba(18,40,64,.7),rgba(8,24,41,.8));cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;padding:10px;transition:.2s}.automation-scenes button:hover{border-color:rgba(var(--accent-rgb),.38);transform:translateY(-2px);background:linear-gradient(145deg,rgba(var(--accent-rgb),.12),rgba(8,24,41,.85))}.automation-scenes i{font-style:normal;color:var(--accent);font-size:17px}.automation-scenes b{font-size:10px;margin-top:5px}.automation-scenes small{font-size:7px;color:var(--muted);margin-top:3px;text-align:left}
.daily-forecast-panel{margin:13px 0}.daily-forecast-panel>.panel-title>span{font-size:9px;color:var(--muted)}.daily-forecast{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:0 14px 14px}.daily-card{border:1px solid var(--line-soft);border-radius:12px;background:linear-gradient(145deg,rgba(16,38,61,.72),rgba(7,22,38,.82));padding:12px 9px;text-align:center;position:relative;overflow:hidden}.daily-card.today{border-color:rgba(var(--accent-rgb),.35);box-shadow:inset 0 0 20px rgba(var(--accent-rgb),.06)}.daily-card:before{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(var(--accent-rgb),.055))}.daily-card small{font-size:8px;color:var(--muted);text-transform:uppercase}.daily-card i{font-style:normal;font-size:26px;display:block;margin:8px 0;filter:drop-shadow(0 0 9px rgba(255,184,52,.25))}.daily-card b{font-size:12px}.daily-card b em{font-style:normal;color:var(--muted);font-size:9px;margin-left:4px}.daily-card span{display:block;font-size:8px;color:#62bfff;margin-top:7px}.forecast-skeleton{height:105px;border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.07),rgba(255,255,255,.025));background-size:200% 100%;animation:skeleton 1.5s infinite}
.topology-panel{margin-top:13px}.topology-status{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px}.topology-status i{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber)}.topology-status.online i{background:var(--green);box-shadow:0 0 8px var(--green)}.topology-map{min-height:190px;padding:20px 50px 28px;display:grid;grid-template-columns:1fr 1.2fr 1fr 1.2fr 1fr;align-items:center}.topology-node{height:120px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(15,37,60,.9),rgba(7,21,38,.95));display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 15px 35px rgba(0,0,0,.18)}.topology-node span{font-size:28px}.topology-node img{width:42px;height:42px}.topology-node b{font-size:12px;margin-top:8px}.topology-node small{font-size:8px;color:var(--muted);margin-top:4px}.core-node{border-color:rgba(var(--accent-rgb),.35);box-shadow:0 0 40px rgba(var(--accent-rgb),.1)}.topology-link{height:2px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.15),var(--accent),rgba(var(--accent-rgb),.15));position:relative;overflow:visible}.topology-link:before{content:"";position:absolute;inset:-7px 0;background:inherit;filter:blur(8px);opacity:.3}.topology-link i{position:absolute;width:9px;height:9px;border-radius:50%;background:white;box-shadow:0 0 14px var(--accent);top:-4px;animation:dataTravel 2s linear infinite}.link-b i{animation-delay:-1s}
.accent-picker{padding:12px 0;border-top:1px solid var(--line-soft);margin-top:4px}.accent-picker>span{font-size:11px}.accent-picker>div{display:flex;gap:9px;margin-top:10px}.accent-picker button{width:26px!important;height:26px!important;border-radius:50%!important;padding:0!important;border:2px solid transparent!important;box-shadow:inset 0 0 0 4px #0b1727}.accent-picker button.active{border-color:white!important;transform:scale(1.12)}.accent-picker [data-accent="cyan"]{background:#20d7ff}.accent-picker [data-accent="violet"]{background:#9a7cff}.accent-picker [data-accent="emerald"]{background:#39eda0}.accent-picker [data-accent="amber"]{background:#ffba48}.accent-picker [data-accent="rose"]{background:#ff668e}
.command-modal{position:fixed;inset:0;z-index:240;display:grid;place-items:start center;padding-top:10vh;opacity:0;visibility:hidden;transition:.2s}.command-modal.open{opacity:1;visibility:visible}.command-backdrop{position:absolute;inset:0;background:rgba(1,6,14,.74);backdrop-filter:blur(16px)}.command-dialog{position:relative;width:min(680px,92vw);max-height:72vh;border:1px solid rgba(var(--accent-rgb),.3);border-radius:18px;background:linear-gradient(145deg,rgba(10,28,47,.99),rgba(4,14,27,.99));box-shadow:0 35px 110px rgba(0,0,0,.65),0 0 0 1px rgba(var(--accent-rgb),.05);overflow:hidden;transform:translateY(-14px) scale(.98);transition:.22s}.command-modal.open .command-dialog{transform:none}.command-dialog>header{height:66px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.command-dialog>header svg{font-size:22px;color:var(--accent)}.command-dialog input{flex:1;background:none;border:0;outline:0;color:var(--text);font-size:16px}.command-dialog kbd{font-size:8px;border:1px solid var(--line);border-radius:5px;padding:4px 6px;color:var(--muted);background:rgba(255,255,255,.03)}.command-meta{padding:9px 18px;display:flex;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:.1em;border-bottom:1px solid var(--line-soft)}.command-results{padding:8px;overflow:auto;max-height:50vh}.command-item{width:100%;border:0;border-radius:11px;background:transparent;color:var(--text);display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px;text-align:left;cursor:pointer}.command-item:hover,.command-item.selected{background:linear-gradient(90deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.03))}.command-item>i{width:38px;height:38px;border-radius:10px;background:rgba(var(--accent-rgb),.09);display:grid;place-items:center;color:var(--accent);font-style:normal;font-size:17px}.command-item div{display:flex;flex-direction:column}.command-item b{font-size:11px}.command-item small{font-size:8px;color:var(--muted);margin-top:3px}.command-item>span{font-size:7px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 5px}.command-dialog>footer{padding:10px 17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.command-dialog>footer span{display:flex;align-items:center;gap:4px}
@keyframes quantumOrbit{50%{transform:translate(12vw,8vh) scale(1.2)}}@keyframes cardScan{0%,15%{transform:translateX(0);opacity:0}45%{opacity:1}75%,100%{transform:translateX(430%);opacity:0}}@keyframes insightPulse{50%{transform:scale(1.12);opacity:.35}}@keyframes dataTravel{from{left:0}to{left:100%}}@keyframes skeleton{to{background-position:-200% 0}}@keyframes valuePop{35%{color:var(--accent);transform:translateY(-2px);text-shadow:0 0 13px rgba(var(--accent-rgb),.65)}}
@media(max-width:1350px){.ultra-status-rail{grid-template-columns:1.25fr repeat(3,1fr)}.rail-action{display:none}.automation-scenes{grid-template-columns:repeat(2,1fr)}.daily-forecast{grid-template-columns:repeat(4,1fr)}.daily-card:nth-child(n+5){display:none}}
@media(max-width:1050px){.ultra-status-rail{grid-template-columns:1fr 1fr}.intelligence-grid{grid-template-columns:1fr}.topology-map{padding:20px;grid-template-columns:1fr}.topology-link{height:45px;width:2px;justify-self:center;background:linear-gradient(rgba(var(--accent-rgb),.15),var(--accent),rgba(var(--accent-rgb),.15))}.topology-link i{left:-4px;animation:dataTravelY 2s linear infinite}.daily-forecast{grid-template-columns:repeat(3,1fr)}.daily-card:nth-child(n+4){display:none}}
@keyframes dataTravelY{from{top:0}to{top:100%}}
@media(max-width:760px){.ultra-status-rail{margin:8px 12px 0;grid-template-columns:1fr 1fr;gap:7px}.ultra-status-rail article{min-height:62px;padding:8px}.health-score-card{grid-column:1/3}.health-ring{width:45px;height:45px;flex-basis:45px}.rail-metric:nth-of-type(4){display:none}.search-launch{min-width:43px;padding:0}.search-launch kbd{display:none}.intelligence-grid{margin-top:10px}.smart-insight-card{grid-template-columns:52px 1fr;padding:14px;gap:12px}.insight-orb{width:50px;height:50px;border-radius:16px}.smart-insight-card>button{display:none}.automation-scenes{grid-template-columns:repeat(2,1fr)}.daily-forecast{grid-template-columns:repeat(2,1fr)}.daily-card:nth-child(n+3){display:none}.command-modal{padding-top:0}.command-dialog{width:100vw;height:100dvh;max-height:none;border-radius:0}.command-results{max-height:calc(100dvh - 150px)}.topology-map{padding:14px}.topology-node{height:95px}.noise-overlay{display:none}}


/* NEXUS V41 — profesyonel detay kartları ve enerji analizi */
.interactive-metric{isolation:isolate;outline:none}
.interactive-metric::before{transition:height .25s ease,opacity .25s ease}
.interactive-metric:hover::before,.interactive-metric:focus-visible::before{height:58px;opacity:1}
.interactive-metric:focus-visible,.metric-kpi:focus-visible,.energy-interactive:focus-visible{border-color:rgb(var(--accent-rgb));box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14),0 18px 50px rgba(0,0,0,.35)}
.metric-open-pill{position:absolute;right:9px;top:9px;z-index:4;display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid rgba(var(--glow),.18);border-radius:7px;background:rgba(5,17,31,.72);color:rgb(var(--glow));font-size:8px;font-weight:700;letter-spacing:.06em;opacity:0;transform:translateY(-4px);transition:.2s;backdrop-filter:blur(8px)}
.metric-open-pill svg{font-size:11px}
.interactive-metric:hover .metric-open-pill,.interactive-metric:focus-visible .metric-open-pill{opacity:1;transform:none}
.interactive-metric .stat-icon{transition:.25s}
.interactive-metric:hover .stat-icon{transform:scale(1.08) rotate(-3deg);box-shadow:0 0 22px rgba(var(--glow),.18),inset 0 0 0 1px rgba(var(--glow),.2)}
.metric-kpi{position:relative;overflow:hidden;cursor:zoom-in}
.metric-kpi::after{content:"";position:absolute;right:-35px;bottom:-45px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.12),transparent 70%)}
.metric-kpi em{display:block;margin-top:10px;color:rgb(var(--accent-rgb));font-size:9px;font-style:normal;opacity:.72}
.metric-kpi:hover em{opacity:1}
.energy-overview{display:flex;flex-direction:column}
.energy-gauge-card{position:relative}
.energy-interactive{cursor:zoom-in;transition:.24s}
.energy-interactive:hover{border-color:rgba(var(--accent-rgb),.35);transform:translateY(-2px)}
.energy-spark{height:42px;position:relative;margin:4px 11px 10px;border-top:1px solid var(--line-soft)}
.energy-spark canvas{width:100%;height:100%}
.energy-spark span{position:absolute;right:3px;top:5px;display:flex;align-items:center;gap:4px;color:var(--muted-2);font-size:8px;pointer-events:none}
.energy-page-live{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:rgba(12,34,55,.6);padding:8px 12px}
.energy-page-live i,.energy-status.live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 1.8s infinite}
.energy-page-live span{color:var(--muted);font-size:10px}.energy-page-live b{font-size:11px}
.energy-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px}
.energy-summary-strip article{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(13,35,57,.88),rgba(7,21,38,.96));padding:16px}
.energy-summary-strip article::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--cyan),var(--green));box-shadow:0 0 14px var(--cyan)}
.energy-summary-strip span,.energy-summary-strip small{display:block;color:var(--muted);font-size:10px}
.energy-summary-strip b{display:block;font-size:24px;margin:6px 0 4px}
.energy-detail-grid.enhanced{margin-bottom:13px}
.energy-detail.enhanced,.energy-detail{position:relative}
.energy-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.energy-detail-top small{color:var(--muted-2);font-size:9px;letter-spacing:.12em}
.energy-detail-top h3{margin:5px 0 0}
.energy-status{display:flex;align-items:center;gap:6px;color:var(--green);font-size:9px}
.detail-energy-spark{height:70px;margin:12px -2px 6px;border-top:1px solid var(--line-soft)}
.detail-energy-spark canvas{width:100%;height:100%}
.energy-detail>em{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--muted);font-size:9px;font-style:normal}
.energy-detail:hover>em{color:var(--cyan)}
.energy-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.energy-chart-grid .energy-chart-primary{grid-column:1/-1}
.energy-chart-grid .chart-stage{height:300px}
.energy-chart-grid .energy-chart-primary .chart-stage{height:370px}
.history-dialog{background:
  radial-gradient(circle at 80% 0,rgba(var(--accent-rgb),.08),transparent 32%),
  linear-gradient(145deg,rgba(8,25,43,.995),rgba(4,13,25,.995))}
.history-header{position:relative}
.history-header::after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:1px;background:linear-gradient(90deg,rgb(var(--accent-rgb)),transparent 55%)}
.history-stats article{transition:.2s}
.history-stats article:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.25)}
[data-theme="light"] .metric-open-pill{background:rgba(255,255,255,.88)}
[data-theme="light"] .energy-summary-strip article{background:linear-gradient(145deg,#fff,#f3f8fd)}

@media(max-width:1000px){
  .energy-summary-strip{grid-template-columns:1fr 1fr}
  .energy-chart-grid{grid-template-columns:1fr}
  .energy-chart-grid .energy-chart-primary{grid-column:auto}
}
@media(max-width:760px){
  .metric-open-pill{opacity:1;transform:none;font-size:0;width:25px;height:25px;justify-content:center;padding:0}
  .energy-summary-strip{grid-template-columns:1fr 1fr;gap:8px}
  .energy-summary-strip article{padding:12px}
  .energy-summary-strip b{font-size:19px}
  .energy-page-live{display:none}
  .energy-chart-grid .chart-stage,.energy-chart-grid .energy-chart-primary .chart-stage{height:290px}
}
@media(max-width:420px){
  .energy-summary-strip{grid-template-columns:1fr}
}