:root{--tablet-width:1920px;--tablet-height:1200px;--tablet-aspect-ratio:16/10;--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#1c2128;--border-color:#30363d;--text-primary:#e6edf3;--text-secondary:#7d8590;--accent-blue:#2f81f7;--accent-green:#3fb950;--accent-orange:#f85149;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow-x:auto}.notification-toast{border-radius:var(--radius-lg);z-index:10000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);align-items:center;gap:.5rem;max-width:400px;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff1a}.notification-success{color:#fff;background:#3fb950fa;border:2px solid #3fb950;animation:.4s ease-out fadeInSlide}.notification-error{color:#fff;background:#f85149fa;border:2px solid #f85149;animation:.4s ease-out fadeInSlide}.notification-warning{color:#fff;background:#f59e0bfa;border:2px solid #f59e0b;animation:.4s ease-out fadeInSlide}.notification-info{color:#fff;background:#2f81f7fa;border:2px solid #2f81f7;animation:.4s ease-out fadeInSlide}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-enter{transition:all .3s ease-out}.notification-enter-start{opacity:0;transform:translateY(-20px)scale(.95)}.notification-enter-end{opacity:1;transform:translateY(0)scale(1)}.notification-leave{transition:all .2s ease-in}.notification-leave-start{opacity:1;transform:translateY(0)scale(1)}.notification-leave-end{opacity:0;transform:translateY(-20px)scale(.95)}body:has(.dashboard-fullscreen){background:#000;margin:0;padding:0}.dashboard-fullscreen{width:100vw;min-height:100vh;padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom));background:#000;flex-direction:column;margin:0;display:flex;position:relative;overflow-y:auto}.dashboard-fullscreen .dashboard-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.dashboard-fullscreen .tab-navigation{margin-bottom:var(--spacing-lg)}.dashboard-fullscreen .dashboard-grid{flex:1}.mockup-container{perspective:2000px;justify-content:center;align-items:center;display:flex;position:relative}.tablet-frame{width:calc(var(--tablet-width) * .5);height:calc(var(--tablet-height) * .5);border-radius:var(--radius-xl);background:linear-gradient(145deg,#2d3142,#1a1d2e);padding:1rem;transition:transform .3s;position:relative;transform:rotateY(-2deg)rotateX(2deg);box-shadow:0 20px 60px #00000080,0 0 0 2px #1a1d2e,inset 0 0 0 1px #ffffff0d}.tablet-screen{background:var(--bg-primary);border-radius:var(--radius-md);width:100%;height:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.tablet-camera{background:radial-gradient(circle,#1a3a52 0%,#0d1117 70%);border-radius:50%;width:8px;height:8px;position:absolute;top:.5rem;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #1a1d2e}.tablet-speaker-left,.tablet-speaker-right{background:linear-gradient(90deg,#0000,#0d1117,#0000);border-radius:2px;width:60px;height:4px;position:absolute}.tablet-speaker-left{top:.5rem;left:1.5rem}.tablet-speaker-right{top:.5rem;right:1.5rem}.dashboard{width:100%;height:100%;padding:var(--spacing-lg);flex-direction:column;display:flex;overflow-y:auto}.dashboard::-webkit-scrollbar{width:8px}.dashboard::-webkit-scrollbar-track{background:var(--bg-secondary)}.dashboard::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.dashboard-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.header-left{flex-direction:column;align-items:flex-start;gap:0;display:flex}.address-badge{border-radius:var(--radius-sm);color:var(--text-primary);background:#2f81f726;border:1px solid #2f81f74d;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:inline-block}.dashboard-title{color:var(--text-primary);white-space:nowrap;margin:0;font-size:2rem;font-weight:700}.current-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:1.2rem}.header-right{align-items:center;gap:var(--spacing-md);display:flex}.header-quick-badges{align-items:center;gap:var(--spacing-xs);display:flex}.header-badge{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);white-space:nowrap;padding:.2rem .5rem;font-size:.75rem;font-weight:500}.devices{gap:var(--spacing-xs);align-items:center;display:flex}.birthday-indicator{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s;display:flex}.mockup-container .modal-overlay{z-index:1000;padding:var(--spacing-lg);background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dashboard-fullscreen .modal-overlay{z-index:1000;padding:var(--spacing-lg);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;width:80%;max-width:1200px;max-height:80vh;display:flex;overflow:hidden}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;transition:all .2s;display:flex}.modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.birthday-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);display:flex}.birthday-item:last-child{margin-bottom:0}.birthday-icon{flex-shrink:0;font-size:2rem}.birthday-info{flex:1}.birthday-name{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.birthday-date{color:var(--text-secondary);font-size:.9rem}.modal-enter{transition:opacity .3s}.modal-enter-start{opacity:0}.modal-enter-end{opacity:1}.modal-leave{transition:opacity .3s}.modal-leave-start{opacity:1}.modal-leave-end{opacity:0}.date-display{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-sm);padding:.5rem;font-size:.9rem}.weather-forecast-compact{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-around;align-items:center;width:100%;padding:.375rem .5rem;display:flex}.weather-day{flex-direction:column;flex:1;align-items:center;gap:.15rem;display:flex}.weather-day-label{color:var(--text-secondary);font-size:.7rem}.weather-day-icon{font-size:1.25rem}.weather-day-temp{color:var(--text-primary);font-size:.8rem;font-weight:600}.status-action-container{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);align-items:stretch;display:flex}.status-badge{flex:0 0 calc(30% - var(--spacing-sm) * 2 / 3);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--border-color);display:flex}.status-badge-warning{background:var(--bg-secondary)}.status-badge-warning .status-badge-value,.status-badge-warning .status-badge-label{color:var(--accent-orange)}.status-badge-success{background:var(--bg-secondary)}.status-badge-success .status-badge-label{color:var(--accent-green)}.status-badge-info{background:var(--bg-secondary)}.status-badge-info .status-badge-value,.status-badge-info .status-badge-label{color:var(--accent-orange)}.status-badge-neutral{background:var(--bg-secondary);border-color:var(--border-color)}.status-badge-icon{flex-shrink:0;font-size:2rem}.status-badge-content{flex-direction:column;gap:.125rem;display:flex}.status-badge-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1}.status-badge-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.device-action-bar{flex:0 0 calc(40% - var(--spacing-sm) * 2 / 3);gap:var(--spacing-xs);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:.75rem .5rem;display:flex}.action-device{background:var(--bg-card);border:2px solid var(--border-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:relative}.action-device.device-on{background:var(--bg-secondary);border-color:var(--accent-green)}.action-device.device-off{background:var(--bg-card);border-color:var(--border-color);opacity:.6}.action-device:active{transform:scale(.9)}.action-device.toggling{animation:.6s ease-in-out pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.device-icon{filter:grayscale(0%);font-size:1.5rem;transition:filter .3s}.action-device.device-off .device-icon{filter:grayscale();opacity:.5}.device-status-dot{border:2px solid var(--bg-primary);width:14px;height:14px;box-shadow:0 0 0 1px var(--border-color);border-radius:50%;position:absolute;bottom:2px;right:2px}.device-status-dot.status-on{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green), 0 0 0 2px var(--bg-primary)}.device-status-dot.status-off{background:var(--border-color);box-shadow:0 0 0 2px var(--bg-primary)}.user-avatars{align-items:center;padding-left:.5rem;display:flex}.user-avatar{cursor:pointer;width:48px;height:48px;margin-left:-.5rem;transition:all .3s;position:relative}.user-avatar:first-child{margin-left:0}.user-avatar img{border:3px solid var(--bg-primary);object-fit:cover;background:var(--bg-card);border-radius:50%;width:100%;height:100%;transition:all .3s}.user-avatar:hover img{box-shadow:0 4px 12px #2f81f74d}.status-dot{border:2px solid var(--bg-primary);width:14px;height:14px;box-shadow:0 0 0 1px var(--border-color);border-radius:50%;position:absolute;bottom:2px;right:2px}.status-dot.status-home{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green), 0 0 0 2px var(--bg-primary)}.status-dot.status-away{background:var(--border-color);box-shadow:0 0 0 2px var(--bg-primary)}.user-avatar.user-away img{filter:grayscale();opacity:.5;border-color:var(--border-color)}.user-avatar.user-away:hover img{filter:grayscale();opacity:.7;border-color:var(--text-secondary)}.weather-widget{align-items:center;gap:var(--spacing-sm);background:var(--bg-card);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-color);cursor:pointer;transition:all .2s;display:flex}.weather-widget.unavailable{opacity:.6;border-color:var(--accent-orange)}.weather-temp{color:var(--text-primary);font-size:1.2rem;font-weight:600}.weather-icon{font-size:1.5rem}.reload-btn{background:var(--bg-card);border:2px solid var(--border-color);cursor:pointer;width:48px;height:48px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.reload-btn:hover .reload-icon{transform:rotate(180deg)}.reload-btn:active{transform:translateY(0)}.reload-btn:active .reload-icon{transform:rotate(360deg)}.reload-icon{transition:transform .6s}.burger-btn{background:var(--bg-card);border:2px solid var(--border-color);cursor:pointer;width:48px;height:48px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.burger-btn:active{transform:translateY(0)}.burger-icon{transition:transform .3s}.menu-item{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.menu-item:last-child{margin-bottom:0}.menu-item-icon{color:var(--accent-blue);flex-shrink:0}.menu-item-label{flex:1}.tab-navigation{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:.25rem;display:flex}.tab-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:.5rem var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:row;flex:1;font-size:.85rem;text-decoration:none;transition:all .3s;display:flex}.tab-btn.active{background:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #2f81f74d}.tab-icon{font-size:1.1rem}.tab-label{white-space:nowrap;font-weight:500}.dashboard-grid{gap:var(--spacing-md);flex:1;grid-template-columns:repeat(4,1fr);display:grid}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);flex-direction:column;transition:all .3s;display:flex}.card-title{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1rem;font-weight:600}.room-card{min-height:150px}.room-controls{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.control-item{align-items:center;gap:var(--spacing-sm);display:flex}.control-icon{font-size:1.5rem}.control-label{color:var(--text-secondary);flex:1;font-size:.9rem}.toggle-switch{width:48px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{cursor:pointer;background-color:var(--border-color);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-switch label:before{content:"";background-color:var(--bg-primary);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+label{background-color:var(--accent-green)}.toggle-switch input:checked+label:before{transform:translate(24px)}.room-stats{gap:var(--spacing-md);color:var(--text-secondary);margin-top:auto;font-size:.85rem;display:flex}.climate-card{grid-column:span 1}.climate-control{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.temp-display{color:var(--accent-blue);font-size:2.5rem;font-weight:700}.temp-controls{gap:var(--spacing-sm);display:flex}.temp-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;font-size:1.3rem;transition:all .2s}.temp-btn:active{transform:scale(.95)}.energy-card{grid-column:span 2}.energy-stats{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.stat-item{padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.security-card{grid-column:span 2}.security-status{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.status-indicator{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid var(--accent-green);display:flex}.status-indicator.active{background:#3fb9501a}.status-icon{font-size:1.5rem}.status-text{color:var(--accent-green);font-size:1.1rem;font-weight:600}.security-details{gap:var(--spacing-xs);color:var(--text-secondary);flex-direction:column;font-size:.85rem;display:flex}.media-card{grid-column:span 2}.media-controls{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.media-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.media-title{color:var(--text-primary);font-weight:600}.media-status{color:var(--text-secondary);font-size:.85rem}.media-buttons{gap:var(--spacing-sm);justify-content:center;display:flex}.media-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.2rem;transition:all .2s;display:flex}.media-btn:active{transform:scale(.95)}@media (max-width:1200px){.tablet-frame{width:calc(var(--tablet-width) * .4);height:calc(var(--tablet-height) * .4);transform:none}.dashboard{padding:var(--spacing-md)}.dashboard-grid{gap:var(--spacing-sm)}}@media (max-width:900px){.tablet-frame{width:calc(var(--tablet-width) * .3);height:calc(var(--tablet-height) * .3)}.dashboard-title{font-size:1.5rem}.current-time{font-size:1rem}}@media (max-width:768px){body{background:var(--bg-primary);padding:0}.mockup-container{display:none}.dashboard-fullscreen{padding:var(--spacing-sm)}.dashboard-header{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start}.header-left{width:100%}.dashboard-title{font-size:1.3rem}.current-time{font-size:.9rem}.header-right{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-start;width:100%}.devices,.user-avatars{flex-wrap:wrap}.weather-widget{margin-left:auto}.action-device{width:40px;height:40px}.device-icon{font-size:1.2rem}.user-avatar,.reload-btn{width:40px;height:40px}.reload-icon{width:20px;height:20px}.weather-widget{padding:var(--spacing-xs) var(--spacing-sm)}.weather-temp{font-size:1rem}.weather-icon{font-size:1.2rem}.tab-navigation{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{min-width:80px;padding:var(--spacing-sm);gap:var(--spacing-xs)}.tab-icon{font-size:1.2rem}.tab-label{font-size:.75rem}.dashboard-grid{gap:var(--spacing-sm);grid-template-columns:1fr!important}.card{padding:var(--spacing-sm);grid-column:span 1!important}.card-title{font-size:.9rem}.notification-toast{max-width:none;font-size:.9rem;top:1rem;left:1rem;right:1rem}.temp-display-large{font-size:3rem}.temp-btn-large{width:60px;height:60px;font-size:1.5rem}.energy-value{font-size:2.5rem}.energy-unit{font-size:1.5rem}.status-icon-large{font-size:3rem}.status-text-large{font-size:1.5rem}.room-selection-grid{grid-template-columns:1fr!important}.climate-stats-grid{grid-template-columns:repeat(2,1fr)!important}.camera-grid{grid-template-columns:1fr!important}.schedule-grid{gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr)!important}.schedule-day{padding:var(--spacing-xs)}.day-name{font-size:.75rem}.schedule-time{font-size:.7rem}.progress-stats-large{grid-template-columns:1fr!important}.floating-start-btn{padding:var(--spacing-md);font-size:1rem;bottom:1rem;right:1rem}.floating-start-icon{font-size:1.5rem}.floating-start-text{font-size:1rem}}@media (max-width:480px){.dashboard-fullscreen{padding:var(--spacing-xs)}.dashboard-header{gap:var(--spacing-xs)}.dashboard-title{font-size:1.1rem}.current-time{font-size:.8rem}.env-badge{padding:.2rem .5rem;font-size:.6rem}.header-right,.devices,.user-avatars{gap:var(--spacing-xs)}.tab-btn{min-width:70px;padding:var(--spacing-xs)}.tab-icon{font-size:1rem}.tab-label{font-size:.7rem}.action-device{width:36px;height:36px}.device-icon{font-size:1rem}.user-avatar,.reload-btn{width:36px;height:36px}.reload-icon{width:18px;height:18px}.status-dot,.device-status-dot{width:10px;height:10px;bottom:1px;right:1px}.weather-widget{padding:var(--spacing-xs);font-size:.85rem}.weather-temp{font-size:.85rem}.weather-icon{font-size:1rem}.climate-stats-grid{grid-template-columns:1fr!important}.schedule-grid{grid-template-columns:repeat(2,1fr)!important}}.events-compact-list{flex-direction:column;gap:.5rem;display:flex}.event-compact{border-radius:var(--radius-sm);background:#ffffff08;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:all .2s;display:flex}.event-compact-time{color:var(--accent-blue);flex-shrink:0;min-width:60px;font-size:.9rem;font-weight:700}.event-all-day-badge{border-radius:var(--radius-sm);color:var(--accent-blue);background:#2f81f733;padding:.2rem .4rem;font-size:.7rem}.event-compact-content{flex:1;min-width:0}.event-compact-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.event-compact-location{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.75rem;overflow:hidden}.event-compact-badge{border-radius:var(--radius-sm);color:#fff;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.waste-today-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.waste-today-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);background:#ffffff08;transition:all .2s;display:flex}.waste-today-icon{flex-shrink:0;font-size:2.5rem;line-height:1}.waste-today-content{flex-direction:column;flex:1;gap:.2rem;display:flex}.waste-today-type{color:var(--text-primary);font-size:1.1rem;font-weight:600}.waste-today-when{color:var(--text-secondary);font-size:.85rem}.energy-card{gap:var(--spacing-md);flex-direction:column;display:flex}.energy-display{justify-content:center;align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-lg) 0;display:flex}.energy-value{color:var(--accent-green);font-size:4rem;font-weight:700;line-height:1}.energy-unit{color:var(--text-secondary);font-size:2rem;font-weight:600}.energy-status{margin-top:var(--spacing-sm);justify-content:center;display:flex}.status-badge{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.5px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.status-producing{color:var(--accent-green);border:2px solid var(--accent-green);background:#3fb95033}.status-low{color:#f59e0b;background:#f59e0b33;border:2px solid #f59e0b}.status-idle{color:var(--text-secondary);border:2px solid var(--text-secondary);background:#7d859033}.energy-unavailable{padding:var(--spacing-xl);text-align:center}.waste-compact-card{align-items:center;height:fit-content;display:flex}.waste-compact-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);align-items:center;width:100%;display:grid}.waste-compact-item{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid #0000;flex-direction:column;display:flex}.waste-compact-item.waste-today{border-color:var(--accent-orange);background:#f8514926;animation:2s ease-in-out infinite pulseGlow;transform:scale(1.03);box-shadow:0 0 15px #f851494d}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #f851494d}50%{box-shadow:0 0 20px #f8514966}}.waste-compact-icon{font-size:2rem;line-height:1}.waste-today .waste-compact-icon{font-size:2.5rem}.waste-compact-info{width:100%}.waste-compact-type{color:var(--text-primary);margin-bottom:.2rem;font-size:.9rem;font-weight:600}.waste-today .waste-compact-type{color:var(--accent-orange);font-size:1rem;font-weight:700}.waste-compact-when{color:var(--text-secondary);font-size:.8rem}.waste-today .waste-compact-when{color:var(--accent-orange);font-size:.85rem;font-weight:700}@media (max-width:768px){.waste-compact-grid{grid-template-columns:1fr}}.energy-view{grid-template-columns:repeat(4,1fr)}.energy-large-card{grid-column:span 4}.energy-large-display{align-items:baseline;gap:var(--spacing-sm);margin:var(--spacing-lg) 0;display:flex}.energy-value{color:var(--accent-blue);font-size:4rem;font-weight:700}.energy-unit{color:var(--text-secondary);font-size:2rem}.energy-trend{gap:var(--spacing-sm);align-items:center;display:flex}.trend-indicator{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600}.trend-indicator.positive{color:var(--accent-green);background:#3fb95033}.trend-text{color:var(--text-secondary);font-size:.9rem}.energy-stats-card{grid-column:span 1}.energy-stats-grid{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.energy-stat-item{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center;display:flex}.stat-icon{font-size:2rem}.stat-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.energy-consumers-card{grid-column:span 2}.consumers-list{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.consumer-item{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.consumer-info{gap:var(--spacing-sm);align-items:center;min-width:150px;display:flex}.consumer-icon{font-size:1.5rem}.consumer-name{color:var(--text-primary);font-weight:500}.consumer-usage{gap:var(--spacing-md);flex:1;align-items:center;display:flex}.usage-value{color:var(--text-secondary);text-align:right;min-width:60px;font-size:.9rem}.usage-bar{background:var(--accent-blue);border-radius:3px;height:6px;transition:width .3s}.energy-chart-card{grid-column:span 4}.chart-placeholder{padding:var(--spacing-lg);flex:1;align-items:flex-end;display:flex}.chart-bars{gap:var(--spacing-sm);align-items:flex-end;width:100%;height:150px;display:flex}.chart-bar{background:linear-gradient(180deg, var(--accent-blue), var(--accent-blue) 50%, #2f81f780);border-radius:4px 4px 0 0;flex:1;transition:all .3s}.energy-solar-card{grid-column:span 4}.solar-display{gap:var(--spacing-lg);flex:1;align-items:center;display:flex}.solar-icon{font-size:4rem}.solar-stats{gap:var(--spacing-xl);display:flex}.solar-stat{gap:var(--spacing-xs);flex-direction:column;display:flex}.solar-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.solar-label{color:var(--text-secondary);font-size:.85rem}.security-view{grid-template-columns:repeat(4,1fr)}.security-status-large{grid-column:span 4}.security-main-status{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--radius-lg);flex-direction:column;flex:1;display:flex}.security-main-status.secure{border:2px solid var(--accent-green);background:#3fb9501a}.security-main-status.warning{border:2px solid var(--accent-orange);background:#f851491a}.status-icon-large{font-size:5rem}.status-text-large{color:var(--accent-green);font-size:2rem;font-weight:700}.security-main-status.warning .status-text-large{color:var(--accent-orange)}.status-time{color:var(--text-secondary);font-size:.9rem}.security-device-card{grid-column:span 1}.device-list{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.device-item{padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid #0000;justify-content:space-between;align-items:center;display:flex}.device-item.secure{border-left-color:var(--accent-green)}.device-info{gap:var(--spacing-sm);align-items:center;display:flex}.device-icon{font-size:1.2rem}.device-name{color:var(--text-primary);font-size:.9rem}.device-status{display:flex}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.status-badge.secure{color:var(--accent-green);background:#3fb95033}.status-badge.inactive{background:var(--bg-card);color:var(--text-secondary)}.security-camera-card{grid-column:span 2}.camera-grid{gap:var(--spacing-md);flex:1;grid-template-columns:repeat(2,1fr);display:grid}.camera-item{gap:var(--spacing-sm);flex-direction:column;align-items:center;display:flex}.camera-preview{aspect-ratio:16/9;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.camera-placeholder{opacity:.5;font-size:3rem}.camera-status-dot{top:var(--spacing-sm);right:var(--spacing-sm);background:var(--accent-green);width:12px;height:12px;box-shadow:0 0 8px var(--accent-green);border-radius:50%;position:absolute}.camera-name{color:var(--text-secondary);font-size:.85rem}.security-alarm-card{grid-column:span 2}.alarm-controls{gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.alarm-status{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center;display:flex}.alarm-icon{font-size:2rem}.alarm-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.alarm-state{color:var(--text-primary);font-size:1.1rem;font-weight:600}.alarm-subtext{color:var(--text-secondary);font-size:.85rem}.alarm-actions{gap:var(--spacing-sm);display:flex}.alarm-btn{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;flex:1;font-weight:600;transition:all .2s}.security-log-card{grid-column:span 4}.activity-log{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.log-item{gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.9rem;display:flex}.log-time{color:var(--accent-blue);font-variant-numeric:tabular-nums;min-width:60px;font-weight:600}.log-text{color:var(--text-secondary)}.cleaning-view{grid-template-columns:repeat(4,1fr)}.current-cleaning-card{border:2px solid var(--accent-blue);background:#2f81f71a;grid-column:span 4}.current-cleaning-progress{gap:var(--spacing-lg);flex-direction:column;display:flex}.progress-stats-large{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.progress-stat-large{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);align-items:center;display:flex}.progress-icon-large{font-size:3rem}.progress-info-large{gap:var(--spacing-xs);flex-direction:column;display:flex}.progress-value-large{color:var(--accent-blue);font-size:2rem;font-weight:700}.progress-label-large{color:var(--text-secondary);font-size:.9rem}.progress-actions{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.error-card{border:2px solid var(--accent-orange);background:#f851491a;grid-column:span 4}.error-content{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;flex-direction:column;display:flex}.error-icon{font-size:4rem}.error-title{color:var(--accent-orange);margin:0;font-size:1.5rem;font-weight:700}.error-message{color:var(--text-secondary);max-width:600px;font-size:1rem;line-height:1.6}.error-details{gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);flex-direction:column;font-size:.9rem;display:flex}.error-details p{margin:0}.vacuum-mop-mode-card{grid-column:span 4}.vacuum-mop-modes{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.vacuum-status-card{grid-column:span 2}.vacuum-status{gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.vacuum-info-main{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);align-items:center;display:flex}.vacuum-icon-large{font-size:4rem}.vacuum-active{animation:2s ease-in-out infinite pulse}.vacuum-status-card-compact{grid-column:span 4}.vacuum-status-compact{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm);display:flex}.vacuum-icon-compact{flex-shrink:0;font-size:2.5rem}.vacuum-info-compact{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.vacuum-state-compact{color:var(--text-primary);font-size:1.1rem;font-weight:600}.vacuum-stats-compact{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem;display:flex}.stat-compact{align-items:center;gap:.25rem;display:flex}.stat-divider{opacity:.4}.vacuum-controls-compact{gap:var(--spacing-sm);flex-shrink:0;display:flex}.compact-btn{border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;transition:all .2s;display:flex}.compact-btn-primary{color:var(--accent-blue)}.compact-btn-success{border-color:var(--accent-green);color:var(--accent-green)}.compact-btn-warning{color:#f59e0b;border-color:#f59e0b}.compact-btn-danger{border-color:var(--accent-orange);color:var(--accent-orange)}.vacuum-state-info{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.vacuum-state-text{color:var(--text-primary);font-size:1.5rem;font-weight:700}.vacuum-battery{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:1.1rem;display:flex}.battery-icon{font-size:1.3rem}.battery-percent{color:var(--accent-green);font-weight:600}.cleaning-stats{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.stat-item-small{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center;display:flex}.stat-icon-small{font-size:1.5rem}.stat-info-small{gap:var(--spacing-xs);flex-direction:column;display:flex}.vacuum-control-card{grid-column:span 2}.vacuum-quick-controls{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.control-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-lg);border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;flex-direction:column;font-weight:600;transition:all .3s;display:flex}.control-btn-success{border-color:var(--accent-green);color:var(--accent-green)}.control-btn-warning{color:#f59e0b;border-color:#f59e0b}.control-btn-danger{border-color:var(--accent-orange);color:var(--accent-orange)}.control-btn-primary{color:var(--accent-blue)}.control-btn-secondary{border-color:var(--text-secondary);color:var(--text-secondary)}.control-btn-large{grid-column:span 2}.btn-icon{font-size:1.5rem}.btn-label{font-size:.9rem}.fan-speed-control{gap:var(--spacing-sm);flex-direction:column;display:flex}.control-label-small{color:var(--text-secondary);font-size:.85rem;font-weight:600}.fan-speed-buttons{gap:var(--spacing-xs);grid-template-columns:repeat(4,1fr);display:grid}.fan-btn{padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.fan-btn.active{background:var(--accent-blue);color:#fff;font-weight:600}.cleaning-mode-card{grid-column:span 4}.cleaning-modes{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.mode-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;transition:all .3s;display:flex}.mode-card.mode-active{background:#2f81f726}.mode-icon{font-size:2.5rem}.mode-name{color:var(--text-primary);font-size:1rem;font-weight:600}.room-selection-card{grid-column:span 4}.room-selection-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.room-select-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-primary);transition:all .3s;display:flex}.room-select-btn.room-selected{border-color:var(--accent-blue);background:#2f81f726}.room-checkbox{border:2px solid var(--border-color);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--accent-blue);justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:flex}.room-selected .room-checkbox{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.room-icon{font-size:1.5rem}.room-name{flex:1;font-weight:500}.room-selection-actions{gap:var(--spacing-md);display:flex}.start-cleaning-card{grid-column:span 4}.start-cleaning-btn{justify-content:center;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-lg);background:var(--accent-green);border-radius:var(--radius-lg);color:#fff;cursor:pointer;border:none;font-size:1.3rem;font-weight:700;transition:all .3s;display:flex}.start-icon{font-size:2rem}.start-text{font-size:1.2rem}.floating-start-btn{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--accent-green);border-radius:var(--radius-xl);color:#fff;cursor:pointer;z-index:1000;border:none;font-size:1.3rem;font-weight:700;transition:all .3s;animation:.3s fadeInUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 32px #3fb95066}.floating-start-btn:active{transform:translateY(-2px)}.floating-start-icon{font-size:2rem}.floating-start-text{font-size:1.2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cleaning-history-card{grid-column:span 2}.cleaning-history{gap:var(--spacing-sm);flex-direction:column;display:flex}.history-item{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.history-date{align-items:center;gap:var(--spacing-sm);display:flex}.history-icon{font-size:1.2rem}.history-time{color:var(--text-primary);font-weight:500}.history-stats{gap:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem;display:flex}.history-divider{opacity:.5}.maintenance-card{grid-column:span 2}.maintenance-items{gap:var(--spacing-md);flex-direction:column;display:flex}.maintenance-item{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center;display:flex}.maintenance-icon{font-size:1.5rem}.maintenance-info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.maintenance-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.maintenance-progress-bar{background:var(--bg-card);border-radius:3px;height:6px;overflow:hidden}.maintenance-progress-fill{background:var(--accent-green);border-radius:3px;height:100%;transition:width .3s}.maintenance-remaining{color:var(--text-secondary);font-size:.75rem}.climate-view{grid-template-columns:repeat(4,1fr)}.climate-main-control{grid-column:span 4}.climate-large-display{margin:var(--spacing-lg) 0;justify-content:space-between;align-items:center;display:flex}.temp-display-large{color:var(--accent-blue);font-size:5rem;font-weight:700}.temp-controls-large{gap:var(--spacing-md);display:flex}.temp-btn-large{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-lg);cursor:pointer;width:80px;height:80px;font-size:2rem;transition:all .2s}.temp-btn-large:active{transform:scale(.95)}.climate-mode{gap:var(--spacing-md);align-items:center;display:flex}.mode-label{color:var(--text-secondary);font-weight:600}.mode-buttons{gap:var(--spacing-sm);flex:1;display:flex}.mode-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;flex:1;transition:all .2s}.mode-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.climate-room-card{grid-column:span 1}.dashboard-grid.rooms-grid{grid-template-columns:repeat(2,1fr)!important}.climate-room-details{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.room-temp-display{gap:var(--spacing-sm);align-items:center;display:flex}.temp-icon{font-size:2rem}.temp-value{color:var(--text-primary);font-size:2rem;font-weight:700}.room-climate-stats{gap:var(--spacing-sm);flex-direction:column;display:flex}.climate-stat{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);align-items:center;display:flex}.room-heating-control{margin-top:auto}.temp-slider{background:var(--bg-secondary);-webkit-appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.temp-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-blue);cursor:pointer;border-radius:50%;width:20px;height:20px}.temp-slider::-moz-range-thumb{background:var(--accent-blue);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.climate-schedule-card{grid-column:span 4}.schedule-grid{gap:var(--spacing-sm);flex:1;grid-template-columns:repeat(7,1fr);display:grid}.schedule-day{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid #0000;flex-direction:column;display:flex}.schedule-day.active{border-color:var(--accent-blue)}.day-name{color:var(--text-primary);text-align:center;font-size:.9rem;font-weight:700}.day-schedule{gap:var(--spacing-xs);flex-direction:column;display:flex}.schedule-time{color:var(--text-secondary);font-size:.75rem}.climate-stats-card{grid-column:span 4}.climate-stats-grid{gap:var(--spacing-md);flex:1;grid-template-columns:repeat(4,1fr);display:grid}.climate-stat-item{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;display:flex}.climate-room-card{gap:var(--spacing-md);flex-direction:column;display:flex}.thermostat-control-compact{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);background:#ffffff08;display:flex}.thermostat-info{flex-direction:column;gap:.25rem;display:flex}.thermostat-label-compact{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.hvac-status-compact{align-items:center;font-size:1rem;display:inline-flex}.hvac-status-compact.hvac-status-heating{animation:1.5s ease-in-out infinite pulse-heating}.hvac-status-compact.hvac-status-idle{opacity:.6}.thermostat-value{color:var(--accent-blue);font-size:1.5rem;font-weight:700}.thermostat-buttons-compact{gap:.5rem;display:flex}.thermostat-btn-compact{border:2px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.thermostat-btn-compact:active{transform:scale(.95)}.thermostat-btn-compact:disabled,.thermostat-btn-compact.loading{opacity:.6;cursor:not-allowed;pointer-events:none}.thermostat-btn-compact .spinner{border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.thermostat-control{margin-top:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);gap:var(--spacing-sm);background:#ffffff08;flex-direction:column;display:flex}.thermostat-header{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem;display:flex}.thermostat-icon{font-size:1.2rem}.thermostat-label{text-transform:uppercase;letter-spacing:.5px;flex:1;font-weight:600}.hvac-status{justify-content:center;align-items:center;font-size:1.2rem;animation:2s ease-in-out infinite pulse-subtle;display:inline-flex}.hvac-status-heating{animation:1.5s ease-in-out infinite pulse-heating}.hvac-status-idle{opacity:.6;animation:none}@keyframes pulse-heating{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.thermostat-display{text-align:center;padding:var(--spacing-sm) 0;gap:var(--spacing-xs);flex-direction:column;display:flex}.thermostat-status-text{font-size:.85rem;font-weight:500}.thermostat-target{color:var(--text-primary);font-size:1.1rem}.thermostat-target strong{color:var(--accent-blue);font-size:1.3rem}.thermostat-buttons{gap:var(--spacing-sm);justify-content:center;display:flex}.thermostat-btn{border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-secondary);width:60px;height:60px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;font-size:2rem;font-weight:700;transition:all .2s;display:flex}.thermostat-btn:active{transform:scale(.95)}.thermostat-btn-minus{color:var(--accent-orange)}.thermostat-btn-plus{color:var(--accent-green)}.climate-room-header{align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);display:flex}.climate-room-icon{font-size:2rem}.climate-room-name{color:var(--text-primary);flex:1;font-size:1.2rem;font-weight:600}.hvac-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);background:#ffffff0d;border:1.5px solid;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.hvac-status-badge.hvac-status-heating{color:var(--accent-orange);border-color:var(--accent-orange);background:#f851491a;animation:2s ease-in-out infinite pulse-glow-orange}.hvac-status-badge.hvac-status-idle{color:var(--text-secondary);border-color:var(--border-color);background:#ffffff08}.hvac-status-badge.hvac-status-off{color:var(--text-secondary);border-color:var(--border-color);opacity:.6;background:#ffffff08}.window-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);border:1.5px solid;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.window-status-badge.window-status-open{color:var(--accent-orange);border-color:var(--accent-orange);background:#f851491a;animation:2s ease-in-out infinite pulse-glow-orange}.window-status-badge.window-status-closed{color:var(--accent-green);border-color:var(--accent-green);background:#3fb9501a}@keyframes pulse-glow-orange{0%,to{opacity:1;box-shadow:0 0 8px #f851494d}50%{opacity:.9;box-shadow:0 0 16px #f8514980}}.climate-room-data{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.climate-metric{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center;flex-direction:column;display:flex}.climate-metric-icon{margin-bottom:var(--spacing-xs);font-size:2rem}.climate-metric-value{color:var(--text-primary);font-size:2rem;font-weight:700}.climate-metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.weather-forecast-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.weather-forecast-day-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:160px;transition:all .3s;display:flex}@media (max-width:768px){.weather-forecast-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.weather-forecast-grid{grid-template-columns:1fr}}.departures-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.departure-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--bg-secondary);opacity:.6;transition:opacity .2s;display:flex}.departure-item.reachable{opacity:1;border-left:3px solid var(--accent-green)}.departure-item.not-reachable{border-left:3px solid #0000}.departure-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.2rem}.departure-line{color:var(--accent-blue);min-width:50px;font-size:.95rem;font-weight:700}.departure-direction{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;overflow:hidden}.departure-time-info{align-items:center;gap:var(--spacing-xs);display:flex}.departure-absolute{color:var(--text-secondary);font-size:.9rem}.departure-delay{color:var(--accent-orange);border-radius:var(--radius-sm);background:#f8514933;padding:2px 5px;font-size:.7rem}.departure-countdown{color:var(--text-secondary);text-align:right;background:var(--bg-card);border-radius:20px;min-width:55px;padding:4px 8px;font-size:.85rem;font-weight:700}.departure-countdown.reachable{color:var(--accent-green);border:1px solid var(--accent-green);background:#3fb95026}.news-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.news-item{padding:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--bg-secondary);border-left:3px solid var(--accent-blue)}.news-source{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-size:.8rem;display:flex}.news-source-logo{object-fit:contain;border-radius:3px;width:16px;height:16px}.news-source-name{color:var(--text-secondary);font-weight:500}.news-time{color:var(--text-secondary);margin-left:auto;font-size:.75rem}.news-title{color:var(--text-primary);font-size:.9rem;line-height:1.4}.news-item:hover{background:var(--bg-card)}.article-modal-overlay{z-index:1000;padding:var(--spacing-lg);background:#000c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.article-modal{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;width:100%;max-width:700px;max-height:85vh;animation:.25s ease-out slideUp;display:flex;position:relative;overflow:hidden}.article-modal-close{top:var(--spacing-sm);right:var(--spacing-sm);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;line-height:1;display:flex;position:absolute}.article-modal-close:hover{background:var(--accent-orange)}.article-modal-image{flex-shrink:0;width:100%;max-height:300px;overflow:hidden}.article-modal-image img{object-fit:cover;width:100%;height:100%}.article-modal-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.article-modal-title{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.4rem;font-weight:700;line-height:1.3}.article-modal-text{color:var(--text-secondary);font-size:1rem;line-height:1.7}.article-modal-text p{margin-bottom:var(--spacing-md)}.article-modal-text p:last-child{margin-bottom:0}.article-modal-link{margin-top:var(--spacing-lg);color:var(--accent-blue);font-size:.9rem;font-weight:500;text-decoration:none;display:inline-block}.article-modal-link:hover{text-decoration:underline}.departure-direction-type{margin-left:var(--spacing-xs);vertical-align:middle;border-radius:8px;padding:2px 6px;font-size:.7rem;font-weight:600;display:inline-block}.departure-direction-type.stadteinwärts{color:var(--accent-blue);background:#2f81f733}.departure-direction-type.stadtauswärts{color:var(--text-secondary);background:#7d859033}.status-badge.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.status-badge.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.status-modal-overlay{z-index:1000;padding:var(--spacing-lg);background:#000c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.status-modal{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:450px;animation:.25s ease-out slideUp;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.status-modal-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}.status-modal-header h3{color:var(--text-primary);margin:0;font-size:1.1rem}.status-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;line-height:1;display:flex}.status-modal-close:hover{background:var(--bg-card);color:var(--text-primary)}.status-modal-content{padding:var(--spacing-md);max-height:400px;overflow-y:auto}.status-modal-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background:var(--bg-secondary);margin-bottom:var(--spacing-sm);display:flex}.status-modal-item:last-child{margin-bottom:0}.status-modal-icon{flex-shrink:0;font-size:1.5rem}.status-modal-info{flex:1;min-width:0}.status-modal-room{color:var(--text-primary);font-size:1rem;font-weight:600}.status-modal-detail{color:var(--text-secondary);font-size:.85rem}.status-modal-badge{border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:600}.status-modal-badge.warning,.status-modal-badge.heating{color:var(--accent-orange);background:#f8514933}.status-modal-empty{text-align:center;color:var(--text-secondary);padding:var(--spacing-lg);margin:0}[x-cloak]{display:none!important}.brightness-overlay{pointer-events:none;z-index:9999;background:#000;transition:opacity .3s;position:fixed;inset:0}.menu-section{padding:var(--spacing-sm) 0}.menu-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-sm);font-size:.8rem;font-weight:600;display:block}.menu-divider{background:var(--border-color);height:1px;margin:var(--spacing-sm) 0}.brightness-controls{gap:var(--spacing-sm);padding:0 var(--spacing-sm);display:flex}.brightness-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;flex-direction:column;flex:1;transition:all .2s;display:flex}.brightness-btn:hover{background:var(--bg-card);border-color:var(--accent-blue)}.brightness-btn:active{transform:scale(.95)}.brightness-btn svg{color:var(--accent-orange)}.brightness-btn span{font-size:.85rem;font-weight:500}.auto-dimm-toggle{padding:var(--spacing-sm) var(--spacing-md);background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;transition:background-color .2s;display:flex}.auto-dimm-toggle:hover{background:var(--surface-hover)}.auto-dimm-toggle .toggle-content{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem;display:flex}.auto-dimm-toggle .toggle-content svg{color:var(--accent-orange)}.auto-dimm-toggle .toggle-switch{background:var(--border-color);border-radius:12px;width:44px;height:24px;transition:background-color .2s;position:relative}.auto-dimm-toggle .toggle-switch.active{background:var(--accent-orange)}.auto-dimm-toggle .toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.auto-dimm-toggle .toggle-switch.active .toggle-knob{transform:translate(20px)}.brightness-hint{color:var(--text-tertiary);margin-top:var(--spacing-sm);text-align:center;font-size:.75rem;font-style:italic}.loading-overlay{justify-content:center;align-items:center;gap:var(--spacing-md);z-index:1000;background:#000c;flex-direction:column;display:none;position:fixed;inset:0}.loading-spinner{border:4px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.loading-text{color:var(--text-secondary);font-size:.9rem}.calendar-widget{gap:var(--spacing-md);flex-direction:column;display:flex}.calendar-header{padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);justify-content:center;display:flex}.calendar-month{color:var(--text-primary);font-size:1rem;font-weight:600}.calendar-list{flex-direction:column;gap:8px;display:flex}.event-item{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:8px 0;display:flex}.event-item:last-child{border-bottom:none}.event-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.event-content{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.event-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;font-weight:500;overflow:hidden}.event-calendar{color:var(--text-secondary);font-size:.7rem;font-weight:400}.event-time{color:var(--text-secondary);white-space:nowrap;font-size:.7rem;font-weight:400}.event-item.holiday .event-title{color:#a855f7}.no-events{text-align:center;color:var(--text-secondary);padding:var(--spacing-md) 0;font-size:.8rem;font-style:italic}.calendar-event-color-indicator{border-radius:2px;flex-shrink:0;width:4px;height:36px}.birthday-icon-wrapper{align-items:center;margin-left:.75rem;display:flex;position:relative}.birthday-icon-btn{cursor:pointer;background:#ffffff0f;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:relative}.birthday-icon-btn:hover{background:#ffffff1a;border-color:#fff3}.birthday-icon-emoji{font-size:1.3rem;line-height:1}.birthday-icon-btn.has-birthday-today{background:#fbbf2426;border-color:#fbbf2480;animation:2s ease-in-out infinite birthday-glow;box-shadow:0 0 12px #fbbf244d,0 0 24px #fbbf241a}@keyframes birthday-glow{0%,to{box-shadow:0 0 12px #fbbf244d,0 0 24px #fbbf241a}50%{box-shadow:0 0 20px #fbbf2480,0 0 36px #fbbf2433}}.birthday-today-dot{border:2px solid var(--bg-primary);background:#fbbf24;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:2px;box-shadow:0 0 6px #fbbf24}.birthday-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:100;width:260px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0006}.dropdown-enter{transition:all .2s}.dropdown-enter-start{opacity:0;transform:translateY(-8px)}.dropdown-enter-end{opacity:1;transform:translateY(0)}.dropdown-leave{transition:all .15s}.dropdown-leave-start{opacity:1;transform:translateY(0)}.dropdown-leave-end{opacity:0;transform:translateY(-8px)}.birthday-dropdown-header{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:10px 14px;font-size:.85rem;font-weight:600}.birthday-dropdown-item{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 14px;display:flex}.birthday-dropdown-item:last-child{border-bottom:none}.birthday-dropdown-item.birthday-today{background:#fbbf2414}.birthday-dropdown-empty{color:var(--text-secondary);text-align:center;padding:16px 14px;font-size:.8rem}.birthday-auth-link{color:var(--text-secondary);text-decoration:none;display:block}.birthday-auth-link:hover{color:var(--text-primary)}.birthday-date-badge{border-radius:var(--radius-sm);background:#ffffff0f;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.birthday-date-badge.today{background:#fbbf2433}.birthday-date-badge.tomorrow{background:#3b82f626}.birthday-date-day{color:var(--text-primary);font-size:.8rem;font-weight:700;line-height:1}.birthday-date-month{color:var(--text-secondary);text-transform:uppercase;margin-top:2px;font-size:.5rem;line-height:1}.birthday-content{flex-direction:column;flex:1;min-width:0;display:flex}.birthday-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.birthday-countdown{color:var(--text-secondary);font-size:.7rem}.birthday-today .birthday-countdown{color:#fbbf24;font-weight:600}.birthday-today .birthday-name,.birthday-today .birthday-date-day{color:#fbbf24}.vehicle-content{gap:var(--spacing-md);flex-direction:column;display:flex}.vehicle-battery-section{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md);background:#ffffff08;display:flex}.vehicle-battery-visual{align-items:center;gap:var(--spacing-md);display:flex}.battery-icon-container{align-items:center;gap:2px;display:flex}.battery-outline{border:2px solid var(--text-secondary);border-radius:4px;width:50px;height:24px;padding:2px;position:relative;overflow:hidden}.battery-fill{border-radius:2px;height:100%;transition:width .5s,background .3s}.battery-cap{background:var(--text-secondary);border-radius:0 2px 2px 0;width:3px;height:10px}.battery-info{flex-direction:column;gap:2px;display:flex}.battery-percentage{color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1}.charging-indicator{color:var(--accent-green);font-size:.7rem;font-weight:500}.vehicle-range{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.range-value{color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1}.range-unit{color:var(--text-secondary);font-size:.75rem}.vehicle-status-grid{gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr);display:grid}.vehicle-status-item{padding:var(--spacing-sm);border-radius:var(--radius-sm);background:#ffffff08;flex-direction:column;align-items:center;gap:4px;transition:all .2s;display:flex}.vehicle-status-item .status-icon{font-size:1.25rem}.vehicle-status-item .status-label{color:var(--text-secondary);text-align:center;font-size:.7rem}.vehicle-status-item.status-ok .status-label{color:var(--accent-green)}.vehicle-status-item.status-warning .status-label{color:var(--accent-orange)}.vehicle-status-item.status-active .status-label{color:var(--accent-blue)}.vehicle-status-item.clickable{cursor:pointer;transition:transform .15s,background-color .15s}.vehicle-status-item.clickable:hover{background-color:#ffffff14;transform:scale(1.05)}.vehicle-status-item.clickable:active{transform:scale(.98)}.vehicle-status-item.clickable.loading{opacity:.6;pointer-events:none}.energy-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.energy-flow{padding:var(--spacing-md);border-radius:var(--radius-md);background:#0003;justify-content:space-between;align-items:center;display:flex}.energy-source{flex-direction:column;align-items:center;gap:4px;min-width:80px;display:flex}.energy-source .energy-icon{font-size:1.75rem;line-height:1}.energy-source .energy-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1}.energy-source .energy-unit{color:var(--text-secondary);font-size:.75rem;font-weight:500}.energy-source .energy-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.energy-flow-indicator{padding:0 var(--spacing-md);flex-direction:column;align-items:center;gap:4px;display:flex}.flow-arrow{font-size:2rem;font-weight:700;line-height:1;animation:2s ease-in-out infinite pulse}.flow-arrow.consuming{color:var(--accent-orange)}.flow-arrow.feeding{color:var(--accent-green)}.flow-arrow.balanced{color:var(--accent-blue);animation:none}.flow-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.energy-stats{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(70px,1fr));display:grid}.energy-stat{padding:var(--spacing-sm);border-radius:var(--radius-sm);background:#ffffff08;flex-direction:column;align-items:center;gap:2px;display:flex}.energy-stat .stat-icon{font-size:1rem}.energy-stat .stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1}.energy-stat .stat-unit{color:var(--text-secondary);font-size:.65rem}.energy-stat .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:.6rem}.calendar-event-color-indicator{border-radius:2px;flex-shrink:0;align-self:stretch;width:3px}.energy-current{padding:var(--spacing-lg);border-radius:var(--radius-md);background:#0003;flex-direction:column;align-items:center;gap:4px;display:flex}.energy-current-icon{font-size:2rem;line-height:1}.energy-current-value{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1}.energy-current-unit{color:var(--text-secondary);font-size:1rem;font-weight:500}.energy-current-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.waste-urgent{border:2px solid var(--accent-orange);box-shadow:0 0 10px #f973164d}.urgent-badge{background:var(--accent-red,#ef4444);color:#fff;border-radius:3px;margin-left:8px;padding:2px 6px;font-size:.7rem;font-weight:600}.waste-today-item.urgent{border-radius:var(--radius-sm);padding:var(--spacing-sm);background:#f973161a}.no-waste-today{text-align:center;color:var(--text-secondary);padding:var(--spacing-md) 0;font-size:.8rem;font-style:italic}.waste-action-button{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);justify-content:center;display:flex}.btn-waste-collected{background:var(--accent-green,#22c55e);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:4px;padding:8px 16px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.btn-waste-collected:hover{background:var(--accent-green-dark,#16a34a);transform:translateY(-1px);box-shadow:0 2px 8px #22c55e4d}.btn-waste-collected:active{transform:translateY(0)}.collected-badge{background:var(--accent-green,#22c55e);color:#fff;border-radius:3px;margin-left:8px;padding:2px 6px;font-size:.7rem;font-weight:600}.waste-today-item.collected{opacity:.6;border-radius:var(--radius-sm);padding:var(--spacing-sm);background:#22c55e1a}.vacation-mode-overlay{z-index:500;background:#0a0f1ef7;justify-content:center;align-items:center;transition:background 1s;animation:1s forwards vacation-overlay-fadein;display:flex;position:fixed;inset:0}.vacation-mode-overlay.vacation-dimmed{cursor:none;background:#000;transition:background 2.5s}@keyframes vacation-overlay-fadein{0%{opacity:0}to{opacity:1}}.vacation-mode-card{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);flex-direction:column;transition:opacity .8s,transform .8s;animation:.8s .3s both vacation-card-fadein;display:flex}.vacation-dimmed .vacation-mode-card{opacity:0;pointer-events:none;transition:opacity 2s,transform 2s;transform:scale(.96)}@keyframes vacation-card-fadein{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.vacation-mode-emoji{font-size:5rem;animation:3s ease-in-out infinite vacation-emoji-float}@keyframes vacation-emoji-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.vacation-mode-title{color:#fff;letter-spacing:-.02em;font-size:2.2rem;font-weight:700;animation:.6s .5s both vacation-element-fadein}.vacation-mode-status{gap:var(--spacing-md);margin-top:var(--spacing-md);flex-direction:column;display:flex}.vacation-status-item{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:1.1rem;animation:.5s both vacation-element-fadein;display:flex}.vacation-status-item:first-child{animation-delay:.7s}.vacation-status-item:nth-child(2){animation-delay:.9s}.vacation-status-item:nth-child(3){animation-delay:1.1s}.vacation-status-item.vacation-status-success{color:#4ade80}.vacation-status-icon{text-align:center;width:2rem;font-size:1.2rem}.vacation-status-text{font-weight:500}.vacation-mode-deactivate{margin-top:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;font-size:.95rem;font-weight:500;transition:all .2s;animation:.5s 1.3s both vacation-element-fadein}.vacation-mode-deactivate:hover{color:#fff;background:#ffffff26}@keyframes vacation-element-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wohnmobil-countdown-card{background:linear-gradient(135deg,#fbbf241f 0%,#f59e0b14 100%);border:1px solid #fbbf244d}.wohnmobil-countdown-inner{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;display:flex}.wohnmobil-icon{flex-shrink:0;font-size:3rem;line-height:1}.wohnmobil-text{align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.wohnmobil-days{color:#fbbf24;font-size:3rem;font-weight:700;line-height:1}.wohnmobil-days-label{color:#fbbf24;align-self:flex-end;margin-bottom:.3rem;font-size:1.2rem;font-weight:600}.wohnmobil-label{color:var(--text-primary);margin-bottom:.3rem;margin-left:var(--spacing-xs);align-self:flex-end;font-size:1.1rem;font-weight:500}.wohnmobil-sublabel{width:100%;color:var(--text-secondary);margin-top:.1rem;font-size:.8rem}.heizoel-card{gap:var(--spacing-sm);position:relative;overflow:hidden}.heizoel-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#58a6ff1f,#0000 70%);width:220px;height:220px;position:absolute;top:-40%;right:-20%}.heizoel-card .card-title{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:baseline;display:flex}.heizoel-title-main{align-items:baseline;gap:.4rem;display:inline-flex}.heizoel-unit{letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);background:#7d85901f;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:500}.heizoel-price-row{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.heizoel-price{color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:800;line-height:1}.heizoel-currency{color:var(--text-secondary);margin-left:.25rem;font-size:1.3rem;font-weight:600}.heizoel-change{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.85rem;font-weight:700;display:inline-flex}.heizoel-change-arrow{font-size:.7rem}.heizoel-change.is-up{color:var(--accent-orange);background:#f851491f}.heizoel-change.is-down{color:var(--accent-green);background:#3fb9501f}.heizoel-change.is-flat{color:var(--text-secondary);background:#7d85901f}.heizoel-sparkline{width:100%;height:48px;margin:.1rem 0 .2rem}.heizoel-sparkline svg{width:100%;height:100%;display:block;overflow:visible}.heizoel-reco{padding:var(--spacing-sm);border-radius:var(--radius-md);border-left:3px solid var(--text-secondary);background:#7d859014;flex-direction:column;gap:.25rem;display:flex}.heizoel-reco-good{border-left-color:var(--accent-green);background:#3fb9501a}.heizoel-reco-bad{border-left-color:var(--accent-orange);background:#f851491a}.heizoel-reco-badge{color:var(--text-primary);font-size:.9rem;font-weight:700}.heizoel-reco-text{color:var(--text-secondary);font-size:.8rem;line-height:1.35}.heizoel-forecast{border-top:1px solid var(--border-color,#7d85902e);justify-content:space-between;align-items:center;margin-top:.1rem;padding-top:.5rem;font-size:.8rem;display:flex}.heizoel-forecast-label{color:var(--text-secondary)}.heizoel-forecast-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}.heizoel-empty{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) 0;color:var(--text-secondary);display:flex}.heizoel-empty-icon{opacity:.6;font-size:1.8rem}.heizoel-empty-text{font-size:.9rem}