body{background-color:#f5f7fa;font-family:Arial,sans-serif;margin:0;padding:0}h2{margin-top:20px;text-align:center}.container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:30px auto auto;padding:20px;width:80%}.search-container{display:flex;justify-content:space-between;margin-bottom:15px}.search-container input{border:1px solid #ccc;border-radius:5px;padding:10px;width:250px}.search-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.search-container button:hover{background-color:#0056b3}table{border-collapse:collapse;width:100%}thead{background-color:#007bff;color:#fff}td,th{padding:12px;text-align:left}tbody tr{border-bottom:1px solid #ddd;transition:.3s}tbody tr:hover{background-color:#f1f1f1;cursor:pointer}tbody tr:nth-child(2n){background-color:#fafafa}.detail-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:40px auto;padding:25px;width:60%}.detail-header{margin-bottom:20px;text-align:center}.detail-header h2{color:#333;margin:0}.section{margin-top:20px}.section h3{color:#007bff;margin-bottom:10px}.detail-item{font-size:15px;margin:8px 0}.detail-item span{color:#555;font-weight:700}.button-group{display:flex;gap:10px}.button-group button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 14px;transition:.3s;transition:all .3s ease}.button-group button:hover{background-color:#0056b3;transform:translateY(-2px)}.button-group button.active{background-color:#28a745}.button-group button.active:hover{background-color:#218838}
/*# sourceMappingURL=main.30ee9aa3.css.map*/