.table-container{overflow-x:auto;margin-bottom:30px;background-color:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:12px 15px;text-align:left;border:1px solid #ddd}th{background-color:#ecf0f1;font-weight:700;color:#2c3e50}tr:nth-child(even){background-color:#f9f9f9}tr:hover{background-color:#f0f0f0}@media screen and (max-width:768px){th,td{padding:8px 10px;font-size:14px}.table-container{border-radius:4px}}@media screen and (max-width:480px){th,td{padding:6px 8px;font-size:12px}}