@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --a-bg:#0b1220;
  --a-card:#0f172a;
  --a-card2:#111b33;
  --a-text:#e5e7eb;
  --a-muted:rgba(229,231,235,.70);
  --a-border:rgba(255,255,255,.10);
  --a-brand:#2563eb;
  --a-brand2:#7c3aed;
  --a-shadow:0 18px 40px rgba(0,0,0,.25);
  --a-radius:18px;
}

body.admin{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:
    radial-gradient(1000px 520px at 10% 0%, rgba(37,99,235,.22), transparent 55%),
    radial-gradient(900px 520px at 90% 10%, rgba(124,58,237,.16), transparent 50%),
    linear-gradient(180deg, #060b16, #0b1220 45%, #0b1220);
  color: var(--a-text);
}

.admin .sidebar{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border-right: 1px solid var(--a-border) !important;
  backdrop-filter: blur(10px);
}

.admin .brand{
  font-weight: 900;
  letter-spacing: .2px;
}

.admin .pill{
  border: 1px solid var(--a-border);
  background: rgba(255,255,255,.04);
  border-radius: 999px;
  padding: .35rem .6rem;
  display: inline-flex;
  gap: .45rem;
  align-items:center;
  color: var(--a-muted);
  font-size: .85rem;
}

.admin .nav-pills .nav-link{
  color: rgba(229,231,235,.82);
  border-radius: 14px;
  padding: .6rem .75rem;
  font-weight: 650;
  border: 1px solid transparent;
}
.admin .nav-pills .nav-link:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.08);
}
.admin .nav-pills .nav-link.active{
  background: linear-gradient(135deg, rgba(37,99,235,.35), rgba(124,58,237,.28));
  border-color: rgba(255,255,255,.12);
}

.admin .topbar{
  background: rgba(255,255,255,.05);
  border: 1px solid var(--a-border);
  border-radius: var(--a-radius);
  backdrop-filter: blur(10px);
  box-shadow: var(--a-shadow);
}

.admin .card{
  border-radius: var(--a-radius);
  border: 1px solid var(--a-border);
  background: rgba(255,255,255,.05);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
}
.admin .card .text-muted{ color: var(--a-muted) !important; }
.admin .table{ color: var(--a-text); }
.admin .table thead th{ color: rgba(229,231,235,.85); border-color: rgba(255,255,255,.10); }
.admin .table td{ border-color: rgba(255,255,255,.08); }

.admin .btn{
  border-radius: 999px;
  font-weight: 750;
}
.admin .btn-primary{
  background: linear-gradient(135deg, var(--a-brand), var(--a-brand2));
  border: 0;
  box-shadow: 0 12px 24px rgba(37,99,235,.18);
}
.admin .btn-outline-light{
  border-color: rgba(255,255,255,.18);
}
.admin .form-control, .admin .form-select, .admin textarea{
  border-radius: 14px;
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: var(--a-text);
}
.admin .form-control::placeholder, .admin textarea::placeholder{ color: rgba(229,231,235,.45); }
.admin .form-control:focus, .admin .form-select:focus, .admin textarea:focus{
  border-color: rgba(37,99,235,.55);
  box-shadow: 0 0 0 .25rem rgba(37,99,235,.12);
  background: rgba(255,255,255,.06);
  color: var(--a-text);
}

.admin .badge{
  border-radius: 999px;
  padding: .42rem .62rem;
  font-weight: 700;
}

.admin a{ color: rgba(229,231,235,.92); }
.admin a:hover{ color: #fff; }

.admin hr{ border-color: rgba(255,255,255,.10); }

@media (prefers-reduced-motion: no-preference){
  .admin .card{ transition: transform .18s ease, box-shadow .18s ease; }
  .admin .card:hover{ transform: translateY(-2px); box-shadow: 0 18px 44px rgba(0,0,0,.28); }
}

/* Readability fixes */
.admin .form-label{ color: rgba(229,231,235,.92) !important; font-weight: 650; }
.admin .form-text{ color: rgba(229,231,235,.70) !important; }
.admin .text-muted{ color: rgba(229,231,235,.72) !important; }
.admin h1, .admin h2, .admin h3, .admin h4, .admin h5{ color: rgba(255,255,255,.96); }
.admin .input-group-text{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.92) !important;
}
.admin .alert{ color:#fff; border: 1px solid rgba(255,255,255,.10); }
.admin .alert-success{ background: rgba(34,197,94,.16) !important; }
.admin .alert-danger{ background: rgba(220,38,38,.16) !important; }
.admin .alert-info{ background: rgba(59,130,246,.16) !important; }

/* Tables: force dark theme (fix unreadable white table blocks) */
.admin .table{
  --bs-table-bg: transparent;
  --bs-table-color: rgba(229,231,235,.94);
  --bs-table-striped-bg: rgba(255,255,255,.04);
  --bs-table-hover-bg: rgba(255,255,255,.06);
}
.admin .table>:not(caption)>*>*{
  background-color: transparent !important;
  color: rgba(229,231,235,.94);
}
.admin .table a{ color: rgba(255,255,255,.95); }
.admin .table a:hover{ color: #fff; }

/* Improve overall text contrast in cards */
.admin .card, .admin .topbar, .admin .sidebar{
  color: rgba(255,255,255,.92);
}
.admin .small, .admin small{
  color: rgba(229,231,235,.78);
}
.admin .badge.bg-secondary{
  background-color: rgba(148,163,184,.22) !important;
}
.admin .btn-outline-primary{
  border-color: rgba(96,165,250,.35);
  color: rgba(219,234,254,.95);
}
.admin .btn-outline-danger{
  border-color: rgba(248,113,113,.35);
  color: rgba(254,226,226,.95);
}


/* === CKEditor readability fix (Admin) === */
.admin .ck.ck-editor__main > .ck-editor__editable,
.admin .ck.ck-editor__main > .ck-editor__editable_inline{
  background:#ffffff !important;
  color:#111827 !important;
  border-radius:16px !important;
  min-height:280px;
  padding:16px 18px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.22);
}

.admin .ck.ck-toolbar{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  border-radius:16px !important;
}

.admin .ck.ck-toolbar .ck-button,
.admin .ck.ck-toolbar .ck-dropdown__button{
  color:#111827 !important;
}

.admin .ck.ck-toolbar .ck-button:hover,
.admin .ck.ck-toolbar .ck-dropdown__button:hover{
  background: rgba(37,99,235,.10) !important;
}

.admin .ck.ck-editor__editable_inline h1,
.admin .ck.ck-editor__editable_inline h2,
.admin .ck.ck-editor__editable_inline h3,
.admin .ck.ck-editor__editable_inline h4{
  color:#0f172a !important;
}

.admin .ck.ck-editor__editable_inline a{
  color:#2563eb !important;
}

.admin .ck.ck-editor__editable_inline blockquote{
  border-left: 4px solid rgba(37,99,235,.45);
  padding-left: 14px;
  color:#111827 !important;
}