:root{--primary-blue: #0066cc;--secondary-blue: #0052a3;--light-blue: #e6f3ff;--white: #ffffff;--black: #000000;--grey-light: #f5f5f5;--grey-medium: #cccccc;--grey-dark: #666666;--error-red: #dc3545;--success-green: #28a745;--warning-orange: #ffc107}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--grey-light);color:var(--black);line-height:1.6}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:var(--primary-blue);color:var(--white)}.btn-primary:hover{background-color:var(--secondary-blue)}.btn-secondary{background-color:var(--grey-medium);color:var(--black)}.btn-secondary:hover{background-color:var(--grey-dark);color:var(--white)}.btn:disabled{background-color:var(--grey-medium);color:var(--grey-dark);cursor:not-allowed}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:var(--black)}.form-control{width:100%;padding:10px;border:1px solid var(--grey-medium);border-radius:5px;font-size:14px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px var(--light-blue)}.card{background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.table{width:100%;border-collapse:collapse;background-color:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--grey-light)}.table th{background-color:var(--primary-blue);color:var(--white);font-weight:600}.table tr:hover{background-color:var(--light-blue)}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination button{padding:8px 12px;border:1px solid var(--grey-medium);background-color:var(--white);cursor:pointer;border-radius:4px}.pagination button:hover:not(:disabled){background-color:var(--light-blue)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--white);border-radius:8px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:20px;font-weight:600;color:var(--black)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--grey-dark)}.text-center{text-align:center}.text-right{text-align:right}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-10{gap:10px}@media (max-width: 768px){.card{padding:15px}.table th,.table td{padding:8px;font-size:14px}.modal-content{padding:20px;width:95%}}