:root{
  --admin-bg-1:#f3fbf6;
  --admin-bg-2:#e6f6ee;
  --admin-surface:#ffffff;
  --admin-border:rgba(46,125,50,.18);
  --admin-shadow:0 12px 30px rgba(16,24,40,.10);
  --admin-shadow-sm:0 8px 18px rgba(16,24,40,.08);
  --admin-radius:18px;
  --admin-radius-sm:14px;
  --admin-brand:#2e7d32;
  --admin-brand-2:#43a047;
  --admin-text:#102a12;
  --admin-muted:#546e5a;
  --admin-ring:0 0 0 .25rem rgba(46,125,50,.12);
}

html,body{
  height:100%;
}

body{
  background:radial-gradient(1100px 600px at 10% 0%, var(--admin-bg-2), transparent 55%),
             radial-gradient(900px 500px at 90% 10%, #e8f5e9, transparent 50%),
             linear-gradient(135deg, var(--admin-bg-1), var(--admin-bg-2));
  font-family:'Cairo', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--admin-text);
}

*{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.admin-page{
  min-height:100vh;
  padding:24px 12px;
}

.header{
  background:linear-gradient(90deg, var(--admin-brand), var(--admin-brand-2));
  letter-spacing:.3px;
  font-weight:700;
}

/* تصميم navbar للصفحات غير الإدارية فقط */
.navbar:not(.admin-navbar){
  background:rgba(255,255,255,.75);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(0,0,0,.06);
}

.navbar:not(.admin-navbar) .navbar-brand{
  font-weight:800;
}

.navbar:not(.admin-navbar) .navbar-toggler{
  border-radius:var(--admin-radius-sm);
  border:1px solid rgba(0,0,0,.10);
}

.navbar:not(.admin-navbar) .nav-link{
  color:var(--admin-text) !important;
  font-weight:700;
  border-radius:999px;
  padding:.45rem .9rem;
}

.navbar:not(.admin-navbar) .nav-link:hover,
.navbar:not(.admin-navbar) .nav-link:focus{
  background:rgba(46,125,50,.10);
  color:var(--admin-brand) !important;
}

.container{
  background:var(--admin-surface);
  border:1px solid var(--admin-border);
  border-radius:var(--admin-radius);
  box-shadow:var(--admin-shadow);
}

.card{
  border-radius:var(--admin-radius);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:var(--admin-shadow-sm);
}

.card-header{
  background:transparent;
  border-bottom:1px solid rgba(0,0,0,.06);
  font-weight:700;
}

h1,h2,h3,h4{
  color:var(--admin-brand);
}

.form-control,.form-select{
  border-radius:var(--admin-radius-sm);
  border:1px solid rgba(0,0,0,.10);
}

.form-control:focus,.form-select:focus{
  border-color:rgba(46,125,50,.55);
  box-shadow:var(--admin-ring);
}

.btn{
  border-radius:var(--admin-radius-sm);
  font-weight:700;
}

.btn-primary{
  background:linear-gradient(90deg, var(--admin-brand), var(--admin-brand-2));
  border:0;
}

.btn-outline-success{
  color:var(--admin-brand);
  border-color:rgba(46,125,50,.35);
}

.btn-outline-success:hover{
  background:rgba(46,125,50,.10);
  color:var(--admin-brand);
  border-color:rgba(46,125,50,.45);
}

.btn-primary:hover{
  filter:brightness(.98);
}

.btn-secondary{
  background:#607d8b;
  border-color:#607d8b;
}

.btn-danger{
  background:#d32f2f;
  border-color:#d32f2f;
}

.btn-warning{
  background:#f9a825;
  border-color:#f9a825;
  color:#1b1b1b;
}

.btn-info{
  background:#0288d1;
  border-color:#0288d1;
}

.btn-success{
  background:#2e7d32;
  border-color:#2e7d32;
}

.alert{
  border-radius:14px;
}

.badge{
  border-radius:999px;
  font-weight:700;
}

.table,
.questions-table,
.video-table,
.results-table,
.main-table,
.details-table,
.top-table{
  border-radius:14px;
  overflow:hidden;
}

.table td,
.table th{
  vertical-align:middle;
}

.table tbody tr:hover{
  background-color:rgba(46,125,50,.06);
}

.table thead th{
  background:linear-gradient(90deg, var(--admin-brand), var(--admin-brand-2));
  color:#fff;
  border:0;
}

.questions-table th,
.video-table th,
.results-table th,
.main-table th{
  background:linear-gradient(90deg, var(--admin-brand), var(--admin-brand-2));
  color:#fff;
}

a{
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

/* بطاقات الإحصائيات */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card {
    background: white;
    border-radius: 20px;
    padding: 25px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    border-right: 5px solid;
}

.stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.stat-card .stat-icon {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: white;
}

.stat-card .stat-info {
    flex: 1;
}

.stat-card .stat-number {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 5px;
}

.stat-card .stat-label {
    font-size: 0.9rem;
    color: #666;
    font-weight: 500;
}

/* ألوان البطاقات */
.stat-card.blue { border-color: #3f51b5; }
.stat-card.blue .stat-icon { background: linear-gradient(135deg, #3f51b5, #5c6bc0); }
.stat-card.blue .stat-number { color: #3f51b5; }

.stat-card.green { border-color: #4caf50; }
.stat-card.green .stat-icon { background: linear-gradient(135deg, #4caf50, #81c784); }
.stat-card.green .stat-number { color: #4caf50; }

.stat-card.pink { border-color: #e91e63; }
.stat-card.pink .stat-icon { background: linear-gradient(135deg, #e91e63, #f06292); }
.stat-card.pink .stat-number { color: #e91e63; }

.stat-card.orange { border-color: #ff9800; }
.stat-card.orange .stat-icon { background: linear-gradient(135deg, #ff9800, #ffb74d); }
.stat-card.orange .stat-number { color: #ff9800; }

.stat-card.purple { border-color: #9c27b0; }
.stat-card.purple .stat-icon { background: linear-gradient(135deg, #9c27b0, #ba68c8); }
.stat-card.purple .stat-number { color: #9c27b0; }

.stat-card.teal { border-color: #009688; }
.stat-card.teal .stat-icon { background: linear-gradient(135deg, #009688, #4db6ac); }
.stat-card.teal .stat-number { color: #009688; }

/* قسم الفلاتر والتصدير */
.filter-export-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    background: linear-gradient(135deg, #f5f7fa, #e8eaf6);
    padding: 20px 25px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.filters-box {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.filter-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-item label {
    font-weight: 600;
    color: #555;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 6px;
}

.filter-item label i {
    color: #3f51b5;
}

.filter-item select {
    padding: 10px 20px;
    border-radius: 10px;
    border: 2px solid #ddd;
    background: white;
    font-size: 1rem;
    min-width: 180px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.filter-item select:focus {
    border-color: #3f51b5;
    outline: none;
    box-shadow: 0 0 0 3px rgba(63, 81, 181, 0.15);
}

/* أزرار التصدير */
.export-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.export-btn {
    padding: 12px 20px;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
}

.export-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.export-btn.pdf { background: linear-gradient(135deg, #d32f2f, #f44336); }
.export-btn.png { background: linear-gradient(135deg, #ff9800, #ffb74d); color: #333; }
.export-btn.excel { background: linear-gradient(135deg, #4caf50, #81c784); }

/* عنوان القسم */
.section-title {
    color: #1a237e;
    font-weight: 700;
    text-align: center;
    margin: 30px 0 25px;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.section-title i {
    color: #ffd700;
}

/* رسائل فارغة ودية */
.empty-message {
    text-align: center;
    padding: 40px 20px;
    background: linear-gradient(135deg, #fafafa, #f5f5f5);
    border-radius: 15px;
    margin: 20px 0;
}

.empty-message i {
    font-size: 3rem;
    color: #bdbdbd;
    margin-bottom: 15px;
}

.empty-message p {
    color: #757575;
    font-size: 1.1rem;
    margin: 0;
}

/* تحسين الجداول */
.main-table, .top-table, .details-table {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.main-table thead th, .details-table thead th {
    background: linear-gradient(135deg, #1a237e, #3f51b5) !important;
    padding: 15px 12px;
    font-weight: 600;
}

.top-table thead th {
    background: linear-gradient(135deg, #ffd700, #ffb300) !important;
    color: #333 !important;
}

/* تجاوب الشاشات الصغيرة */
@media (max-width: 768px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .stat-card {
        padding: 15px;
    }
    
    .stat-card .stat-icon {
        width: 45px;
        height: 45px;
        font-size: 1.3rem;
    }
    
    .stat-card .stat-number {
        font-size: 1.5rem;
    }
    
    .filter-export-section {
        flex-direction: column;
        align-items: stretch;
    }
    
    .export-buttons {
        justify-content: center;
    }
}