.energy-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:var(--ip-white);border:3px solid var(--ip-black);border-radius:24px;box-shadow:0 0 0 var(--ip-black);width:320px;max-height:380px;overflow:hidden;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.energy-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.energy-dropdown-header{padding:10px 20px;border-bottom:2px solid var(--ip-black);background:var(--ip-yellow)}.energy-dropdown-header h3{margin:0;font-size:16px;font-weight:700;color:var(--ip-black);text-align:center}.energy-tabs{display:flex;background:#f8f9fa;padding:3px;border-radius:50px;border:1px solid var(--ip-black);margin:8px 20px}.energy-tab{flex:1;padding:6px 12px;border-radius:50px;font-size:13px;font-weight:600;font-family:var(--font-cartoon);color:var(--ip-black);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.energy-tab:hover{background:rgba(44,165,224,.1)}.energy-tab.active{background:var(--ip-blue);color:var(--ip-white);border:1px solid var(--ip-black);box-shadow:2px 2px 0 rgba(0,0,0,.2)}.energy-content{padding:0 20px 12px;height:280px}.energy-list{display:flex;flex-direction:column;gap:0;height:220px;overflow-y:auto}.energy-item{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1)}.energy-item:last-child{border-bottom:none}.energy-main-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.energy-name{font-size:14px;font-weight:500;color:var(--ip-black)}.energy-value{font-size:14px;font-weight:700}.energy-details{font-size:12px;color:var(--ip-black);opacity:.7}.energy-item.consumption .energy-value{color:#ff3b30}.energy-item.gain .energy-value{color:#34c759}.energy-pagination{gap:8px;padding:8px 0;border-top:1px solid rgba(0,0,0,.1);margin-top:8px}.energy-pagination,.pagination-btn{display:flex;align-items:center;justify-content:center}.pagination-btn{width:20px;height:20px;border:1px solid var(--ip-black);border-radius:5px;background:var(--ip-white);cursor:pointer;font-size:10px}.pagination-pages{display:flex;align-items:center;gap:2px}.pagination-page{min-width:20px;height:20px;padding:0 4px;border:1px solid var(--ip-black);border-radius:5px;background:var(--ip-white);cursor:pointer;font-weight:500;font-size:12px;line-height:1}.pagination-page.active{background:var(--ip-blue);color:var(--ip-white);border-color:var(--ip-blue)}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--ip-black);font-weight:500}