.water-page{font-family:var(--font-nunito),sans-serif;--water-accent:#00e5c7;--water-accent-dim:#00e5c726;--water-bg:#0a1118;--water-card-bg:#0a141ebf;--water-card-border:#00e5c71f;--water-good:#10b981;--water-warn:#f59e0b;--water-crit:#ef4444}.water-shell{background:radial-gradient(80% 50% at 20% 10%,#00e5c70f,#0000 65%),radial-gradient(65% 45% at 80% 92%,#0891b214,#0000 68%),linear-gradient(160deg,#0a1118 0%,#0c1620 54%,#080e14 100%);min-height:100vh}.water-spotlight{filter:blur(120px);pointer-events:none;z-index:1;border-radius:50%;width:500px;height:500px;position:absolute}.water-spotlight-left{background:radial-gradient(circle,#00e5c714,#0000 70%);top:-100px;left:-100px}.water-spotlight-right{background:radial-gradient(circle,#0891b20f,#0000 70%);bottom:-150px;right:-100px}.water-card{border:1px solid var(--water-card-border);background:var(--water-card-bg);-webkit-backdrop-filter:blur(16px);border-radius:1rem;padding:1.25rem;box-shadow:0 4px 24px #0000004d}.water-card-glow{box-shadow:0 4px 24px #0000004d,0 0 20px var(--water-accent-dim)}.water-status-good{border-color:#10b9814d;box-shadow:0 0 12px #10b98114}.water-status-warning{border-color:#f59e0b4d;box-shadow:0 0 12px #f59e0b14}.water-status-critical{border-color:#ef44444d;animation:2s ease-in-out infinite water-pulse-red;box-shadow:0 0 12px #ef44441a}@keyframes water-pulse-red{0%,to{box-shadow:0 0 12px #ef44441a}50%{box-shadow:0 0 20px #ef444433}}.water-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}.water-input:focus{border-color:var(--water-accent);outline:none;box-shadow:0 0 0 2px #00e5c726}.water-input::placeholder{color:#ffffff4d}.water-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.water-select:focus{border-color:var(--water-accent);outline:none}.water-btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.water-btn-primary{background:var(--water-accent);color:#0a1118}.water-btn-primary:hover{background:#0fd;box-shadow:0 0 16px #00e5c74d}.water-btn-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff1a}.water-btn-secondary:hover{border-color:var(--water-accent);background:#ffffff1f}.water-btn-danger{color:#ef4444;background:#ef444426;border:1px solid #ef444433}.water-btn-danger:hover{background:#ef444440}.water-tab{color:#ffffff80;cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.water-tab:hover{color:#fffc;background:#ffffff0d}.water-tab-active{color:var(--water-accent);background:#00e5c71a}.water-table{border-collapse:collapse;width:100%;font-size:.875rem}.water-table th{text-align:left;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0f;padding:.75rem;font-size:.75rem;font-weight:600}.water-table td{color:#ffffffd9;border-bottom:1px solid #ffffff0a;padding:.75rem}.water-table tr:hover td{background:#00e5c708}.water-enter{opacity:0;animation:.5s forwards water-fade-up;animation-delay:var(--enter-delay,0s);transform:translateY(12px)}@keyframes water-fade-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.water-enter{opacity:1;animation:none;transform:none}.water-status-critical{animation:none}}