:root{--bg:#f2f7f6;--card:#ffffff;--ink:#0f2e2c;--mut:#5b7471;--acc:#0e9488;--acc2:#e85d3f;--line:#d7e5e2}
.dark{--bg:#0b1716;--card:#12221f;--ink:#e3f2ef;--mut:#8fb0ab;--acc:#2dd4bf;--acc2:#ff8a6b;--line:#21403b}
body{font-family:Vazirmatn,sans-serif;background:var(--bg);color:var(--ink);
background-image:radial-gradient(circle at 10% 0%,rgba(14,148,136,.12),transparent 40%),radial-gradient(circle at 100% 100%,rgba(232,93,63,.08),transparent 40%),repeating-linear-gradient(90deg,transparent 0 39px,rgba(14,148,136,.04) 39px 40px);min-height:100vh}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px -12px rgba(0,60,55,.25)}
.inp{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.55rem .8rem;color:var(--ink);outline:none}
.inp:focus{border-color:var(--acc)}
.btn{background:var(--acc);color:#fff;border-radius:12px;padding:.55rem 1.1rem;font-weight:700;transition:.2s}
.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn2{border:1px solid var(--line);border-radius:12px;padding:.45rem .9rem;color:var(--ink)}
.mut{color:var(--mut)}
.acc{color:var(--acc)}
.fade{animation:fade .5s both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1}}
.pulse{animation:pl 1.2s infinite}
@keyframes pl{50%{transform:scale(1.15) rotate(10deg)}}
.row-drag{cursor:grab}
@media print{.noprint{display:none!important}body{background:#fff}.card{box-shadow:none}}