:root{--bg:#020617;--card:#0f172a;--card2:#1e293b;--p:#14b8a6;--pg:#5eead4;--gold:#f59e0b;--pur:#a78bfa;--ok:#10b981;--bad:#f43f5e;--text:#f1f5f9;--muted:#94a3b8;--bd:#334155}
body.light{--bg:#f0fdfa;--card:#ffffff;--card2:#e2f3f1;--text:#0f172a;--muted:#475569;--bd:#cbd5e1}
*{box-sizing:border-box}
body{margin:0;font-family:'Vazirmatn',system-ui,sans-serif;color:var(--text);background:var(--bg);min-height:100vh;
background-image:radial-gradient(circle at 15% 0%,rgba(20,184,166,.18),transparent 40%),radial-gradient(circle at 90% 30%,rgba(167,139,250,.14),transparent 40%),radial-gradient(circle at 50% 100%,rgba(245,158,11,.08),transparent 40%);background-attachment:fixed}
.glass{background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:blur(14px);border:1px solid var(--bd);border-radius:20px}
.glow{box-shadow:0 0 0 1px rgba(45,212,191,.15),0 20px 50px -20px rgba(20,184,166,.35)}
.gtext{background:linear-gradient(90deg,#5eead4,#fcd34d,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{background:linear-gradient(135deg,#0d9488,#7c3aed);color:#fff;border:none;border-radius:14px;padding:10px 16px;font-weight:700;cursor:pointer;transition:.25s;font-family:inherit}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(13,148,136,.45)}
.btn2{background:var(--card2);color:var(--text);border:1px solid var(--bd);border-radius:12px;padding:8px 14px;cursor:pointer;font-family:inherit;transition:.2s}
.btn2:hover{border-color:var(--p)}
.inp{background:var(--bg);color:var(--text);border:1px solid var(--bd);border-radius:12px;padding:9px 12px;width:100%;font-family:inherit}
.inp:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px rgba(20,184,166,.25)}
.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;border:1px solid var(--bd);font-size:.8rem;cursor:pointer;transition:.2s;background:var(--card2)}
.chip.on{background:linear-gradient(135deg,#0d9488,#6d28d9);color:#fff;border-color:transparent}
.fade{animation:fade .45s ease both}
@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.muted{color:var(--muted)}
.num{font-family:'Bricolage Grotesque',sans-serif}
.spin{animation:sp 1.2s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.paw{position:fixed;top:-30px;font-size:24px;animation:fall 2.2s linear forwards;pointer-events:none;z-index:99}
@keyframes fall{to{transform:translateY(110vh) rotate(540deg);opacity:.3}}
.rx{background:#fff;color:#0f172a;border-radius:18px;position:relative;overflow:hidden}
.rx::after{content:'دامپزشکیار';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:90px;font-weight:900;color:rgba(13,148,136,.06);transform:rotate(-20deg);pointer-events:none}
::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:var(--p);border-radius:4px}
@media print{body *{visibility:hidden}#rxprint,#rxprint *{visibility:visible}#rxprint{position:absolute;inset:0}}