#app{font-family:Roboto,sans-serif;text-align:center;background:#f5f5f5;padding:20px}.table-container{margin-top:40px;padding:20px;border-radius:10px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1)}table{border-collapse:collapse;width:100%;background:#fff}thead{background:linear-gradient(90deg,#857fd2,#b1a8e8)}td,th{border-bottom:1px solid #ddd;padding:15px;text-align:left}th{color:#fff;-webkit-background-clip:text;background-clip:text}.late-status{color:red;font-weight:700}tbody tr:nth-child(odd){background-color:#fff}tbody tr:nth-child(2n){background-color:#f6f1ff}.header{display:flex;align-items:center;justify-content:center;gap:10px}.icon{width:30px;height:30px}h1{color:#7065cd}