body { font-family: Arial; margin: 0; direction: rtl; }
.wrap { padding: 16px; max-width: 1100px; margin: 0 auto; }
header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
h1 { margin: 0; font-size: 22px; }
.badge { padding:6px 10px; border-radius: 10px; font-weight: bold; display:inline-block; }
.badge.today { background: #d7ffe0; color: #0a7a1f; }
.badge.other { background: #eee; color: #333; }
.actions { display:flex; gap:10px; flex-wrap: wrap; }
button, input { padding: 10px 12px; }
table { width:100%; border-collapse: collapse; margin-top: 12px; }
th, td { border:1px solid #ddd; padding:10px; text-align:center; }
th { background:#f6f6f6; }
.card { border:1px solid #e7e7e7; border-radius: 12px; padding: 12px; margin-top: 12px; }
.row { display:flex; gap: 10px; align-items:center; flex-wrap: wrap; }
.small { color:#666; font-size: 13px; }