.l-sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:950;opacity:0;visibility:hidden;transition:opacity .3s ease}.l-sidebar-overlay.is-visible{opacity:1;visibility:visible}@media(min-width:768px){.l-sidebar-overlay{display:none}}.l-sidebar{background-color:#2c3e50;color:#fff;padding:24px;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;position:fixed;left:0;top:0;bottom:0;width:280px;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.l-sidebar.is-open{transform:translate(0)}@media(min-width:768px){.l-sidebar{position:static;width:250px;transform:translate(0)}}.l-sidebar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.l-sidebar__logo{display:flex;align-items:center;gap:8px}.l-sidebar__logo img{width:40px}.l-sidebar__logo span{font-size:1.2rem;font-weight:700;color:#f6a623}.l-sidebar__close-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}@media(min-width:768px){.l-sidebar__close-btn{display:none}}.l-sidebar__nav{flex:1}.l-sidebar__nav ul{list-style:none;padding:0}.l-sidebar__nav li{margin-bottom:8px}.l-sidebar__nav li a{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;color:#fffc;text-decoration:none;transition:background-color .3s,color .3s}.l-sidebar__nav li a:hover,.l-sidebar__nav li a.is-active{background-color:#ffffff1a;color:#fff}.l-sidebar__nav li a.is-active{border-left:4px solid #f6a623}.l-sidebar__footer{padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#ffffff80}.l-container{display:flex;flex-direction:column;min-height:100vh;width:100%}@media(min-width:768px){.l-container{flex-direction:row;height:100vh;overflow:hidden}}.l-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#2c3e50;color:#fff;height:60px;position:sticky;top:0;z-index:900}.l-header__logo{display:flex;align-items:center;gap:8px;color:#f6a623;font-weight:700}.l-header__menu-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.l-header{display:none}}.l-main{flex:1;padding:16px;background-color:#f4f7f6;width:100%}@media(min-width:768px){.l-main{padding:32px;overflow-y:auto}}.c-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:24px;border-top:4px solid transparent;transition:transform .3s,border-color .3s}.c-card:hover{transform:translateY(-2px)}.c-card.c-card--solar{border-top-color:#f6a623}.c-card.c-card--consumption{border-top-color:#3498db}.c-card.c-card--alert{border-top-color:#e74c3c}.c-card .c-card__title{font-size:.9rem;color:#7f8c8d;text-transform:uppercase;font-weight:600;margin-bottom:8px}.c-card .c-card__value{font-size:1.8rem;font-weight:700;color:#333}.c-card .c-card__unit{font-size:.9rem;color:#7f8c8d;margin-left:4px}.c-power-chart{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:24px;margin-top:24px}.c-power-chart__title{margin-bottom:24px;color:#7f8c8d;font-size:1rem;text-transform:uppercase}.c-power-chart__content{width:100%}.p-dashboard{display:flex;flex-direction:column;padding:16px}@media(min-width:768px){.p-dashboard{padding:24px}}.p-dashboard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.p-dashboard__header h1{font-size:1.5rem;font-weight:700;color:#333}@media(min-width:768px){.p-dashboard__header h1{font-size:1.8rem}}.p-dashboard__timestamp{color:#7f8c8d;font-size:.9rem}.p-dashboard__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.p-dashboard__range-selector{display:flex;align-items:center;background-color:#fff;border-radius:8px;padding:4px;gap:4px;color:#7f8c8d;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.p-dashboard__range-selector svg{margin:0 8px}.p-dashboard__range-btn{background:none;border:none;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;color:#7f8c8d;transition:all .3s}.p-dashboard__range-btn:hover{background-color:#0000000d;color:#333}.p-dashboard__range-btn--active{background-color:#f6a623;color:#fff}.p-dashboard__range-btn--active:hover{background-color:#f59c0b;color:#fff}.p-dashboard__status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e0e0e0}.p-dashboard__status-item:last-child{border-bottom:none}.p-dashboard__status-item span:first-child{color:#7f8c8d;font-size:.9rem}.p-dashboard__status-item .status-badge{background-color:#2ecc711a;color:#2ecc71;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase}.p-dashboard__refresh-btn{background:none;border:none;color:#7f8c8d;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s,color .3s}.p-dashboard__refresh-btn:hover{background-color:#0000000d;color:#f6a623}.p-dashboard__refresh-btn:disabled{cursor:not-allowed;opacity:.5}.p-dashboard__refresh-btn--spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.p-inverters{padding:16px}@media(min-width:768px){.p-inverters{padding:24px}}.p-inverters__header{margin-bottom:24px}.p-inverters__header h1{font-size:1.5rem;color:#333;margin-bottom:4px}.p-inverters__header p{color:#7f8c8d}.p-inverters__grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.p-inverters__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.p-inverters__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.p-inverters__grid{grid-template-columns:repeat(4,1fr)}}.c-inverter-card{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.c-inverter-card:hover{box-shadow:0 8px 12px #00000026}.c-inverter-card{text-decoration:none;color:inherit;display:flex;flex-direction:column}.c-inverter-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.c-inverter-card__title{font-size:1.125rem;font-weight:600}.c-inverter-card__status-dot{width:10px;height:10px;border-radius:50%}.c-inverter-card__status-dot.is-online{background-color:#2ecc71;box-shadow:0 0 8px #2ecc7180}.c-inverter-card__status-dot.is-offline{background-color:#e74c3c}.c-inverter-card__body{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.c-inverter-card__metric{display:flex;align-items:center;gap:8px;color:#333;font-size:.875rem}.c-inverter-card__metric svg{color:#f6a623}.c-inverter-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #e0e0e0}.c-inverter-card__label{font-size:.75rem;color:#7f8c8d}.c-inverter-card__badge{background-color:#f6a6231a;color:#f6a623;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f4f7f6;color:#333;line-height:1.6}#root{display:flex;min-height:100vh}.grid{display:grid;gap:24px}.c-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:none;background-color:transparent;color:inherit;cursor:pointer;transition:all .2s ease}.c-btn--icon{padding:8px;border-radius:50%}.c-btn--icon:hover{background-color:#0000000d}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}