.water-level-info{width:95%;height:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px;position:relative;font-size:3vw;padding:10px}.error-message{color:red;font-weight:700;margin:5px 0;width:90%;text-align:center}.close-button{background-color:#3e0cf1;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s;width:50%;height:auto;font-size:3vw;margin-top:10px}.close-button:hover{background-color:#0056b3}.water-level-info h3{font-size:4vw;margin:10px 0}.water-level-info p{margin:5px 0}.water-level-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.icon{font-size:1.5rem;cursor:pointer;color:#333;transition:transform .2s ease,color .2s ease}.icon:hover{color:#007bff;transform:scale(1.1)}.refresh-icon{margin-right:10px}.settings-icon{margin-left:10px}.water-tank-container{position:relative;width:100%;height:60vh;margin:20px auto;overflow:hidden}.water-level{position:absolute;bottom:0;left:0;right:0;background-color:#3e0cf1;transition:height .3s}.tank-image{width:100%;height:Auto;object-fit:contain;position:absolute;right:0;left:0;bottom:0;z-index:1}.percentage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;z-index:2;padding:5px;border:3px solid rgba(182,182,180,.8);border-radius:5px;text-shadow:2px 2px 4px rgba(0,0,0,.7);font-size:5vw;-webkit-text-stroke:1px rgb(116,113,113)}.take-id-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f7f7f7}.take-id-container h2{font-size:1.8rem;margin-bottom:20px;color:#333}.take-id-container input{width:80%;max-width:400px;padding:10px;font-size:1rem;margin:10px 0;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0000001a}.buttons{display:flex;gap:10px;margin-top:20px}.buttons button{width:100px;padding:10px 15px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.buttons button:hover{transform:scale(1.05)}.buttons button:focus{outline:none}.buttons .cancel-button{background-color:#ff4d4d;color:#fff}.buttons .cancel-button:hover{background-color:#ff1a1a}.buttons .submit-button{background-color:#4caf50;color:#fff}.buttons .submit-button:hover{background-color:#45a049}.error-message{color:#d9534f;margin-bottom:10px;font-size:.9rem;text-align:center}