:root{--g9:#0F3D2E;--g7:#1F6B4F;--g5:#3E8E6C;--gold:#C9A227;--gold2:#E8C964;--cream:#FAF8F0;--ink:#13261E;--red:#B23A3A}
*{box-sizing:border-box}
body{margin:0;font-family:'Vazirmatn',sans-serif;background:var(--cream);color:var(--ink);
background-image:radial-gradient(circle at 15% 10%,rgba(201,162,39,.10),transparent 40%),radial-gradient(circle at 90% 80%,rgba(31,107,79,.10),transparent 45%),repeating-linear-gradient(45deg,rgba(15,61,46,.025) 0 2px,transparent 2px 14px)}
.side{background:linear-gradient(180deg,var(--g9),#0a2b20)}
.btn{min-height:46px;border-radius:14px;padding:0 18px;font-weight:700;transition:.15s}
.btn:active{transform:scale(.97)}
.btn-gold{background:var(--gold);color:var(--g9)}
.btn-gold:hover{background:var(--gold2)}
.btn-green{background:var(--g7);color:#fff}
.btn-ghost{background:#fff;border:1.5px solid #d9d3bd;color:var(--g9)}
.card{background:#fff;border-radius:20px;border:1px solid #ece6d2;box-shadow:0 6px 24px -14px rgba(15,61,46,.35)}
.inp{width:100%;min-height:46px;border-radius:12px;border:1.5px solid #d9d3bd;padding:0 12px;background:#fff;font-family:inherit}
.inp:focus{outline:none;border-color:var(--gold)}
textarea.inp{padding:10px 12px}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:14px;border:1.5px solid #d9d3bd;background:#fff;cursor:pointer;user-select:none}
.chip.on{background:var(--g9);color:#fff;border-color:var(--g9)}
.bar{height:12px;border-radius:99px;background:#eee8d4;overflow:hidden}
.bar>i{display:block;height:100%;border-radius:99px;width:0;animation:grow 1s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes grow{to{width:var(--w)}}
.fade{animation:fade .45s ease both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.think{animation:bob 0.8s ease-in-out infinite alternate}
@keyframes bob{to{transform:translateY(-8px) rotate(-4deg)}}
.h-title{font-weight:900;letter-spacing:-.5px}
table.dt{width:100%;border-collapse:collapse;font-size:13px}
table.dt th{background:var(--g9);color:#fff;padding:7px 6px;font-weight:700;white-space:nowrap}
table.dt td{border-bottom:1px solid #eee6cf;padding:7px 6px;vertical-align:top}
.scroll-x{overflow-x:auto}
@media print{.noprint{display:none!important}body{background:#fff}.card{box-shadow:none}main{margin:0!important;padding:0!important}}