.layer-control-container[data-v-66aafd9e]{padding:2px;z-index:2999;position:fixed;right:395px;bottom:100px;border-radius:10px;overflow:hidden;display:flex;gap:15px;justify-content:center;max-width:500px}.button-container[data-v-66aafd9e]{display:flex;gap:15px;padding:20px;justify-content:center;background-color:#f5f5f5;border-radius:10px;margin:50px auto;box-shadow:0 4px 8px rgba(0,0,0,.1)}.town-button[data-v-66aafd9e]{padding:12px 25px;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;color:#fff;background:linear-gradient(145deg,#6e6e6e,#4a4a4a);box-shadow:0 4px 6px rgba(0,0,0,.1)}.town-button[data-v-66aafd9e]:hover{transform:translateY(-3px);box-shadow:0 6px 8px rgba(0,0,0,.15)}.town-button.active[data-v-66aafd9e]{background:linear-gradient(145deg,#e74c3c,#c0392b);box-shadow:0 4px 8px rgba(231,76,60,.3)}.town-button[data-v-66aafd9e]:nth-child(2){background:linear-gradient(145deg,#3498db,#2980b9)}.town-button[data-v-66aafd9e]:nth-child(2):hover{box-shadow:0 6px 8px rgba(52,152,219,.3)}.town-button[data-v-66aafd9e]:nth-child(3){background:linear-gradient(145deg,#2ecc71,#27ae60)}.town-button[data-v-66aafd9e]:nth-child(3):hover{box-shadow:0 6px 8px rgba(46,204,113,.3)}.popup-content2[data-v-0b8ea48f]{text-align:left;padding:10px;color:#fff}.valve-control[data-v-0b8ea48f]{max-width:400px;margin:20px auto;padding:20px}.status-display[data-v-0b8ea48f]{margin:15px 0;font-size:16px}.status[data-v-0b8ea48f]{font-weight:700;padding:4px 8px;border-radius:4px}.status.open[data-v-0b8ea48f]{color:#4caf50;background-color:#e8f5e9}.status.closed[data-v-0b8ea48f]{color:#f44336;background-color:#ffebee}.status.unknown[data-v-0b8ea48f]{color:#607d8b;background-color:#eceff1}.control-buttons[data-v-0b8ea48f]{display:flex;gap:15px;margin-top:20px}.btn[data-v-0b8ea48f]{flex:1;padding:10px 15px;border:none;border-radius:4px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:36px}.btn[data-v-0b8ea48f]:hover:not(.disabled){opacity:.9}.btn[data-v-0b8ea48f]:disabled{cursor:not-allowed;opacity:.6}.open-btn[data-v-0b8ea48f]{background:#4caf50}.close-btn[data-v-0b8ea48f]{background:#f44336}.loading-spinner[data-v-0b8ea48f]{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;animation:spin-0b8ea48f 1s ease-in-out infinite}.loading-dots[data-v-0b8ea48f]{display:inline-block;width:20px;text-align:left}@keyframes spin-0b8ea48f{to{transform:rotate(1turn)}}.valve-control[data-v-56bd1aa0]{position:fixed;right:400px;bottom:20px;z-index:11000}.toggle-button[data-v-56bd1aa0]{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.toggle-button[data-v-56bd1aa0]:hover{background-color:#45a049}.valve-icon,.valve-marker{display:flex;justify-content:center;align-items:center}.valve-icon{width:22px;height:22px;background-color:#0dc425;color:#fff;border-radius:50%;font-size:12px;font-weight:700;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.3)}.valve-icon:hover{background-color:#2980b9;transform:scale(1.1)}#map{position:relative}