body { font-family:'Segoe UI',sans-serif; background:#fff9e6; color:#333; margin:0; padding:0; }
header { background:#ffd700; padding:15px 20px; display:flex; justify-content:space-between; align-items:center; box-shadow:0 4px 6px rgba(0,0,0,0.1); }
header h1 { margin:0; }
nav a { text-decoration:none; margin-left:15px; color:#333; font-weight:bold; }
.container { padding:20px; }
table { width:100%; border-collapse:collapse; border-radius:8px; overflow:hidden; box-shadow:0 4px 8px rgba(0,0,0,0.1); }
th { background:#ffd700; color:#000; padding:10px; }
td { padding:10px; }
tr:nth-child(even) { background:#fff6cc; }
tr:hover { background:#ffe066; }
.button { padding:6px 12px; border-radius:5px; color:#fff; font-weight:bold; text-decoration:none; margin-right:5px; }
.button.approve { background:#28a745; }
.button.reject { background:#dc3545; }
.button.role { background:#007bff; }
.button.add { background:#ffc107; color:#000; }
input, select { padding:8px; border-radius:4px; border:1px solid #ccc; }
form { margin-bottom:20px; }