:root{
  --teal:#0f9f8f; --teal-d:#0b6e64; --teal-l:#ccfbf1; --sky:#e0f2fe; --cream:#fffbeb;
  --coral:#f26d5b; --amber:#f59e0b; --ink:#16323a; --muted:#5b7680; --line:#d8ece8;
}
*{font-family:'Vazirmatn',sans-serif;box-sizing:border-box}
html{font-size:18px}
body{margin:0;color:var(--ink);background:
  radial-gradient(circle at 10% 0%,#d6f5ef 0,transparent 40%),
  radial-gradient(circle at 100% 30%,#e3f1fb 0,transparent 45%),
  #f5fbfa;min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;
  background-image:radial-gradient(var(--teal-d) 1.2px,transparent 1.2px);background-size:26px 26px}
.card{background:#fff;border:1px solid var(--line);border-radius:1.25rem;box-shadow:0 6px 24px -14px rgba(15,110,100,.35);padding:1.25rem}
.card-cream{background:var(--cream)}
.btn{display:inline-flex;align-items:center;gap:.4rem;border-radius:.9rem;padding:.6rem 1.1rem;font-weight:700;transition:.15s;cursor:pointer;border:none}
.btn-p{background:var(--teal);color:#fff}.btn-p:hover{background:var(--teal-d)}
.btn-g{background:#fff;border:1.5px solid var(--line);color:var(--ink)}.btn-g:hover{border-color:var(--teal)}
.btn-d{background:#fde4e0;color:#b4321f}.btn-d:hover{background:#fbcfc8}
.inp{width:100%;border:1.5px solid var(--line);border-radius:.8rem;padding:.6rem .8rem;background:#fff;font-size:1rem;outline:none}
.inp:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-l)}
.lbl{font-weight:600;font-size:.88rem;color:var(--muted);margin-bottom:.3rem;display:block}
.chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:.4rem .9rem;cursor:pointer;font-size:.92rem;transition:.12s}
.chip:hover{border-color:var(--teal)}
.chip.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.chip.sm{padding:.15rem .6rem;font-size:.8rem}
.nav-item{display:flex;gap:.7rem;align-items:center;padding:.65rem .9rem;border-radius:.9rem;cursor:pointer;font-weight:600;color:#cfeee9}
.nav-item:hover{background:rgba(255,255,255,.08)}
.nav-item.on{background:#fff;color:var(--teal-d)}
.sidebar{background:linear-gradient(180deg,#0b4f49,#0b6e64);}
.bar{height:.6rem;border-radius:99px;background:#e5f2f0;overflow:hidden}
.bar>div{height:100%;border-radius:99px;transition:width .6s}
.fade{animation:fade .45s ease both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.float{animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-14px) rotate(6deg)}}
.footer{font-size:.85rem;color:var(--muted);text-align:center;padding:1.2rem .5rem;border-top:1px solid var(--line);margin-top:2rem}
.footer a{color:var(--teal-d);font-weight:600}
.tbl td,.tbl th{padding:.45rem .6rem;border-bottom:1px solid var(--line);text-align:right}
.print-only{display:none}
@media print{
  .no-print{display:none!important}
  .print-only{display:block}
  body{background:#fff}body::before{display:none}
  .card{box-shadow:none;border:1px solid #ccc}
  main{padding:0!important}
}