*{box-sizing:border-box}
body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;background:#f4f6fb;color:#1c2333;direction:rtl}
a{color:#2563eb;text-decoration:none}
.wrap{max-width:1000px;margin:0 auto;padding:16px}
header{background:#fff;box-shadow:0 1px 6px #0001}
header .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
header .logo{font-weight:700;font-size:20px;color:#f59e0b;margin-left:auto}
.card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 1px 6px #0001;margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.pkg{text-align:center}
.pkg .st{font-size:26px;font-weight:700}
.pkg .pr{color:#16a34a;margin:8px 0;font-weight:700}
input,select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;margin:6px 0}
button,.btn{background:#2563eb;color:#fff;border:0;border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer;display:inline-block}
button.red{background:#dc2626}button.gray{background:#64748b}
table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid #e5e7eb;text-align:right;font-size:14px}
.flash{background:#fef3c7;border:1px solid #fcd34d;padding:10px;border-radius:8px;margin-bottom:12px}
.hero{text-align:center;padding:30px 10px}
.hero h1{margin:0 0 8px}
.tag{padding:2px 8px;border-radius:99px;font-size:12px;background:#e2e8f0}
.tag.paid{background:#fde68a}.tag.delivered{background:#bbf7d0}.tag.failed{background:#fecaca}
.scroll{overflow-x:auto}
form.inline{display:inline}
.form{max-width:420px;margin:30px auto}