/* Observed barook.ir UI, 2026-11-02. Extracted implementation reference, not an official design system. */
:root{--barook-primary:#f05069;--barook-primary-dark:#e32250;--barook-green:#52af99;--barook-green-dark:#2b7667;--barook-mint:#f3faf7;--barook-rose:#fff1f2;--barook-ink:#404040;--barook-muted:#797979;--barook-line:#e8e8e8;--barook-white:#fff;--barook-radius-sm:8px;--barook-radius:16px;--barook-radius-lg:24px;--barook-shadow:0 6px 24px #38948024;--brand-navy:#012260;--brand-pink:var(--barook-primary);--brand-surface:var(--barook-mint);--brand-ink:var(--barook-ink)}
@font-face{font-family:Vazir;src:url(vazir.ttf) format('truetype');font-display:swap}
*{box-sizing:border-box}body{font-family:Vazir,sans-serif;color:var(--barook-ink);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--barook-line);border-radius:var(--barook-radius-sm);background:#fff;color:var(--barook-ink);padding:8px 16px;cursor:pointer;transition:background .2s,box-shadow .2s}button:hover:not(:disabled){background:var(--barook-mint);border-color:var(--barook-green)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #52af9966;outline-offset:3px}.primary{color:white;background:linear-gradient(84.26deg,var(--barook-green),var(--barook-green-dark));border:0}.primary:hover:not(:disabled){background:var(--barook-green-dark);color:white}input,select,textarea{border:1px solid #c6c6c6;border-radius:8px;padding:10px;background:white;color:var(--barook-ink);line-height:1.5}input[type=range]{accent-color:var(--barook-green);cursor:grab;touch-action:pan-y;direction:ltr}table{direction:rtl;border-collapse:separate;border-spacing:0;width:100%;overflow:hidden;border:1px solid var(--barook-line);border-radius:16px}th{background:var(--barook-mint);color:var(--barook-green-dark);font-weight:700}th,td{text-align:right;padding:14px 18px;border-bottom:1px solid var(--barook-line);line-height:1.5}tr:last-child td{border-bottom:0}tr:nth-child(even) td{background:#fafcfb}.barook-card{background:white;border:1px solid var(--barook-line);border-radius:24px;box-shadow:var(--barook-shadow)}