.water-quality-qualification[data-v-1be40d36]{width:100%;height:100%;padding:.5rem;overflow:hidden}.quality-container[data-v-1be40d36]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.quality-cards[data-v-1be40d36]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1.5fr));gap:.5rem;-ms-flex-negative:0;flex-shrink:0}.quality-card[data-v-1be40d36]{background:hsla(0,0%,100%,.05);border:1px solid rgba(0,150,255,.2);border-radius:8px;padding:.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-transition:all .3s ease;transition:all .3s ease;backdrop-filter:blur(10px)}.quality-card[data-v-1be40d36]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 20px rgba(0,150,255,.3);box-shadow:0 4px 20px rgba(0,150,255,.3);border-color:rgba(0,150,255,.5)}.quality-card .card-icon[data-v-1be40d36]{font-size:1.5rem;opacity:.9}.quality-card .card-content[data-v-1be40d36]{-webkit-box-flex:1;-ms-flex:1;flex:1}.quality-card .card-content .card-value[data-v-1be40d36]{font-size:1.25rem;font-weight:700;font-family:ds-digital-bold,monospace;text-shadow:0 0 10px currentColor}.quality-card .card-content .card-label[data-v-1be40d36]{font-size:.75rem;color:hsla(0,0%,100%,.7);margin-top:.125rem}.chart-section[data-v-1be40d36]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:hsla(0,0%,100%,.03);border:1px solid rgba(0,150,255,.1);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.chart-header[data-v-1be40d36]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(0,150,255,.1);-ms-flex-negative:0;flex-shrink:0}.chart-header .chart-title[data-v-1be40d36]{font-size:.875rem;color:hsla(0,0%,100%,.9);font-weight:600}.chart-header .chart-actions[data-v-1be40d36]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.25rem}.chart-header .chart-actions .period-btn[data-v-1be40d36]{padding:.25rem .5rem;font-size:.75rem;border:1px solid rgba(0,150,255,.3);background:rgba(0,150,255,.1);color:hsla(0,0%,100%,.8);border-radius:4px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.chart-header .chart-actions .period-btn[data-v-1be40d36]:hover{background:rgba(0,150,255,.2);border-color:rgba(0,150,255,.5)}.chart-header .chart-actions .period-btn.active[data-v-1be40d36]{background:rgba(0,150,255,.3);border-color:rgba(0,150,255,.6);color:#fff;-webkit-box-shadow:0 0 10px rgba(0,150,255,.3);box-shadow:0 0 10px rgba(0,150,255,.3)}.chart-container[data-v-1be40d36]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.5rem}.quality-distribution[data-v-1be40d36]{background:hsla(0,0%,100%,.03);border:1px solid rgba(0,150,255,.1);border-radius:8px;padding:.75rem;-ms-flex-negative:0;flex-shrink:0}.quality-distribution .distribution-title[data-v-1be40d36]{font-size:.875rem;color:hsla(0,0%,100%,.9);margin-bottom:.5rem;font-weight:600}.quality-distribution .distribution-bars[data-v-1be40d36]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.quality-distribution .distribution-bar[data-v-1be40d36]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.quality-distribution .distribution-bar .bar-label[data-v-1be40d36]{font-size:.75rem;color:hsla(0,0%,100%,.8);width:20px;text-align:center}.quality-distribution .distribution-bar .bar-container[data-v-1be40d36]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.quality-distribution .distribution-bar .bar-container .bar-fill[data-v-1be40d36]{height:100%;-webkit-transition:width .8s ease;transition:width .8s ease;border-radius:4px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}.quality-distribution .distribution-bar .bar-value[data-v-1be40d36]{font-size:.75rem;color:hsla(0,0%,100%,.9);font-weight:600;width:35px;text-align:right;font-family:ds-digital-bold,monospace}@media (max-width:1200px){.quality-cards[data-v-1be40d36]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.quality-cards[data-v-1be40d36]{grid-template-columns:1fr}.chart-header[data-v-1be40d36]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.5rem}.chart-actions[data-v-1be40d36]{-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chart-actions .period-btn[data-v-1be40d36]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}}@media (max-width:480px){.water-quality-qualification[data-v-1be40d36]{padding:.25rem}.quality-container[data-v-1be40d36]{gap:.25rem}.quality-card[data-v-1be40d36]{padding:.5rem}.distribution-bars[data-v-1be40d36]{gap:.25rem}}.loading .quality-container[data-v-1be40d36]{opacity:.6;pointer-events:none}.loading[data-v-1be40d36]:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(0,150,255,.3);border-top:3px solid #00d4ff;border-radius:50%;-webkit-animation:spin-1be40d36 1s linear infinite;animation:spin-1be40d36 1s linear infinite}@-webkit-keyframes spin-1be40d36{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-1be40d36{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes pulse-1be40d36{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-1be40d36{0%,to{opacity:1}50%{opacity:.7}}@font-face{font-family:ds-digital-bold;src:url("data:font/woff2;base64,") format("woff2");font-display:swap}