@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=IBM+Plex+Arabic:wght@400;600;700&display=swap";*,:before,:after{box-sizing:border-box}html,body{height:100%}body{color:#0f172a;direction:rtl;background:#f9fafb;margin:0;font-family:Cairo,IBM Plex Arabic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4,h5{margin:0;font-weight:900;line-height:1.02}p{margin:0}.app{padding:24px}.stack{gap:16px;display:grid}.grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.input,.select{background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-size:15px}.input:focus,.select:focus{border-color:#0f766e}.tableWrap{border:1px solid #e5e7eb;border-radius:14px;margin-top:16px;overflow:auto}.table{border-collapse:collapse;width:100%;min-width:520px}.table thead{background:#f3f4f6}.table th,.table td{text-align:right;border-bottom:1px solid #eef2f7;padding:12px;font-size:14px}.empty{text-align:center;color:#6b7280;padding:18px}@media (max-width:980px){.grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width:640px){.grid{grid-template-columns:1fr}.app{padding:16px}}
