.fade-in{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.submenu{max-height:0;opacity:0;overflow:hidden;transition:max-height .8s ease-out,opacity .8s ease-out}.submenu.open{max-height:500px;opacity:1}.menu-item{display:flex;align-items:center;justify-content:space-between}.menu-item span{margin-left:8px;transition:transform .3s ease}.menu-item span.open{transform:rotate(90deg)}.menu-link{display:block;width:100%;padding:.5rem 1rem;color:#4a5568;border-radius:.375rem;transition:background-color .2s ease}.menu-link:hover{background-color:#e2e8f0}body{font-family:Arial,sans-serif;background-color:#f4f4f4}form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}form:hover{box-shadow:0 8px 12px rgba(0,0,0,.2)}input,textarea{width:100%;padding:10px;border-radius:4px;border:1px solid #ddd;transition:border-color .3s ease,box-shadow .3s ease}input:focus,textarea:focus{box-shadow:0 0 5px rgba(76,175,80,.5)}button{padding:10px 20px;border-radius:4px;border:none;cursor:pointer;transition:background-color .3s ease,transform .3s ease}img{border-radius:8px;transition:transform .3s ease}img:hover{transform:scale(1.05)}.flex .w-48{max-width:320px;margin-bottom:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.flex .w-48:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}h2,h3{color:#333}h3{margin-bottom:15px}.text-xl{font-size:1.25rem;font-weight:700}.text-2xl{font-size:1.5rem;font-weight:700}input[type=file]:hover+p{color:#4caf50;font-weight:700}input:focus,textarea:focus{transform:scale(1);transition:transform .3s ease,box-shadow .3s ease}button:focus,input:focus,textarea:focus{outline:none;box-shadow:0 0 8px rgba(0,123,255,.6)}label{font-size:18px;font-weight:700;display:block;margin-bottom:10px}.chart-container{position:relative;height:300px;width:100%;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:50px;margin-bottom:20px}.chart-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:10px;color:#333}.chart-legend{display:flex;justify-content:center;margin-top:10px}.chart-legend-item{display:flex;align-items:center;margin-right:15px}.chart-legend-color{width:15px;height:15px;margin-right:5px;border-radius:50%}