body{font-family:tahoma,sans-serif;margin:0;background:#f7f7f7;direction:rtl;}
.container{max-width:1200px;margin:0 auto;padding:18px;}
.nav{background:#111;color:#fff;}
.nav .container{display:flex;gap:14px;align-items:center;justify-content:space-between;}
.nav a{color:#fff;text-decoration:none;opacity:.92}
.card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:14px;margin-top:14px;}
.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;}
.table th,.table td{border-bottom:1px solid #eee;padding:10px;text-align:right;vertical-align:top;}
.table th{background:#fafafa;}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;}
.badge.green{background:#e6f6ea;color:#157a2c;}
.badge.gray{background:#f1f1f1;color:#444;}
input,select,textarea{padding:9px 10px;border:1px solid #ddd;border-radius:10px;width:100%;box-sizing:border-box;}
.row{display:flex;gap:10px;flex-wrap:wrap;}
.row>*{flex:1}
.btn{display:inline-block;padding:9px 12px;border-radius:10px;border:1px solid #111;background:#111;color:#fff;text-decoration:none;cursor:pointer;}
.btn.secondary{background:#fff;color:#111;}
.btn.danger{background:#b00020;border-color:#b00020;}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.filters .w200{width:220px}
.small{font-size:12px;opacity:.8}
pre{white-space:pre-wrap;background:#fafafa;padding:12px;border-radius:12px;border:1px solid #eee;}