.water-container[data-v-cd016b90]{position:relative;width:120px;height:120px}canvas[data-v-cd016b90]{position:absolute;top:0;left:0}.percentage[data-v-cd016b90]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#409eff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2)}[data-v-41efc607]:export{menuText:#bfcbd9;menuActiveText:#409eff;subMenuActiveText:#f4f4f5;menuBg:#304156;menuHover:#263445;subMenuBg:#1f2d3d;subMenuHover:#001528;sideBarWidth:220px}.forecast-container[data-v-41efc607]{min-height:100vh;background-color:#f0f7ff;padding:1.5rem}.weather-info[data-v-41efc607]{margin-bottom:1rem}.date-section[data-v-41efc607]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.date-section .date[data-v-41efc607]{font-size:1.5rem;font-weight:700}.weather-card[data-v-41efc607]{background-color:#fff;border-radius:.75rem;padding:1.25rem;margin-bottom:.5rem}.weather-items[data-v-41efc607]{display:flex;align-items:center;justify-content:space-around}.weather-item[data-v-41efc607]{display:flex;align-items:center;gap:.75rem;font-size:1rem}.icon-bg[data-v-41efc607]{background-size:contain}.tag[data-v-41efc607]{padding:.25rem 1rem;border-radius:.375rem;font-size:.875rem;color:#fff}.tag-today[data-v-41efc607]{background-color:#4cd263}.tag-forecast[data-v-41efc607]{background-color:#1890ff}.data-cards[data-v-41efc607]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.data-card[data-v-41efc607]{border-radius:.75rem;background-color:#fff;padding:1.5rem}.card-title[data-v-41efc607]{margin-bottom:1.5rem;font-size:1.25rem;color:#1890ff;text-align:center}.progress-circle[data-v-41efc607]{position:relative;height:13rem;width:13rem;margin:0 auto}.progress-circle .circle-bg[data-v-41efc607]{position:absolute;inset:0;border-radius:9999px;background-color:#e6f4ff}.progress-circle .circle-value[data-v-41efc607]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#1890ff}.progress-circle .circle-border[data-v-41efc607]{position:absolute;inset:0;border-radius:9999px;border:6px solid #1890ff;opacity:.2}.data-source[data-v-41efc607]{margin-top:1rem;font-size:.75rem;color:#9ca3af;text-align:center}.icon-bg[data-v-41efc607]{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.icon-bg img[data-v-41efc607]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}