/* لوحة التحكم — عربية RTL متجاوبة */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Cairo',Tahoma,sans-serif;background:#0b1226;color:#eef2ff;font-size:14.5px}
a{color:inherit;text-decoration:none}
.top{position:sticky;top:0;z-index:20;background:#0f1730ee;backdrop-filter:blur(10px);border-bottom:1px solid #d4af3733;display:flex;align-items:center;gap:10px;padding:10px 14px}
.top b{font-size:15px}.top small{color:#9aa7c7}
.wrap{display:flex;min-height:100vh}
.side{width:240px;flex-shrink:0;background:#0f1730;border-left:1px solid #ffffff12;padding:14px;display:flex;flex-direction:column;gap:4px}
.side a{display:flex;gap:10px;align-items:center;padding:11px 13px;border-radius:12px;font-weight:700;font-size:13.5px;color:#cbd5e1}
.side a:hover,.side a.on{background:#d4af3722;color:#f4d35e;border:1px solid #d4af3744}
.side .grp{font-size:11px;color:#64748b;font-weight:800;margin:12px 6px 4px}
.main{flex:1;padding:18px;max-width:980px;width:100%}
.cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:14px 0}
.card{background:linear-gradient(180deg,#16204a,#101a38);border:1px solid #ffffff12;border-radius:16px;padding:16px;text-align:center}
.card b{font-size:24px;color:#f4d35e;display:block}.card small{color:#9aa7c7}
.panel{background:#101a38;border:1px solid #ffffff12;border-radius:18px;padding:20px;margin:12px 0}
.panel h2{font-size:18px;margin-bottom:4px}.panel p.hint{color:#9aa7c7;font-size:12.5px;margin-bottom:14px}
label{display:block;font-size:12.5px;font-weight:800;color:#cbd5e1;margin:12px 0 5px}
input[type=text],input[type=password],input[type=number],input[type=url],textarea,select{width:100%;padding:12px;border-radius:12px;border:1px solid #ffffff22;background:#0b1330;color:#fff;font-family:inherit;font-size:14px}
textarea{min-height:90px;resize:vertical}
input[type=color]{width:60px;height:42px;border-radius:10px;border:1px solid #ffffff33;background:none;cursor:pointer}
.row{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;border:0;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer}
.btn-g{background:linear-gradient(135deg,#d4af37,#f4d35e);color:#231a02}
.btn-b{background:#0ea5e9;color:#fff}.btn-r{background:#ef4444;color:#fff}.btn-gh{background:#ffffff12;color:#fff;border:1px solid #ffffff22}
table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}
th,td{padding:10px;border-bottom:1px solid #ffffff10;text-align:right}
th{color:#f4d35e;font-size:12px}
tr:hover td{background:#ffffff06}
.ok{background:#14532d;border:1px solid #4ade80;color:#bbf7d0;padding:12px;border-radius:12px;margin:10px 0}
.err{background:#7f1d1d;border:1px solid #f87171;color:#fecaca;padding:12px;border-radius:12px;margin:10px 0}
.switch{display:flex;align-items:center;gap:10px;background:#ffffff08;padding:10px 14px;border-radius:12px;margin:6px 0;font-size:13.5px;font-weight:700}
.switch input{width:20px;height:20px;accent-color:#d4af37}
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(800px 400px at 50% 0%,#1e2a4a,#0b1226)}
.login .box{width:100%;max-width:400px;background:#141d36;border:1px solid #d4af3744;border-radius:22px;padding:30px;text-align:center}
.toggle-sections{display:grid;gap:6px;grid-template-columns:1fr 1fr}
.preview-map iframe{width:100%;border-radius:14px}
.font-prev{background:#0b1330;border:1px dashed #d4af3766;border-radius:12px;padding:14px;margin-top:8px}
@media(max-width:820px){.side{position:fixed;right:0;top:0;bottom:0;z-index:50;transform:translateX(100%);transition:.25s;width:270px}.side.open{transform:none}.row{grid-template-columns:1fr}.toggle-sections{grid-template-columns:1fr}#burger{display:inline-flex!important}}
#burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid #ffffff22;background:#ffffff0d;color:#fff;font-size:19px;cursor:pointer}
.msg-unread{background:#d4af3714}
.badge{display:inline-block;font-size:11px;font-weight:800;padding:3px 10px;border-radius:99px}
.b-new{background:#ef4444;color:#fff}.b-read{background:#22c55e33;color:#4ade80}