:root{--navy:#082f61;--blue:#0b67cf;--sky:#e6f5ff;--bg:#f4f8fb;--line:#dfe8f0;--text:#15375d;--muted:#73849a;--yellow:#ffd91a;--danger:#b42318;--danger-bg:#fff1f0;--ok:#127a4a;--ok-bg:#eaf8f1}
*{box-sizing:border-box}html{direction:rtl;background:var(--bg);font-family:"Heebo",Arial,sans-serif}body{margin:0;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}.sys-body{min-height:100vh}.sys-wrap{width:min(100% - 28px,720px);margin:30px auto}.sys-card{background:#fff;border:1px solid #e8eef4;border-radius:22px;box-shadow:0 14px 40px rgba(16,52,90,.08);padding:24px}.sys-install{max-width:640px;margin:auto}.sys-logo{width:58px;height:58px;border-radius:18px;background:var(--sky);display:grid;place-items:center;font-size:30px;margin-bottom:14px}.sys-card h1{margin:0 0 8px;color:var(--navy);font-size:30px}.sys-card h2{margin:24px 0 10px;color:var(--navy);font-size:18px}.sys-card p{margin:0 0 18px;color:var(--muted);line-height:1.65}.sys-form{display:grid;gap:13px}.sys-form label{display:grid;gap:6px;font-weight:700;color:var(--text)}.sys-form input,.sys-form select,.sys-form textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:12px 13px;outline:0;color:#17375d}.sys-form input:focus,.sys-form select:focus,.sys-form textarea:focus{border-color:#86bff3;box-shadow:0 0 0 3px rgba(11,103,207,.08)}.sys-form small{font-weight:400;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sys-primary,.sys-secondary,.sys-danger{min-height:48px;border:0;border-radius:13px;padding:0 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.sys-primary{background:linear-gradient(90deg,#073f82,#0754a8);color:#fff}.sys-secondary{background:#eaf6ff;color:#0a4f98}.sys-danger{background:#fff0ef;color:#a2271d}.sys-alert{padding:12px 14px;border-radius:13px;margin:0 0 16px;font-weight:600}.sys-alert.danger{background:var(--danger-bg);color:var(--danger)}.sys-alert.ok{background:var(--ok-bg);color:var(--ok)}.sys-footnote{font-size:13px;margin-top:18px!important}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid #e8edf2;backdrop-filter:blur(12px)}.topbar-inner{width:min(100% - 28px,1100px);margin:auto;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar a{text-decoration:none;color:var(--navy);font-weight:800}.top-actions{display:flex;gap:8px;align-items:center}.admin-layout{width:min(100% - 28px,1100px);margin:24px auto 60px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{background:#fff;border:1px solid #e7eef4;border-radius:18px;padding:18px;box-shadow:0 8px 22px rgba(13,46,82,.05)}.metric b{font-size:28px;color:var(--navy);display:block}.metric span{color:var(--muted)}.table-card{background:#fff;border:1px solid #e7eef4;border-radius:18px;overflow:auto;box-shadow:0 8px 22px rgba(13,46,82,.05);margin-top:16px}.table-card table{width:100%;border-collapse:collapse;min-width:760px}.table-card th,.table-card td{text-align:right;padding:12px 14px;border-bottom:1px solid #edf2f6}.table-card th{font-size:13px;color:#64778f;background:#f8fafc}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.pill.admin{background:#e6f3ff;color:#0759ab}.pill.user{background:#f0f3f6;color:#566a80}.pill.pending{background:#fff6cf;color:#7b6200}.pill.verified{background:#e8f8f0;color:#0d7144}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-actions form{display:inline}.admin-actions button,.admin-actions a{border:0;border-radius:10px;padding:8px 10px;background:#edf6ff;color:#0a4f98;font-weight:700;text-decoration:none;cursor:pointer}.danger-link{background:#fff0ef!important;color:#9f241b!important}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}.section-title h1,.section-title h2{margin:0;color:var(--navy)}
@media(max-width:640px){.grid2,.admin-grid{grid-template-columns:1fr}.sys-wrap,.admin-layout{width:min(100% - 20px,1100px);margin-top:12px}.sys-card{padding:18px;border-radius:18px}.topbar-inner{width:min(100% - 20px,1100px)}.top-actions .hide-mobile{display:none}}