body{font-family:Helvetica,Arial,sans-serif;background-color:#f8f9fa;margin:0;padding:20px;color:#333}h2{color:#007bff;font-style:italic;text-align:center;margin-bottom:20px}h4{color:#555;margin-bottom:5px}form{max-width:400px;margin:20px auto;background-color:#fff;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a}form input{width:calc(100% - 22px);padding:10px;font-size:14px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}form button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;font-size:14px;border-radius:4px;cursor:pointer}form button:hover{background-color:#0056b3}.search-container{max-width:400px;margin:0 auto 20px;display:flex;align-items:center}.search-container input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:4px}.numbers-container{max-width:600px;margin:20px auto;background-color:#fff;padding:15px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a}.numbers-container div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.numbers-container div:last-child{border-bottom:none}.numbers-container span{font-size:16px}.numbers-container button{background-color:#dc3545;border:none;color:#fff;padding:6px 10px;font-size:14px;border-radius:4px;cursor:pointer}.numbers-container button:hover{background-color:#c82333}.notification{font-size:16px;padding:10px;margin:10px auto;width:90%;max-width:600px;border-radius:4px;text-align:center}.notification.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.notification.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}
