/* (SỬA ĐỔI) Bỏ margin-left vì không có sidebar */
.main-content-wrapper { margin-left: 0; }
.sidebar { display: none; }

/* (SỬA ĐỔI) CSS cho 5 cột */
.stats-box { 
    display: grid; 
    grid-template-columns: 1fr; 
    gap: 15px; 
}
@media (min-width: 768px) { 
    .stats-box { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } /* Cho phép tự động xuống hàng */
}

.stat-item { text-align: center; font-size: 1em; color: #333; padding: 20px; border-radius: 10px; border: 1px solid rgba(0,0,0,0.1); }
.stat-item strong { display: block; font-size: 2.5em; margin-top: 5px; font-weight: 700; }
.stat-total-all { background-color: #e6f4e6; } .stat-total-all strong { color: #006400; }
.stat-available { background-color: #fff0cc; } .stat-available strong { color: #b8860b; }
.stat-waiting { background-color: #e0f2f7; } .stat-waiting strong { color: #005f73; }
.stat-registered { background-color: #f2e6ff; } .stat-registered strong { color: #4b0082; }
.note-box { margin-bottom: 20px; padding: 15px; background-color: #e2f3ff; border: 1px solid #b6d4fe; border-radius: 5px; text-align: center; font-weight: bold; }
.note-box a { color: #0056b3; }
.update-form-container { max-width: 100%; margin: 0 auto 24px; padding: 20px; border: 1px solid #28a745; border-radius: 12px; background-color: #f4fcf7; }
.update-form-container h2 { color: #28a745; }
.tiktok-table-container { max-width: 100%; margin: 0 auto 24px; padding: 20px; border: 1px solid #ccc; border-radius: 12px; background-color: #fff; }
.account-table { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 0.9em; }
.account-table th, .account-table td { border: 1px solid #dee2e6; padding: 8px 12px; text-align: left; }
.account-table th { background-color: #343a40; color: #fff; }
.account-table tr:nth-child(even) { background-color: #f8f9fa; }
textarea, select, input[type="text"], input[type="number"], input[type="password"] { width: 100%; padding: 10px; border-radius: 5px; border: 1px solid #ccc; box-sizing: border-box; }
textarea { min-height: 120px; margin-bottom: 10px; }
.form-controls-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 15px; }
.btn-submit { background-color: #28a745; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; }
.message { padding: 15px; margin-bottom: 20px; border-radius: 5px; color: #fff; text-align: center; }
.message.success { background-color: #28a745; }
.message.error { background-color: #dc3545; }
.pagination { margin-top: 20px; text-align: center; }
.pagination a, .pagination span { color: #007bff; padding: 8px 16px; text-decoration: none; border: 1px solid #dee2e6; margin: 0 4px; border-radius: 4px; }
.pagination span { color: #6c757d; background-color: #e9ecef; border-color: #dee2e6; }
.pagination a.active { background-color: #007bff; color: white; border-color: #007bff; }
.pagination a:hover:not(.active) { background-color: #e9ecef; }
#select-all-pages-info { display: none; margin-bottom: 10px; background-color: #d1ecf1; border-color: #bee5eb; color: #0c5460; padding: .75rem 1.25rem; border: 1px solid transparent; border-radius: .25rem; }
.status-completed { background-color: #d4edda !important; }
.status-waiting { background-color: #fff3cd !important; }
.purchase-section { display: none; } /* Ẩn mua coin */
.mail-config-section { display: none; } /* Ẩn cấu hình mail */
.custom-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); display: none; justify-content: center; align-items: center; z-index: 1050; }
.custom-modal-content { background: #fff; padding: 25px; border-radius: 8px; width: 90%; max-width: 500px; text-align: left; }
.custom-modal-buttons { margin-top: 20px; display: flex; justify-content: flex-end; gap: 10px; }
.modal-btn { padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-weight: bold; }
.modal-btn.ok { background-color: #007bff; color: white; }
.modal-btn.cancel { background-color: #6c757d; color: white; }
#custom-copy-section-tiktok { display: none; margin-top: 15px; padding: 15px; border: 1px solid #ffc107; border-radius: 5px; background: #fffcf1; }
#custom-copy-section-tiktok h4 { margin-top: 0; margin-bottom: 15px; color: #856404; }
.custom-copy-controls { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; margin-bottom: 15px; }
.custom-copy-controls label { font-weight: bold; }
.custom-copy-controls input[type="text"] { width: 50px; padding: 5px; text-align: center; }
#custom-copy-columns-container { display: flex; flex-wrap: wrap; gap: 10px; padding: 10px; background: #fff; border-radius: 5px; border: 1px solid #ffeeba; min-height: 40px; margin-bottom: 15px; }
.column-select-wrapper { display: flex; align-items: center; gap: 5px; background: #f8f9fa; padding: 5px; border-radius: 4px; }
.column-select-wrapper select { width: auto; padding: 5px; }
.remove-col-btn { background: #dc3545; color: white; border: none; border-radius: 50%; width: 20px; height: 20px; cursor: pointer; font-weight: bold; }
#custom-copy-output { width: 100%; height: 120px; margin-top: 10px; }
.note-box a { color: #0056b3; text-decoration: none; }
.note-box a:hover { text-decoration: underline; }