*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f7f5f3}#app{min-height:100vh}.dashboard[data-v-2d24bdd5]{display:flex;min-height:100vh;background-color:#f7f5f3;color:#3c3530}.mobile-header[data-v-2d24bdd5]{display:none;justify-content:space-between;align-items:center;padding:1rem;background-color:#ede8e3;border-bottom:1px solid #d4cfc7;position:fixed;top:0;left:0;right:0;z-index:1001;height:60px}.menu-btn[data-v-2d24bdd5],.close-btn[data-v-2d24bdd5]{background:none;border:none;color:#3c3530!important;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.hamburger-icon[data-v-2d24bdd5]{display:flex;flex-direction:column;width:24px;height:18px;justify-content:space-between}.hamburger-icon span[data-v-2d24bdd5]{display:block;height:2px;width:100%;background-color:#3c3530;border-radius:1px;transition:all .3s ease}.menu-btn[data-v-2d24bdd5]:hover,.close-btn[data-v-2d24bdd5]:hover{background-color:#d4cfc7}.sidebar[data-v-2d24bdd5]{width:280px;background-color:#ede8e3;border-right:1px solid #d4cfc7;padding:2rem 0;position:fixed;height:100vh;left:0;top:0;transform:translate(-100%);transition:all .3s ease;z-index:1002}.sidebar-collapsed[data-v-2d24bdd5]{width:80px}.sidebar-open[data-v-2d24bdd5]{transform:translate(0)}.sidebar-header[data-v-2d24bdd5]{padding:0 2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.sidebar-collapsed .sidebar-header[data-v-2d24bdd5]{padding:0 1rem;justify-content:center}.logo[data-v-2d24bdd5]{font-size:1.5rem;font-weight:700;color:#3c3530;margin:0}.collapse-btn[data-v-2d24bdd5]{background:none;border:none;color:#6b6358;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s}.collapse-btn[data-v-2d24bdd5]:hover{background-color:#d4cfc7;color:#3c3530}.close-btn[data-v-2d24bdd5]{background:none;border:none;color:#6b6358;cursor:pointer;padding:.5rem}.nav-menu[data-v-2d24bdd5]{list-style:none;padding:0;margin:0}.nav-menu li[data-v-2d24bdd5]{margin-bottom:.5rem}.nav-item[data-v-2d24bdd5]{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:none;border:none;color:#6b6358;text-align:left;cursor:pointer;transition:all .2s;font-size:1rem}.sidebar-collapsed .nav-item[data-v-2d24bdd5]{padding:1rem;justify-content:center;gap:0}.nav-item[data-v-2d24bdd5]:hover{background-color:#d4cfc7;color:#3c3530}.nav-item.active[data-v-2d24bdd5]{background-color:#c4b5a0;color:#3c3530;font-weight:600}.main-content[data-v-2d24bdd5]{flex:1;margin-left:0;padding:1rem;overflow-y:auto;transition:margin-left .3s ease}.view-header[data-v-2d24bdd5]{margin-bottom:2rem}.view-header h2[data-v-2d24bdd5]{font-size:2rem;font-weight:600;color:#3c3530;margin-bottom:.5rem}.subtitle[data-v-2d24bdd5]{color:#6b6358;font-size:1.1rem}.stats-grid[data-v-2d24bdd5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-2d24bdd5]{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e8e3dd;display:flex;align-items:center;gap:1rem}.stat-icon[data-v-2d24bdd5]{width:48px;height:48px;background-color:#f0ebe5;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#8b7355}.stat-content h3[data-v-2d24bdd5]{font-size:.9rem;color:#6b6358;margin-bottom:.25rem}.stat-value[data-v-2d24bdd5]{font-size:1.5rem;font-weight:600;color:#3c3530}.widgets-grid[data-v-2d24bdd5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.widget[data-v-2d24bdd5]{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e8e3dd}.widget h3[data-v-2d24bdd5]{margin-bottom:1rem;color:#3c3530}.thermostat[data-v-2d24bdd5]{display:flex;justify-content:center}.temp-display[data-v-2d24bdd5]{text-align:center}.temp-value[data-v-2d24bdd5]{font-size:3rem;font-weight:600;color:#3c3530;display:block}.temp-controls[data-v-2d24bdd5]{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.temp-btn[data-v-2d24bdd5]{width:40px;height:40px;border-radius:50%;border:1px solid #d4cfc7;background:#f7f5f3;color:#3c3530;cursor:pointer;font-size:1.2rem;transition:all .2s}.temp-btn[data-v-2d24bdd5]:hover{background:#ede8e3}.light-controls[data-v-2d24bdd5]{display:flex;flex-direction:column;gap:1rem}.light-item[data-v-2d24bdd5]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f7f5f3;border-radius:8px}.toggle-btn[data-v-2d24bdd5]{position:relative;width:48px;height:24px;background:#e8e3dd;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;padding:2px}.toggle-btn[data-v-2d24bdd5]:before{content:"";position:absolute;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.toggle-btn.active[data-v-2d24bdd5]{background:#8b7355}.toggle-btn.active[data-v-2d24bdd5]:before{left:26px}.toggle-btn svg[data-v-2d24bdd5]{display:none}.rooms-grid[data-v-2d24bdd5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.room-card[data-v-2d24bdd5]{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e8e3dd}.room-card h3[data-v-2d24bdd5]{margin-bottom:1rem;color:#3c3530}.room-lights[data-v-2d24bdd5]{display:flex;flex-direction:column;gap:1rem}.light-control[data-v-2d24bdd5]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f7f5f3;border-radius:8px}.light-info[data-v-2d24bdd5]{display:flex;flex-direction:column;gap:.25rem}.light-name[data-v-2d24bdd5]{font-weight:500;color:#3c3530}.light-status[data-v-2d24bdd5]{font-size:.85rem;color:#6b6358}.light-status.on[data-v-2d24bdd5]{color:#8b7355}.climate-grid[data-v-2d24bdd5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.climate-card[data-v-2d24bdd5]{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e8e3dd}.main-thermostat[data-v-2d24bdd5]{grid-column:span 2}.large-thermostat[data-v-2d24bdd5]{display:flex;flex-direction:column;align-items:center;gap:2rem}.temp-circle[data-v-2d24bdd5]{text-align:center}.current-temp[data-v-2d24bdd5]{font-size:4rem;font-weight:600;color:#3c3530;display:block}.target-temp[data-v-2d24bdd5]{color:#6b6358;font-size:1rem}.climate-controls[data-v-2d24bdd5]{display:flex;gap:1rem}.climate-btn[data-v-2d24bdd5]{width:50px;height:50px;border-radius:50%;border:1px solid #d4cfc7;background:#f7f5f3;color:#3c3530;cursor:pointer;font-size:1.5rem;transition:all .2s}.climate-btn[data-v-2d24bdd5]:hover{background:#ede8e3}.security-grid[data-v-2d24bdd5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.security-card[data-v-2d24bdd5]{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e8e3dd}.system-status[data-v-2d24bdd5]{grid-column:span 2}.status-display[data-v-2d24bdd5]{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.status-indicator[data-v-2d24bdd5]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.status-indicator.armed[data-v-2d24bdd5]{color:#8b7355}.status-indicator.disarmed[data-v-2d24bdd5]{color:#6b6358}.status-text[data-v-2d24bdd5]{font-size:1.5rem;font-weight:600}.security-btn[data-v-2d24bdd5]{padding:1rem 2rem;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .2s}.security-btn.armed[data-v-2d24bdd5]{background:#8b7355;color:#fff}.security-btn.disarmed[data-v-2d24bdd5]{background:#e8e3dd;color:#3c3530}.camera-list[data-v-2d24bdd5]{display:flex;flex-direction:column;gap:1rem}.camera-item[data-v-2d24bdd5]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f7f5f3;border-radius:8px}.camera-status[data-v-2d24bdd5]{margin-left:auto;font-size:.85rem;color:#6b6358}.camera-status.online[data-v-2d24bdd5]{color:#8b7355}.energy-grid[data-v-2d24bdd5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.energy-card[data-v-2d24bdd5]{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e8e3dd}.usage-display[data-v-2d24bdd5]{display:flex;flex-direction:column;align-items:center;gap:1rem}.usage-value[data-v-2d24bdd5]{display:flex;align-items:baseline;gap:.5rem}.usage-number[data-v-2d24bdd5]{font-size:3rem;font-weight:600;color:#3c3530}.usage-unit[data-v-2d24bdd5]{font-size:1.2rem;color:#6b6358}.usage-trend[data-v-2d24bdd5]{display:flex;align-items:center;gap:.5rem;color:#8b7355;font-size:.9rem}.cost-display[data-v-2d24bdd5]{text-align:center}.cost-value[data-v-2d24bdd5]{font-size:2.5rem;font-weight:600;color:#3c3530;display:block}.cost-period[data-v-2d24bdd5]{color:#6b6358;font-size:.9rem}.devices-grid[data-v-2d24bdd5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.device-card[data-v-2d24bdd5]{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e8e3dd}.device-header[data-v-2d24bdd5]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.device-header h3[data-v-2d24bdd5]{color:#3c3530}.device-info[data-v-2d24bdd5]{display:flex;justify-content:space-between;align-items:center}.device-type[data-v-2d24bdd5]{color:#6b6358;font-size:.9rem}.device-status[data-v-2d24bdd5]{font-size:.85rem;color:#6b6358}.device-status.online[data-v-2d24bdd5]{color:#8b7355}@media (max-width: 767px){.mobile-header[data-v-2d24bdd5]{display:flex!important}.sidebar[data-v-2d24bdd5]{width:100%;max-width:320px;z-index:1002}.main-content[data-v-2d24bdd5]{margin-left:0;padding:5rem 1rem 1rem}.stats-grid[data-v-2d24bdd5]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.widgets-grid[data-v-2d24bdd5],.rooms-grid[data-v-2d24bdd5],.climate-grid[data-v-2d24bdd5],.security-grid[data-v-2d24bdd5],.energy-grid[data-v-2d24bdd5],.devices-grid[data-v-2d24bdd5]{grid-template-columns:1fr;gap:1rem}.main-thermostat[data-v-2d24bdd5],.system-status[data-v-2d24bdd5]{grid-column:span 1}.mobile-overlay[data-v-2d24bdd5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1001}}@media (min-width: 768px){.sidebar[data-v-2d24bdd5]{position:static;transform:translate(0)}.main-content[data-v-2d24bdd5]{margin-left:5px}.sidebar-collapsed+.main-content[data-v-2d24bdd5]{margin-left:80px}}