/* style.css (حافظ على هذا الاسم وUTF-8) */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
:root{--blue:#0b5fa5;--accent:#c1121f;--bg:#f5f9fc;--card:#fff;--muted:#6b7280}
*{box-sizing:border-box}
body{margin:0;font-family:'Cairo',sans-serif;background:var(--bg);color:#0b2540}
.site-header{background:linear-gradient(90deg,var(--blue),#0a82bb);color:#fff;padding:12px;display:flex;align-items:center;gap:12px}
.site-header.small{padding:10px}
.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center}
.logo{width:74px;height:74px;border-radius:50%;background:#fff;padding:8px;object-fit:contain}
.small-logo{width:48px;height:48px}
.title-box h1{margin:0;font-size:1.2rem}
.subtitle{opacity:0.95}
.card{max-width:980px;margin:14px auto;background:var(--card);padding:18px;border-radius:12px;box-shadow:0 8px 22px rgba(11,37,64,0.06)}
.auth-card{max-width:420px;margin:60px auto;padding:22px;background:var(--card);border-radius:12px;box-shadow:0 8px 22px rgba(11,37,64,0.06);text-align:center}
input,select,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #dde9f5;margin-top:6px;background:#fbfdff}
label{display:block;margin-top:10px;font-weight:600;text-align:right}
.row{display:flex;gap:10px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.btn{padding:8px 12px;border-radius:8px;border:0;background:rgba(255,255,255,0.12);color:#fff;text-decoration:none;cursor:pointer}
.btn.small{padding:6px 8px;background:rgba(255,255,255,0.12)}
.btn.primary{background:var(--blue);color:#fff}
.btn.warning{background:#ef4444;color:#fff}
.msg{color:#b02a37;margin-top:10px}
.controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.records{width:100%;border-collapse:collapse}
.records th,.records td{padding:8px;border:1px solid #e6eef8;text-align:center}
.records th{background:#f0f7ff;font-weight:700}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:700px){.grid{grid-template-columns:1fr}.auth-card{margin:30px 12px}}
.site-footer{background:var(--accent);color:#fff;padding:12px;text-align:center;position:fixed;left:0;right:0;bottom:0}