:root{
  --primary:#0d6efd;
  --danger:#dc3545;
  --bg:#f7f9fc;
  --card:#ffffff;
  --radius:8px;
  --shadow:0 2px 6px rgba(0,0,0,.08);
}
*{box-sizing:border-box;font-family:"IRANSans",Tahoma;}
body{margin:0;background:var(--bg);color:#333}
.container{max-width:1200px;margin:auto;padding:20px}
h1{text-align:center;margin-bottom:30px;font-weight:600}
.icon{margin-left:6px}
.tabs{display:flex;justify-content:center;margin-bottom:25px}
.tab{
  background:#e9ecef;border:none;padding:10px 24px;margin:0 4px;
  border-radius:var(--radius);cursor:pointer;font-size:15px;display:flex;align-items:center
}
.tab.active{background:var(--primary);color:#fff}
.tab-body.hidden{display:none}
.card{background:var(--card);padding:25px;border-radius:var(--radius);box-shadow:var(--shadow)}
label{display:block;margin:12px 0;font-size:14px}
input{width:100%;padding:9px;border:1px solid #ced4da;border-radius:4px}
input:focus{outline:none;border-color:var(--primary)}
.check{display:flex;align-items:center}
.check input{width:auto;margin-left:8px}
button{padding:9px 20px;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer}
button:hover{opacity:.9}
table{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}
th{background:#f1f3f7;padding:8px}
td{
  padding:6px;
  border-top:1px solid #e2e6e9;
  max-width: 250px;
}

td input{
  border:none;
  background:transparent;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
td input:focus{background:#fff;border:1px solid var(--primary)}
.filters{display:flex;gap:10px;margin-bottom:15px}
.pagination{display:flex;gap:5px;margin-top:15px}
.pagination button{padding:5px 10px}