*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 5px}.container{max-width:1200px;width:100%;background-color:#fff;border-radius:12px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.1);padding:30px;margin-top:20px}h1{color:#2c3e50;margin-bottom:10px;font-weight:600}.subtitle,h1{text-align:center}.subtitle{color:#7f8c8d;margin-bottom:30px;font-size:1.1rem}.table-container{overflow-x:auto;border-radius:8px;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.05);box-shadow:0 4px 15px rgba(0,0,0,.05)}table{width:100%;border-collapse:collapse}th{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:16px 20px;text-align:left;font-weight:300;font-size:1.01rem;position:sticky;top:0}td{padding:14px 20px;border-bottom:1px solid #e1e8ed;-webkit-transition:all .2s ease;transition:all .2s ease}td:nth-child(odd){background-color:#f8fafc}td:nth-child(2n){background-color:#edf2f7}tr:hover td{background-color:#e3f2fd;-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05)}th:nth-child(odd){background:linear-gradient(135deg,#3498db,#2980b9)}th:nth-child(2n){background:linear-gradient(135deg,#2980b9,#1f6399)}.status{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.active{background-color:#e8f5e9;color:#2e7d32}.pending{background-color:#fff3e0;color:#ef6c00}.inactive{background-color:#ffebee;color:#c62828}.progress-bar{height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-top:5px}.progress{height:100%;border-radius:4px}.progress-high{background-color:#4caf50;width:85%}.progress-medium{background-color:#ff9800;width:65%}.progress-low{background-color:#f44336;width:30%}.footer{margin-top:30px;text-align:center;color:#7f8c8d;font-size:.9rem}@media (max-width:768px){.container{padding:15px}td,th{padding:12px 15px}}