.container{background-color:#fff;padding:20px;border-radius:8px;max-width:500px;width:100%;margin:30px auto;border:7px solid #cece8d}@media (max-width:768px){.container{max-width:500px;width:92%}}h1{text-align:center;color:#333;margin-bottom:30px}.date-input{margin-bottom:20px}.date-input label{display:block;margin-bottom:10px;font-weight:700}.input-group{display:flex;gap:10px}.date-input select,.date-input input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;width:100%}button{width:100%;padding:12px;background-color:#4CAF50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-bottom:20px}button:hover{background-color:#45a049}.result-container{border:1px solid #ddd;border-radius:4px;padding:15px;margin-top:20px;display:none}.result-main{font-size:18px;font-weight:700;margin-bottom:15px;text-align:center}.result-details{font-size:14px}.result-details p{margin:5px 0}.details-heading{font-weight:700;margin-bottom:10px}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1);display:none;text-align:center;min-width:200px}.loader{width:40px;height:40px;border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid #3498db;margin:0 auto 15px auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}