:root{--tq:#0e7c86;--tq2:#14a3a8;--rose:#c8566e;--gold:#d9a35b;--ink:#1f2a33;--paper:#fbf7f2}
*{font-family:Vazirmatn,Tahoma,sans-serif}
body{background:var(--paper);color:var(--ink);
background-image:radial-gradient(circle at 10% 0%,rgba(20,163,168,.08),transparent 40%),radial-gradient(circle at 90% 100%,rgba(200,86,110,.08),transparent 40%)}
.tile{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' stroke='white' stroke-opacity='.15'%3E%3Cpath d='M24 4l6 14 14 6-14 6-6 14-6-14-14-6 14-6z'/%3E%3Crect x='14' y='14' width='20' height='20' transform='rotate(45 24 24)'/%3E%3C/g%3E%3C/svg%3E")}
.card{background:#fff;border:1px solid #eadfd4;border-radius:18px;box-shadow:0 2px 10px rgba(31,42,51,.04)}
.fade{animation:fade .5s ease both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.petal{position:fixed;top:-30px;font-size:22px;pointer-events:none;animation:fall linear forwards;z-index:100}
@keyframes fall{to{transform:translateY(110vh) rotate(540deg);opacity:.6}}
.missing{border-color:#f2a7a7!important;background:#fff5f5!important}
.toast{animation:fade .3s ease}
.raw-table th{position:sticky;top:0;background:#f6efe7;padding:8px 6px;font-weight:800;color:#5b4a3a;border-bottom:1px solid #eadfd4;white-space:nowrap}
.raw-table td{padding:7px 6px;border-bottom:1px solid #f3ece4}
.raw-table tbody tr:hover td{outline:1px solid rgba(14,124,134,.15)}
nav::-webkit-scrollbar{height:0}
@media print{
  .no-print{display:none!important}
  body{background:#fff}
  .card{box-shadow:none;break-inside:avoid}
  .raw-table td,.raw-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}