body {
    margin:0; font-family:Segoe UI,Arial,sans-serif;
    background:#0d1117; color:#e6edf3;
}
header {
    display:flex; justify-content:space-between; align-items:center;
    background:#161b22; padding:15px 25px; border-bottom:1px solid #30363d;
}
h1{margin:0;font-size:22px}
.logout {
    background:#d73a49;border:none;color:#fff;padding:8px 14px;border-radius:6px;cursor:pointer;
}
section{padding:20px 30px}
.stats{display:flex;gap:20px;flex-wrap:wrap}
.card{
    background:#161b22;border:1px solid #30363d;border-radius:10px;
    padding:15px 20px;width:150px;text-align:center
}
.card strong{font-size:22px;color:#58a6ff}
.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{border-bottom:1px solid #30363d;padding:8px 10px}
th{text-align:left;background:#161b22}
tr:hover{background:#21262d}
button{cursor:pointer}
#exportCSV{
    background:#238636;border:none;color:#fff;padding:6px 12px;border-radius:6px
}
.error{color:#ff6c6c;text-align:center}
.login{
    display:flex;justify-content:center;align-items:center;height:100vh;background:#0d1117
}
.login-container{
    background:#161b22;padding:30px 40px;border-radius:10px;border:1px solid #30363d;text-align:center;width:300px
}
.login-container input{
    width:100%;padding:10px;margin-top:10px;background:#0d1117;border:1px solid #30363d;border-radius:5px;color:#fff
}
.login-container button{
    margin-top:15px;width:100%;padding:10px;background:#238636;border:none;border-radius:5px;color:#fff;font-weight:bold
}
.badge{padding:3px 7px;border-radius:5px}
.badge.cancelled{background:#d73a49}
.badge.blocked{background:#f0ad4e}
.badge.approved{background:#238636}
.badge.rejected{background:#8b949e}
#req-table td button{margin-right:5px}
.modal{
    position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);
    display:flex;justify-content:center;align-items:center;z-index:10
}
.modal-content{
    background:#161b22;border:1px solid #30363d;border-radius:8px;
    width:500px;max-height:80vh;overflow:auto;padding:20px
}
.modal-content h3{margin-top:0}
.modal-content button{margin-top:10px}

