:root{--bg: #0f1419;--panel: #1a2027;--panel-2: #222b34;--border: #2d3743;--text: #e6edf3;--muted: #8b97a3;--green: #2ea043;--green-h: #3fb950;--blue: #1f6feb;--blue-h: #388bfd;--red: #da3633;--red-h: #f85149;--amber: #9e6a03}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;direction:rtl}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;font-size:15px;padding:10px 18px;color:#fff;transition:background .15s}button:disabled{opacity:.5;cursor:not-allowed}textarea,input{font-family:inherit;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:16px;width:100%}textarea:focus,input:focus{outline:none;border-color:var(--blue)}.center{display:flex;align-items:center;justify-content:center;min-height:100vh}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px}.container{max-width:820px;margin:0 auto;padding:24px 16px 60px}.muted{color:var(--muted)}.btn-green{background:var(--green)}.btn-green:hover:not(:disabled){background:var(--green-h)}.btn-blue{background:var(--blue)}.btn-blue:hover:not(:disabled){background:var(--blue-h)}.btn-red{background:var(--red)}.btn-red:hover:not(:disabled){background:var(--red-h)}.btn-gray{background:var(--panel-2);border:1px solid var(--border)}.btn-gray:hover:not(:disabled){background:#2c3742}.progress{height:8px;background:var(--panel-2);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--green)}.kbd{background:var(--panel-2);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:12px;color:var(--muted)}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:13px;background:var(--panel-2);border:1px solid var(--border)}.err{color:var(--red-h);background:#da36331f;border:1px solid rgba(218,54,51,.4);border-radius:8px;padding:10px 14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}a{color:var(--blue-h)}