*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}
.navbar{background:white;border-bottom:2px solid #2196F3;box-shadow:0 2px 5px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100}
.nav-container{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.nav-brand h2{color:#2196F3;font-size:20px}
.nav-menu{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.nav-user{background:#E3F2FD;padding:8px 15px;border-radius:20px;font-size:14px;font-weight:600;color:#1976D2}
.nav-link{color:#666;text-decoration:none;padding:8px 15px;border-radius:5px;transition:all 0.3s;font-size:14px}
.nav-link:hover{background:#f5f5f5;color:#2196F3}
.nav-link.logout{background:#FFEBEE;color:#D32F2F}
.nav-link.logout:hover{background:#FFCDD2}
.container{max-width:1200px;margin:0 auto;padding:20px}
.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}
.page-header h1{color:#333;font-size:28px}
.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.3s;text-decoration:none;display:inline-block}
.btn-primary{background:#2196F3;color:white}
.btn-primary:hover{background:#1976D2}
.btn-success{background:#4CAF50;color:white}
.btn-success:hover{background:#45a049}
.btn-danger{background:#f44336;color:white}
.btn-danger:hover{background:#d32f2f}
.btn-secondary{background:#9E9E9E;color:white}
.btn-secondary:hover{background:#757575}
.btn-sm{padding:6px 12px;font-size:12px}
.btn-block{width:100%;display:block}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}
.stat-card{background:white;padding:25px;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;align-items:center;gap:20px}
.stat-card-action{padding:15px;justify-content:center}
.stat-icon{font-size:40px;background:#E3F2FD;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:15px}
.stat-content h3{font-size:32px;color:#2196F3;margin-bottom:5px}
.stat-content p{color:#666;font-size:14px}
.section{background:white;padding:25px;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:20px}
.section h2{color:#333;font-size:20px;margin-bottom:20px}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table thead{background:#f5f5f5}
.table th{padding:12px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0}
.table td{padding:12px;border-bottom:1px solid #e0e0e0}
.table tbody tr:hover{background:#f9f9f9}
.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}
.badge-primary{background:#E3F2FD;color:#1976D2}
.badge-secondary{background:#f5f5f5;color:#666}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color 0.3s}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2196F3}
.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;position:relative;display:flex;justify-content:space-between;align-items:center}
.alert-success{background:#C8E6C9;color:#2E7D32}
.alert-error{background:#FFCDD2;color:#C62828}
.alert button{background:none;border:none;font-size:24px;cursor:pointer;color:inherit}
@media (max-width:768px){
.nav-container{flex-direction:column;align-items:flex-start}
.nav-menu{width:100%;margin-top:10px}
.page-header{flex-direction:column;align-items:flex-start}
.stats-grid{grid-template-columns:1fr}
}