/* admin.css */
body { font-family: Arial, sans-serif; margin: 0; background: #f4f6f9; }
#admin-wrapper { display: flex; min-height: 100vh; }
#sidebar {
    width: 250px;
    background: #2c3e50;
    color: #fff;
    padding-top: 20px;
    position: fixed;
    height: 100%;
    overflow-y: auto;
}
#sidebar h3 {
    text-align: center;
    color: #ecf0f1;
    margin-bottom: 30px;
}
#sidebar a {
    color: #ecf0f1;
    padding: 15px 20px;
    display: block;
    text-decoration: none;
    transition: 0.3s;
}
#sidebar a:hover, #sidebar a.active {
    background: #3498db;
}
#main-content {
    margin-left: 250px;
    padding: 20px;
    width: 100%;
}
.card {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}
.stats {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.stat-box {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px;
    border-radius: 10px;
    min-width: 200px;
    text-align: center;
}
.stat-box h3 { margin: 0; font-size: 2.5em; }
table {
    width: 100%;
    border-collapse: collapse;
    background: white;
}
th, td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
th { background: #f8f9fa; }
.btn {
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}
.btn-edit { background: #f39c12; color: white; }
.btn-delete { background: #e74c3c; color: white; }
.btn-add { background: #27ae60; color: white; margin-bottom: 20px; }

/* Responsive */
@media (max-width: 768px) {
    #sidebar { width: 80px; }
    #sidebar h3, #sidebar span { display: none; }
    #main-content { margin-left: 80px; }
}
/* admin.css */
* {margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}
body {background:#f0f2f5;color:#333;}
.wrapper {display:flex;min-height:100vh;}
.sidebar {width:280px;background:#2c3e50;color:white;position:fixed;height:100%;padding:20px 0;overflow-y:auto;z-index:999;}
.sidebar h3 {font-size:26px;text-align:center;color:#1abc9c;margin-bottom:50px;}
.sidebar a {display:block;padding:18px 40px;color:#bdc3c7;text-decoration:none;font-size:17px;transition:.3s;}
.sidebar a:hover,.sidebar a.active {background:#34495e;color:white;border-left:5px solid #1abc9c;}
.sidebar a i {margin-right:15px;width:25px;text-align:center;}
.main {margin-left:280px;padding:30px;width:calc(100% - 280px);}
.header {background:white;padding:18px 30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.title-dashboard {font-size:34px;color:#2c3e50;margin-bottom:30px;}
.stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;margin-bottom:50px;}
.card {background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:40px;border-radius:20px;text-align:center;box-shadow:0 15px 35px rgba(102,94,234,.4);transition:.3s;}
.card:hover {transform:translateY(-10px);}
.card h3 {font-size:52px;font-weight:bold;margin:10px 0;}
.section-title {color:#2c3e50;margin:40px 0 20px;font-size:26px;}
.content, .thongke-section {background:white;padding:35px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);}
.table {width:100%;border-collapse:collapse;margin-top:20px;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1);}
.table th {background:#667eea;color:white;padding:18px;font-size:17px;text-align:center;}
.table td {padding:16px;text-align:center;border-bottom:1px solid #eee;}
.btn {padding:10px 22px;border:none;border-radius:8px;color:white;font-weight:bold;cursor:pointer;transition:.3s;}
.btn-add {background:#27ae60;padding:15px 35px;font-size:18px;margin:20px 0;display:inline-block;}
.btn-sua {background:#f39c12;margin:0 5px;}
.btn-xoa {background:#e74c3c;}
.btn-filter {background:#3498db;margin-left:10px;}
.btn:hover {opacity:0.9;transform:scale(1.05);}
.input-form input, .filter input, .filter select {padding:12px;border:1px solid #ddd;border-radius:8px;margin-right:10px;font-size:15px;}
.input-form, .filter {margin-bottom:25px;}
.mt-20 {margin-top:20px;}