:root{--navy:#1E3E8F;--navyd:#142A63;--navyx:#0B1738;--navybg:#E9EEFB;
--amber:#E8A020;--amberbg:#FDF1DC;--amberd:#8A5A0C;
--violet:#7A4FD3;--violetbg:#F1EBFD;
--coral:#E1544F;--coralbg:#FDECEB;
--emerald:#11A87C;--emeraldbg:#E2F7F0;
--sky:#2BA8D8;--skybg:#E6F5FB;
--ink:#16203F;--mut:#667192;--line:#DCE3F2;--paper:#F7F9FD;
--sh:0 1px 2px rgba(20,42,99,.06),0 8px 24px rgba(20,42,99,.08)}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:"Vazirmatn",Tahoma,sans-serif;background:var(--paper);color:var(--ink);line-height:1.75}
button,input,select{font-family:inherit}
h1,h2,h3,h4{margin:0;line-height:1.35}
header{background:linear-gradient(105deg,var(--navy),var(--navyd));color:#fff;padding:18px 26px;border-bottom:4px solid var(--amber)}
header h1{font-size:1.3rem}header .s{color:#C9D7F5;font-size:.85rem;margin-top:3px}
.hrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap-reverse}
.hbadge{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);border-radius:9px;
  padding:6px 13px;font-size:.8rem;font-weight:700;color:#fff;white-space:nowrap}
nav{display:flex;gap:8px;flex-wrap:wrap;padding:12px 26px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:9}
@media(max-width:820px){
  nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px 14px;gap:6px;
      scrollbar-width:thin;position:static}
  nav::-webkit-scrollbar{height:4px}
  nav::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
  .tab{flex:0 0 auto;font-size:.8rem;padding:6px 12px}
  header{padding:14px 16px}header h1{font-size:1.08rem}
  main{padding:16px 14px 50px}
  .card{padding:14px}
  .qrow{gap:6px}
  .hbadge{font-size:.72rem;padding:5px 10px}
}
.tab{border:1px solid var(--line);background:#fff;color:var(--mut);border-radius:999px;padding:7px 15px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px}
.tab:hover{border-color:var(--navy)}
.tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.tab .n{width:20px;height:20px;border-radius:50%;background:var(--navybg);color:var(--navy);display:grid;place-items:center;font-size:.72rem;font-weight:800}
.tab.on .n{background:#fff;color:var(--navy)}
main{max-width:1180px;margin:0 auto;padding:22px 26px 60px}
.panel{display:none}.panel.on{display:block;animation:f .3s ease}
@keyframes f{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);padding:18px;margin-bottom:16px}
.card h3{font-size:1.05rem;color:var(--navyd);margin-bottom:4px}
.card .sub{color:var(--mut);font-size:.87rem;margin-bottom:12px}
.step{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:.8rem;font-weight:800;margin-left:8px}
.qrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}
.opt{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 14px;font-size:.87rem;cursor:pointer;font-weight:500}
.opt:hover{border-color:var(--navy)}
.opt.on{background:var(--navybg);border-color:var(--navy);color:var(--navyd);font-weight:700}
.crit{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin-bottom:8px;cursor:pointer;background:#fff}
.crit:hover{border-color:var(--navy)}
.crit.on{background:var(--navybg);border-color:var(--navy)}
.box{width:21px;height:21px;border-radius:6px;border:2px solid var(--line);flex:none;margin-top:3px;display:grid;place-items:center;font-size:.8rem;color:#fff;font-weight:800}
.crit.on .box{background:var(--navy);border-color:var(--navy)}
.crit .t{font-weight:700;font-size:.92rem}
.crit .d{font-size:.82rem;color:var(--mut);margin-top:1px}
.res{border-radius:12px;padding:16px;margin-top:8px}
.res .t{font-size:1.15rem;font-weight:800;margin-bottom:6px}
.res .w{font-size:.9rem}
.res.navy{background:var(--navybg);border-inline-start:4px solid var(--navy)}.res.navy .t{color:var(--navyd)}
.res.grn{background:var(--emeraldbg);border-inline-start:4px solid var(--emerald)}.res.grn .t{color:var(--emerald)}
.res.amb{background:var(--amberbg);border-inline-start:4px solid var(--amber)}.res.amb .t{color:var(--amberd)}
.res.red{background:var(--coralbg);border-inline-start:4px solid var(--coral)}.res.red .t{color:var(--coral)}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:700;margin-inline-start:6px}
.pill.g{background:var(--emeraldbg);color:var(--emerald)}.pill.y{background:var(--amberbg);color:var(--amberd)}
.pill.r{background:var(--coralbg);color:var(--coral)}.pill.n{background:var(--navybg);color:var(--navy)}
input[type=text],input[type=number],select{border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:.9rem;background:#fff;color:var(--ink)}
input[type=text]{width:100%}
input:focus,select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--navybg)}
label.f{font-size:.85rem;color:var(--mut);align-self:center}
.grid{display:grid;gap:12px}
@media(min-width:760px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}}
.item{border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:#fff}
.item .n{font-weight:700;color:var(--navyd)}.item .d{font-size:.85rem;color:var(--mut);margin-top:2px}
.swap{background:var(--emeraldbg);border-radius:9px;padding:8px 11px;margin-top:8px;font-size:.86rem}
.swap b{color:var(--emerald)}
.tag{display:inline-block;font-size:.72rem;font-weight:700;padding:1px 8px;border-radius:6px;margin-inline-end:5px}
.tag.hi{background:var(--coralbg);color:var(--coral)}.tag.md{background:var(--amberbg);color:var(--amberd)}.tag.lo{background:var(--emeraldbg);color:var(--emerald)}
table{width:100%;border-collapse:collapse;font-size:.87rem;margin-top:8px}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:right;vertical-align:top}
th{background:var(--navy);color:#fff;font-weight:700}
tr:nth-child(even) td{background:var(--navybg)}
.warn{background:var(--coralbg);border-inline-start:4px solid var(--coral);border-radius:11px;padding:12px 14px;margin-top:10px;font-size:.88rem}
.warn b{color:var(--coral)}
.ok{background:var(--emeraldbg);border-inline-start:4px solid var(--emerald);border-radius:11px;padding:12px 14px;margin-top:10px;font-size:.88rem}
.ok b{color:var(--emerald)}
.info{background:var(--navybg);border-inline-start:4px solid var(--navy);border-radius:11px;padding:12px 14px;margin-top:10px;font-size:.88rem}
.info b{color:var(--navyd)}
.calcout{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.co{flex:1;min-width:128px;background:var(--navybg);border-radius:11px;padding:11px;text-align:center}
.co .v{font-size:1.45rem;font-weight:800;color:var(--navyd)}
.co .l{font-size:.75rem;color:var(--mut)}
.co.amb{background:var(--amberbg)}.co.amb .v{color:var(--amberd)}
.co.grn{background:var(--emeraldbg)}.co.grn .v{color:var(--emerald)}
.co.red{background:var(--coralbg)}.co.red .v{color:var(--coral)}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.btn{border:none;border-radius:10px;padding:9px 16px;font-size:.87rem;font-weight:700;cursor:pointer;background:var(--navy);color:#fff}
.btn.g{background:var(--violet)}.btn:hover{filter:brightness(1.08)}
.nextbar{display:flex;justify-content:space-between;gap:10px;margin-top:6px;margin-bottom:10px}
.navbtn{border:1px solid var(--line);background:#fff;color:var(--navyd);border-radius:10px;padding:11px 18px;
  font-size:.9rem;font-weight:700;cursor:pointer;flex:1}
.navbtn.p{background:var(--navy);color:#fff;border-color:var(--navy)}
.navbtn:disabled{opacity:.35;cursor:not-allowed}
footer{color:var(--mut);font-size:.78rem;padding:0 26px 30px;max-width:1180px;margin:0 auto}
@media print{nav,header,.actions,footer{display:none}.panel{display:block!important}}