/* R4.6.26.15 · integrated water automatic-station center */
.was-page{--was-blue:#0f6fbd;--was-blue-deep:#084b86;--was-cyan:#23a9d8;--was-mint:#21aa88;--was-ink:#15314a;--was-muted:#668198;--was-line:#d9e7f2;--was-soft:#f3f8fc;display:grid;gap:18px;color:var(--was-ink)}
.was-page button,.was-page input,.was-page select,.was-page textarea{font:inherit}.was-page button{touch-action:manipulation}
.was-hero{min-height:228px;border-radius:24px;padding:34px 38px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;color:#fff;background:linear-gradient(125deg,#073c70 0%,#0d69ad 54%,#158fa8 100%);box-shadow:0 20px 55px rgba(12,78,130,.2)}
.was-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.was-hero-copy{position:relative;z-index:1;max-width:760px}.was-hero .eyebrow{color:#bcecff}.was-hero h1{font-size:clamp(28px,4vw,38px);margin:2px 0 12px;letter-spacing:-.5px}.was-hero p{max-width:720px;margin:0;color:#d7effc;line-height:1.75;font-size:14px}.was-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.was-hero .button.primary{background:#fff;color:#075486}.was-hero .button.ghost{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(6px)}
.was-hero-orbit{width:190px;height:190px;position:relative;display:grid;place-items:center;flex:0 0 auto;margin-right:12px}.was-hero-orbit b{font-size:64px;line-height:1;text-shadow:0 0 30px rgba(117,229,255,.55)}.was-hero-orbit small{position:absolute;bottom:41px;font-size:9px;letter-spacing:2px;color:#c8f3ff}.was-orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%;animation:was-spin 16s linear infinite}.was-orbit-ring:before,.was-orbit-ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#8ae8ff;box-shadow:0 0 18px #8ae8ff}.ring-one{inset:18px}.ring-one:before{top:10px;left:24px}.ring-one:after{right:8px;bottom:38px}.ring-two{inset:0;animation-direction:reverse;animation-duration:24s}.ring-two:before{right:26px;top:8px}.ring-two:after{left:3px;bottom:70px}@keyframes was-spin{to{transform:rotate(360deg)}}
.was-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.was-kpi{min-width:0;background:#fff;border:1px solid var(--was-line);border-radius:16px;padding:17px 18px;box-shadow:0 8px 24px rgba(30,83,120,.055);position:relative;overflow:hidden}.was-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--was-blue),var(--was-mint))}.was-kpi span,.was-kpi small{display:block;color:var(--was-muted)}.was-kpi span{font-size:11px;font-weight:750}.was-kpi b{display:block;margin:8px 0 4px;font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#123b5d}.was-kpi small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.was-kpi .was-kpi-time{font-size:15px;margin-top:12px}
.was-layout{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:17px;align-items:start}.was-filter-card{display:grid;gap:13px;position:sticky;top:96px}.was-filter-details,.was-admin-details,.was-chart-card,.was-table-card,.was-sync-status,.was-stat-strip{background:#fff;border:1px solid var(--was-line);border-radius:17px;box-shadow:0 7px 24px rgba(28,79,112,.045)}
.was-filter-details>summary,.was-admin-details>summary{list-style:none;padding:16px 17px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#174c72;font-weight:850}.was-filter-details>summary::-webkit-details-marker,.was-admin-details>summary::-webkit-details-marker,.was-advanced-settings>summary::-webkit-details-marker{display:none}.was-filter-details>summary:after,.was-admin-details>summary:after{content:"⌄";font-size:18px;transition:.2s}.was-filter-details[open]>summary:after,.was-admin-details[open]>summary:after{transform:rotate(180deg)}.was-filter-details>summary span,.was-admin-details>summary span{flex:1}.was-filter-details>summary small,.was-admin-details>summary small{font-size:9px;color:var(--was-muted);font-weight:600}.was-filter-form,.was-settings-form{display:grid;gap:12px;padding:0 17px 17px;border-top:1px solid #edf3f7;padding-top:15px}.was-filter-form label,.was-settings-form label{display:grid;gap:6px;color:#365a73;font-weight:750;font-size:11px}.was-filter-form input,.was-filter-form select,.was-settings-form input,.was-settings-form select,.was-settings-form textarea{width:100%;border:1px solid #cfdfeb;background:#fdfefe;color:#173a54;border-radius:10px;padding:10px 11px;outline:none;min-height:40px}.was-settings-form textarea{resize:vertical;line-height:1.55}.was-filter-form input:focus,.was-filter-form select:focus,.was-settings-form input:focus,.was-settings-form textarea:focus{border-color:#2a98cf;box-shadow:0 0 0 3px rgba(42,152,207,.12)}.was-form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.was-quick-range{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.was-quick-range button{border:1px solid #d5e5f0;background:#f2f8fc;color:#326786;border-radius:9px;padding:8px 3px;font-size:10px;font-weight:800}.was-quick-range button:hover,.was-quick-range button.active{background:#dff1fb;border-color:#8dc9e7;color:#075d94}.was-filter-form .button.full{width:100%;background:linear-gradient(135deg,var(--was-blue),var(--was-cyan));border:0}.was-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.was-export-grid .button{padding:9px}
.was-sync-status{display:flex;align-items:flex-start;gap:11px;padding:14px 15px;background:linear-gradient(135deg,#f5fbff,#f8fffd)}.was-status-dot{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#49a7d1;box-shadow:0 0 0 5px rgba(73,167,209,.12);flex:0 0 auto}.was-sync-status[data-state="working"] .was-status-dot{background:#e5a623;box-shadow:0 0 0 5px rgba(229,166,35,.14);animation:was-pulse 1.1s infinite}.was-sync-status[data-state="success"] .was-status-dot{background:#1ea47f;box-shadow:0 0 0 5px rgba(30,164,127,.12)}.was-sync-status[data-state="error"] .was-status-dot{background:#d55656;box-shadow:0 0 0 5px rgba(213,86,86,.12)}@keyframes was-pulse{50%{opacity:.45}}.was-sync-status b{display:block;color:#174b70;font-size:12px}.was-sync-status p{margin:4px 0 0;color:var(--was-muted);font-size:10px;line-height:1.5;word-break:break-word}
.was-admin-details{border-color:#cfe4f1}.was-admin-details>summary{background:linear-gradient(135deg,#f2f9fe,#f6fcfb);border-radius:17px}.was-settings-form small{font-size:9px;color:var(--was-muted);font-weight:500}.was-check{display:flex!important;gap:9px!important;align-items:flex-start;background:#f3f9fd;border:1px solid #dcebf4;border-radius:11px;padding:11px!important;cursor:pointer}.was-check input{width:auto!important;min-height:auto!important;margin:3px 0 0}.was-check b,.was-check small{display:block}.was-advanced-settings{border:1px dashed #c6dce9;border-radius:11px;padding:10px}.was-advanced-settings>summary{cursor:pointer;color:#326986;font-weight:800;font-size:11px;margin-bottom:8px}.was-advanced-settings label+label{margin-top:9px}.was-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.was-main-column{min-width:0;display:grid;gap:14px}.was-chart-card,.was-table-card{padding:18px}.was-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.was-card-head h2{margin:0;color:#173f5f;font-size:18px}.was-card-head p{margin:5px 0 0;color:var(--was-muted);font-size:10px}.was-chart-meta{text-align:right}.was-chart-meta b,.was-chart-meta small{display:block}.was-chart-meta b{color:var(--was-blue);font-size:15px}.was-chart-meta small{color:var(--was-muted);font-size:10px;margin-top:3px}.was-chart-wrap{height:390px;position:relative;border-radius:13px;background:linear-gradient(180deg,#f8fcff,#f4f9fc);border:1px solid #e3eef5;overflow:hidden}.was-chart-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(23,105,155,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,155,.045) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.was-chart-wrap canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.was-chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#8aa0b0;font-size:12px;z-index:2}.was-chart-empty[hidden]{display:none}
.was-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;overflow:hidden}.was-stat-strip article{padding:15px 17px;border-right:1px solid #e6eff5;min-width:0}.was-stat-strip article:last-child{border-right:0}.was-stat-strip span,.was-stat-strip small{display:block;color:var(--was-muted);font-size:10px}.was-stat-strip b{display:inline-block;margin-top:6px;color:#123f60;font-size:21px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.was-stat-strip small{display:inline;margin-left:5px}
.was-table-card{padding:0;overflow:hidden}.was-table-card .was-card-head{padding:18px 18px 0}.was-table-wrap{overflow:auto;max-height:520px;border-top:1px solid #e8f0f5}.was-table-card table{min-width:820px;width:100%;border-collapse:collapse}.was-table-card th{position:sticky;top:0;z-index:2;background:#eff6fb;color:#547188;font-size:10px;letter-spacing:.4px;padding:12px 14px;text-align:left}.was-table-card td{padding:12px 14px;border-top:1px solid #e9f0f4;color:#24445c;font-size:11px;white-space:nowrap}.was-table-card tr:hover td{background:#f7fbfe}.was-table-card td:nth-child(5){font-weight:850;color:#0b6ba6}.was-table-empty{text-align:center!important;color:#8297a6!important;padding:42px!important}
@media(max-width:1180px){.was-kpis{grid-template-columns:repeat(3,1fr)}.was-layout{grid-template-columns:300px minmax(0,1fr)}.was-hero-orbit{width:155px;height:155px}.was-chart-wrap{height:340px}}
@media(max-width:900px){.was-page{gap:13px}.was-hero{padding:25px 22px;min-height:210px}.was-hero-orbit{display:none}.was-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.was-layout{display:block}.was-filter-card{position:static;display:grid;gap:10px;margin-bottom:13px}.was-main-column{gap:11px}.was-filter-details:not([open]){display:block}.was-filter-details>summary{min-height:52px}.was-chart-wrap{height:330px}.was-table-wrap{max-height:64vh}.was-stat-strip{grid-template-columns:repeat(2,1fr)}.was-stat-strip article:nth-child(2){border-right:0}.was-stat-strip article:nth-child(-n+2){border-bottom:1px solid #e6eff5}}
@media(max-width:620px){.page-content:has(.was-page){padding-left:11px!important;padding-right:11px!important}.was-hero{border-radius:17px;padding:21px 17px}.was-hero h1{font-size:25px}.was-hero p{font-size:12px;line-height:1.65}.was-hero-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:17px}.was-hero-actions .button:first-child{grid-column:1/-1}.was-kpis{grid-template-columns:1fr 1fr}.was-kpi{padding:14px 13px;border-radius:13px}.was-kpi b{font-size:20px}.was-kpi:nth-child(5){grid-column:1/-1}.was-form-row{grid-template-columns:1fr}.was-filter-details,.was-admin-details,.was-chart-card,.was-table-card,.was-sync-status,.was-stat-strip{border-radius:14px}.was-filter-details>summary,.was-admin-details>summary{padding:14px}.was-filter-details>summary small,.was-admin-details>summary small{display:none}.was-filter-form,.was-settings-form{padding:13px}.was-admin-actions{grid-template-columns:1fr}.was-chart-card{padding:14px}.was-chart-wrap{height:280px}.was-card-head{margin-bottom:10px}.was-card-head h2{font-size:16px}.was-chart-meta{max-width:42%}.was-stat-strip article{padding:13px}.was-stat-strip b{font-size:18px}.was-table-card .was-card-head{padding:14px 14px 0}.was-table-card td,.was-table-card th{padding:10px 11px}.was-table-wrap{max-height:56vh}.was-page .button{min-height:42px}}
@media(prefers-reduced-motion:reduce){.was-orbit-ring,.was-sync-status[data-state="working"] .was-status-dot{animation:none}}
.was-dashboard-entry{border-color:#d6e9f4;background:linear-gradient(135deg,#fff,#f4faff)}.was-dashboard-entry .card-head p{margin:6px 0 0;color:#698397;font-size:11px;line-height:1.6}.was-dashboard-entry-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.was-dashboard-entry-stats span{border:1px solid #dcebf4;background:#f8fcff;border-radius:11px;padding:10px;color:#698397;font-size:10px}.was-dashboard-entry-stats b{display:block;color:#165b89;font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.was-dashboard-entry-stats span.is-error{border-color:#f0d3d3;background:#fff7f7}.was-dashboard-entry-stats span.is-error b{color:#b94b4b}@media(max-width:620px){.was-dashboard-entry .card-head{display:grid}.was-dashboard-entry .button{width:100%;margin-top:10px}.was-dashboard-entry-stats{grid-template-columns:1fr}.was-dashboard-entry-stats span{display:flex;align-items:center;justify-content:space-between}.was-dashboard-entry-stats b{margin:0;max-width:70%}}