.water-usage-report[data-v-647607a3]{width:100%;overflow-x:hidden}.water-usage-report .query-row[data-v-647607a3]{margin:0!important}.water-usage-report .card-no-border[data-v-647607a3]{border:none;box-shadow:none}.water-usage-report .report-cards[data-v-647607a3]{display:flex;gap:20px;margin-top:24px;padding:10px 0;flex-wrap:wrap}.water-usage-report .water-card[data-v-647607a3]{width:calc(50% - 10px);position:relative;height:180px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#1890ff,#0050b3);box-shadow:0 8px 24px rgba(24,144,255,.3);transition:transform .3s,box-shadow .3s;cursor:pointer}.water-usage-report .water-card.amount-card[data-v-647607a3]{width:100%}.water-usage-report .water-card[data-v-647607a3]:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(24,144,255,.4)}.water-usage-report .water-card .waves-container[data-v-647607a3]{position:absolute;width:100%;height:60px;bottom:0;left:0;overflow:hidden}.water-usage-report .water-card .waves[data-v-647607a3]{position:relative;width:100%;height:100%;margin-bottom:-7px;min-height:60px;max-height:150px}.water-usage-report .water-card .parallax>use[data-v-647607a3]{animation:move-forever-data-v-647607a3 25s cubic-bezier(.55,.5,.45,.5) infinite}.water-usage-report .water-card .parallax>use[data-v-647607a3]:first-child{animation-delay:-2s;animation-duration:7s}.water-usage-report .water-card .parallax>use[data-v-647607a3]:nth-child(2){animation-delay:-3s;animation-duration:10s}.water-usage-report .water-card .parallax>use[data-v-647607a3]:nth-child(3){animation-delay:-4s;animation-duration:13s}.water-usage-report .water-card .parallax>use[data-v-647607a3]:nth-child(4){animation-delay:-5s;animation-duration:20s}.water-usage-report .water-card .card-content[data-v-647607a3]{position:relative;z-index:1;padding:24px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.water-usage-report .water-card .card-icon[data-v-647607a3]{width:40px;height:40px;margin-bottom:8px}.water-usage-report .water-card .card-icon svg[data-v-647607a3]{width:100%;height:100%}.water-usage-report .water-card .card-label[data-v-647607a3]{font-size:14px;opacity:.95;margin-bottom:4px;font-weight:500}.water-usage-report .water-card .card-value[data-v-647607a3]{font-size:32px;font-weight:600;line-height:1.2}.water-usage-report .water-card .card-unit[data-v-647607a3]{font-size:16px;opacity:.8;margin-left:4px}.water-usage-report .water-card-2[data-v-647607a3]{background:linear-gradient(135deg,#13c2c2,#08979c);box-shadow:0 8px 24px rgba(19,194,194,.3)}.water-usage-report .water-card-2[data-v-647607a3]:hover{box-shadow:0 12px 32px rgba(19,194,194,.4)}.water-usage-report .water-card-3[data-v-647607a3]{background:linear-gradient(135deg,#faad14,#d48806);box-shadow:0 8px 24px rgba(250,173,20,.3)}.water-usage-report .water-card-3[data-v-647607a3]:hover{box-shadow:0 12px 32px rgba(250,173,20,.4)}.water-usage-report .water-card-4[data-v-647607a3]{background:linear-gradient(135deg,#52c41a,#389e0d);box-shadow:0 8px 24px rgba(82,196,26,.3)}.water-usage-report .water-card-4[data-v-647607a3]:hover{box-shadow:0 12px 32px rgba(82,196,26,.4)}.water-usage-report .water-card-5[data-v-647607a3]{background:linear-gradient(135deg,#722ed1,#531dab);box-shadow:0 8px 24px rgba(114,46,209,.3)}.water-usage-report .water-card-5[data-v-647607a3]:hover{box-shadow:0 12px 32px rgba(114,46,209,.4)}@keyframes move-forever-data-v-647607a3{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media (max-width:768px){.water-card[data-v-647607a3]{min-width:100%}}