:root{direction:rtl;color-scheme:dark;--bg: #050b0d;--bg-2: #071315;--surface: #0b171a;--surface-2: #101f23;--surface-hover: #13272b;--border: rgba(103, 142, 148, .24);--border-strong: rgba(31, 240, 232, .55);--text: #f4f7f7;--text-muted: #a9b5b8;--text-soft: #6f8084;--accent: #22e6df;--accent-2: #00b8b5;--success: #24d17e;--warning: #f3b84b;--danger: #d95a49;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-glow: 0 0 18px rgba(34, 230, 223, .18);font-family:IBM Plex Sans Arabic,Tajawal,Noto Sans Arabic,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 85%,rgba(34,230,223,.14),transparent 28rem),linear-gradient(180deg,#050b0df5,#010709fa),var(--bg);color:var(--text);text-align:right}button,input,textarea,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;grid-template-columns:minmax(0,1fr) minmax(340px,390px);gap:48px;padding:32px;position:relative;isolation:isolate;overflow:hidden;direction:ltr;background-image:url(/mirsal-login-background.png);background-size:cover;background-position:center}.login-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#02090be6,#02090b7a 38%,#02090b33 64%,#02090bb8),linear-gradient(180deg,#00000029,#000000ad)}.login-brand{direction:rtl;justify-self:start;align-self:end;max-width:420px;padding:0 0 32px}.login-badge{width:fit-content;min-height:32px;display:inline-flex;align-items:center;gap:8px;padding:5px 11px;color:var(--accent);border:1px solid rgba(34,230,223,.28);border-radius:999px;background:#0410129e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-brand h1{font-size:42px;margin:24px 0 10px}.login-brand p{color:var(--text-muted);font-size:18px}.login-card,.panel,.metric-card,.notice-card{background:linear-gradient(180deg,#101f23eb,#081114eb);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 80px #00000047}.login-card{direction:rtl;align-self:start;width:min(390px,100%);margin-top:clamp(16px,4vh,44px);padding:20px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:16px;border-left:1px solid var(--border);background:#050c0ed1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:10px;padding:8px 6px 18px}.brand-mark{width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);border:1px solid rgba(34,230,223,.32);border-radius:12px;background:linear-gradient(180deg,#22e6df29,#051215b3);box-shadow:var(--shadow-glow)}.brand strong,.brand span{display:block}.brand span,.topbar p,small{color:var(--text-muted);font-size:12px}nav{display:grid;gap:6px}nav button,.logout,.ghost-button,.text-button,.danger-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;border:0;color:var(--text-muted);background:transparent}nav button{width:100%;height:42px;border-radius:12px;padding-inline:12px}nav button.active{color:var(--accent);background:#22e6df1a;box-shadow:inset 0 0 0 1px #22e6df40}.logout{position:absolute;bottom:16px;inset-inline:16px;height:42px}.workspace{padding:18px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.topbar h1{font-size:27px;margin:0 0 4px}.admin-chip,.search-box,.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:#0b171ac2;border-radius:999px}.admin-chip{height:40px;padding-inline:13px;color:var(--accent)}.grid{display:grid;gap:12px}.metrics{grid-template-columns:repeat(3,minmax(180px,1fr))}.metrics.compact{grid-template-columns:repeat(4,minmax(120px,1fr));margin:12px 0}.metric-card{min-height:118px;padding:16px;display:grid;align-content:space-between}.metric-card svg{color:var(--accent);filter:drop-shadow(0 0 10px rgba(34,230,223,.18))}.metric-card span{color:var(--text-muted);font-size:13px}.metric-card strong{font-size:30px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.panel{padding:14px;overflow:hidden}.panel.wide{min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panel-title div{display:flex;align-items:center;gap:8px}.panel-title svg{color:var(--accent)}.panel-title h2{margin:0;font-size:18px}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid rgba(103,142,148,.12);vertical-align:middle;font-size:13px}th{color:var(--text-soft);font-weight:700}td strong,td small{display:block}tr:hover td{background:#22e6df09}.badge{min-height:24px;padding:3px 9px;font-size:12px;border-color:#ffffff14}.badge.good{color:var(--success);background:#24d17e1a}.badge.warn{color:var(--warning);background:#f3b84b1c}.badge.danger{color:var(--danger);background:#d95a491a}.badge.muted{color:var(--text-muted)}.field{display:grid;gap:6px;color:var(--text-muted);font-size:13px}.field input,.field textarea,.field select,.search-box input{width:100%;border:1px solid var(--border);border-radius:10px;color:var(--text);background:#071114;outline:none;padding:10px 12px}.field input:focus,.field textarea:focus,.field select:focus,.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22e6df1f}.search-box{height:38px;min-width:240px;padding-inline:10px;border-radius:11px}.search-box input{border:0;padding:0;background:transparent}.stack{display:grid;gap:12px}.primary-button,.primary-small{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent);border-radius:12px;color:#fff;background:linear-gradient(180deg,#00b8b5c7,#042a30f0);box-shadow:var(--shadow-glow);min-height:42px;padding-inline:14px}.primary-small{min-height:32px;font-size:12px}.ghost-button{height:36px;border:1px solid var(--border);border-radius:10px;padding-inline:10px}.text-button{color:var(--accent)}.danger-button{color:var(--danger)}.row-actions{display:flex;gap:10px}.form-error{color:var(--warning);font-size:13px}.hint-box,.target-box{border:1px solid rgba(103,142,148,.18);border-radius:12px;background:#0711149e}.hint-box{padding:10px 12px;color:var(--text-muted);font-size:12px;line-height:1.7}.target-box{display:grid;gap:12px;padding:12px}.selector-list{max-height:160px;overflow:auto;display:grid;gap:6px;padding:8px;border:1px solid var(--border);border-radius:10px;background:#071114}.selector-row{min-height:32px;display:flex;align-items:center;gap:8px;color:var(--text);font-size:12px}.cards-list{display:grid;gap:10px}.notice-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:var(--radius-md)}.notice-card h3{margin:8px 0 3px}.notice-card p{color:var(--text-muted);margin:0;font-size:13px}.notice-actions{display:grid;justify-items:end;gap:10px}.body-preview{margin:12px 0 0;padding:14px;color:var(--text);line-height:1.85;white-space:pre-wrap;border:1px solid rgba(103,142,148,.18);border-radius:12px;background:#0711149e}.check{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.policy-grid,.health-grid{grid-template-columns:repeat(3,minmax(160px,1fr));display:grid;gap:10px}.policy-item{border:1px solid var(--border);background:#071114b8;border-radius:12px;padding:12px}.policy-item span{display:block;color:var(--text-muted);font-size:12px;margin-bottom:7px}@media(max-width:980px){.app-shell,.login-shell,.page-grid{grid-template-columns:1fr}.login-shell{direction:rtl;align-content:end;background-position:center top}.login-brand{align-self:auto;justify-self:stretch;padding:0}.login-card{align-self:auto;margin-top:0}.sidebar{position:static;height:auto}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.logout{position:static;width:100%;margin-top:10px}.metrics,.metrics.compact,.policy-grid,.health-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}table{min-width:760px}.panel,.panel.wide{overflow-x:auto}}