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

/* Clean White + Navy UI Theme - Kurdish Quran Registration System */
:root{
  --brand:#0B1E5B;
  --brand-dark:#071642;
  --brand-soft:#f3f6ff;
  --ink:#111827;
  --muted:#6b7280;
  --line:#e5e7eb;
  --surface:#ffffff;
  --soft:#f9fafb;
  --success:#16a34a;
  --danger:#dc2626;
  --shadow:0 10px 26px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#ffffff}
body,
.site-body{
  font-family:'Noto Sans Arabic', Tahoma, Arial, sans-serif !important;
  color:var(--ink);
  background:#ffffff !important;
  overflow-x:hidden;
  line-height:1.75;
}
.main-card,
.main-panel,
body > div.bg-white,
.max-w-7xl > .bg-white,
.max-w-7xl > div.bg-white,
.stat{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow) !important;
}
.main-card{border-radius:22px !important;}
.form-header{
  width:100%;display:flex;align-items:center;justify-content:center;
  padding:0 0 12px;margin-bottom:4px;border-bottom:1px solid #f1f5f9;
}
.logo-wrap{width:100%;display:flex;justify-content:center;align-items:center;}
.site-logo,.modal-logo,.admin-logo{
  object-fit:contain;display:block;
  filter:none;
}
.site-logo{width:176px;height:auto;max-height:72px;}
.modal-logo{width:150px;height:auto;max-height:60px;margin:0 auto 10px;}
.admin-logo{width:92px;height:auto;max-height:44px;border-radius:0;background:transparent;padding:0;border:0;}
.form-title{font-size:24px;font-weight:900;color:var(--brand);line-height:1.55;margin-top:18px;margin-bottom:4px;letter-spacing:-.02em;}
.form-subtitle{font-size:16px;font-weight:800;color:#4b5563;line-height:1.7;margin-bottom:18px;}
.text-blue-800,.text-blue-700,.text-blue-600{color:var(--brand) !important;}
.bg-blue-600,.hover\:bg-blue-700:hover{background:var(--brand) !important;}
.info-box{background:#ffffff !important;border:1px solid #e5e7eb !important;box-shadow:none;border-radius:18px !important;}
.info-box p{font-size:15px;}
.info-box ul{padding-inline-start:1.1rem;}
.info-box li{font-size:13px;line-height:1.95;color:#374151;}
.note-box{background:#f9fafb !important;border:1px solid #eef2f7 !important;border-radius:14px !important;}
.label{display:block;font-size:13px;font-weight:900;color:var(--brand);margin-bottom:6px;letter-spacing:-.01em;}
.input{
  width:100%;padding:12px 13px;border-radius:13px;background:#ffffff !important;border:1px solid var(--line) !important;outline:none;color:#111827;box-shadow:none;transition:.2s ease;font-size:14px;font-weight:600;
}
.input::placeholder{color:#9ca3af;font-weight:500;}
.input:focus{border-color:var(--brand) !important;box-shadow:0 0 0 4px rgba(11,30,91,.08);background:#ffffff !important;}
select.input{cursor:pointer;}
.success-box,.error-box{font-weight:900;text-align:center;margin-bottom:12px;padding:12px;border-radius:14px;width:100%;font-size:14px;}
.success-box{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;}
.error-box{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;}
button,.btn-light,.btn-green,.btn-red{border:none;box-shadow:0 7px 16px rgba(15,23,42,.08);transition:.2s ease;}
button:hover,.btn-light:hover,.btn-green:hover,.btn-red:hover{transform:translateY(-1px);}
button[type="submit"],.max-w-7xl button,form button{background:var(--brand) !important;color:#fff !important;border-radius:14px !important;}
button[type="submit"]{font-size:16px !important;padding-top:13px !important;padding-bottom:13px !important;}
button[type="submit"]:hover,form button:hover{background:var(--brand-dark) !important;}
.btn-light{background:#f9fafb;color:#374151;padding:10px 15px;border-radius:12px;font-weight:900;display:inline-block;text-decoration:none;border:1px solid #e5e7eb;}
.btn-green{background:#16a34a;color:white;padding:10px 15px;border-radius:12px;font-weight:900;display:inline-block;text-decoration:none;}
.btn-red{background:#dc2626;color:white;padding:10px 15px;border-radius:12px;font-weight:900;display:inline-block;text-decoration:none;}
.stat{border-radius:18px;padding:20px;display:flex;justify-content:space-between;align-items:center;}
.stat span{color:#4b5563;font-weight:900;font-size:14px;}
.stat b{color:var(--brand);font-size:30px;line-height:1;}
table{border-collapse:separate;border-spacing:0;}
thead{background:var(--brand) !important;}
thead th{white-space:nowrap;font-weight:900;}
tbody tr{transition:.18s ease;background:#ffffff;}
tbody tr:hover{background:#f9fafb !important;}
.checkbox-box{background:#fffaf0 !important;border:1px solid #fed7aa !important;border-radius:16px !important;}
.checkbox-box span{font-size:12px;line-height:1.9;}
a{transition:.2s ease;}
.success-modal{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:20px;}
.success-modal-card{width:100%;max-width:430px;background:#ffffff;border-radius:24px;padding:28px 24px;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.22);border:1px solid #e5e7eb;animation:popIn .22s ease-out;}
.success-mark{width:56px;height:56px;border-radius:999px;background:#f0fdf4;color:#16a34a;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;margin:4px auto 12px;}
.success-modal-card h2{font-size:23px;font-weight:900;color:var(--brand);margin-bottom:8px;}
.success-modal-card p{color:#4b5563;line-height:1.9;font-weight:700;margin-bottom:18px;font-size:14px;}
.modal-actions{display:grid;gap:10px;}
.youtube-btn,.browse-btn{display:block;padding:13px 16px;border-radius:14px;font-weight:900;text-decoration:none;}
.youtube-btn{background:#dc2626;color:#fff}.youtube-btn:hover{background:#b91c1c;color:#fff}
.browse-btn{background:var(--brand-soft);color:var(--brand);border:1px solid #dbe4ff}.browse-btn:hover{background:#eaf0ff;color:var(--brand-dark)}
@keyframes popIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:640px){
  .main-card,body > div.bg-white{padding:20px !important;border-radius:18px !important;box-shadow:0 8px 20px rgba(15,23,42,.06) !important;}
  .grid.grid-cols-2{grid-template-columns:1fr !important;}
  .stat b{font-size:26px;}.stat{padding:16px;}
  .site-logo{width:150px;max-height:64px;}
  .form-title{font-size:21px;margin-top:14px;}
  .form-subtitle{font-size:15px;margin-bottom:15px;}
  .info-box{padding:14px !important;}
  .success-modal-card{padding:24px 18px;}
}
.whitespace-nowrap{white-space:nowrap;}
.child-extra-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:14px;}
.child-extra-box .mb-3{margin-bottom:12px;}