:root{--bg:#f3f0ea;--panel:#fffdf8;--ink:#1c1a17;--muted:#6b645a;--line:#e4ddd2;--accent:#0f6b4c;--accent-soft:#d9efe4;--warn:#9a6700;--warn-soft:#fff3cd;--bad:#9b1c1c;--bad-soft:#fde8e8;--ok:#0f6b4c;--ok-soft:#d9efe4;--shadow:0 10px 30px #1c1a170f;--radius:14px;--font:"Segoe UI", "Noto Sans Arabic", "Noto Naskh Arabic", Tahoma, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(circle at top left, #e7f4ee 0%, transparent 40%), linear-gradient(180deg, #f7f3ec 0%, var(--bg) 100%);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.center-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:20px;padding:28px}.login-card h1{margin:0 0 8px;font-size:1.6rem}.login-card p{color:var(--muted);margin:0 0 20px}.field{gap:6px;margin-bottom:14px;display:grid}.field label{color:var(--muted);font-size:.9rem}.field input,.field select,.field textarea,.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn.danger{background:var(--bad)}.btn.ok{background:var(--ok)}.error{color:var(--bad);margin-top:10px}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#f4faf7;background:#16382c;flex-direction:column;gap:18px;padding:20px 16px;display:flex}.brand{padding:8px 10px;font-size:1.15rem;font-weight:700}.sidebar nav{gap:4px;display:grid}.nav{color:#d7ebe2;border-radius:10px;padding:10px 12px}.nav.active,.nav:hover{color:#fff;background:#ffffff1a}.sidebar-foot{gap:10px;margin-top:auto;display:grid}.lang-row{gap:6px;display:flex}.lang-row button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;flex:1;padding:6px}.user-chip{color:#c7ddd4;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.content{padding:24px}.page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-head h1{margin:0;font-size:1.5rem}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.stat .label{color:var(--muted);font-size:.9rem}.stat .value{margin-top:6px;font-size:1.8rem;font-weight:700}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;padding:14px;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 14px}th{color:var(--muted);background:#faf7f1;font-size:.85rem;font-weight:600}.badge{background:#ece7de;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.doc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.doc-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.doc-card img{object-fit:cover;background:#efeae2;width:100%;height:220px;display:block}.doc-card .cap{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.meta-list{gap:8px;margin:0 0 18px;display:grid}.meta-list div{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.empty{text-align:center;color:var(--muted);padding:28px}@media (width<=960px){.shell{grid-template-columns:1fr}.sidebar{z-index:5;position:sticky;top:0}.stats,.doc-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.stats,.doc-grid{grid-template-columns:1fr}.content{padding:16px}table{display:block;overflow-x:auto}}
