.modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.table-container{width:80%;background-color:white;padding:20px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);height:-webkit-fill-available;overflow:auto}table{width:100%;border-collapse:collapse}td,th{border:1px solid #ddd;padding:12px;text-align:left}th{background-color:#f2f2f2;font-weight:700}td:nth-child(3){color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}td:nth-child(4){max-width:100px}