:root,[data-theme=dark]{--bg: #0a0c10;--panel: #12151c;--panel-2: #1a1e28;--border: #232836;--border-strong: #323a4d;--text: #e8eaf0;--text-dim: #aab0c0;--text-faint: #6d7488;--accent: #6d5ae6;--accent-ink: #ffffff;--accent-soft: rgba(109, 90, 230, .14);--accent-border: rgba(109, 90, 230, .45);--violet: #a05ae6;--violet-soft: rgba(160, 90, 230, .14);--cyan: #3fb7c9;--success: #3ea675;--success-soft: rgba(62, 166, 117, .13);--warn: #d99a2b;--warn-soft: rgba(217, 154, 43, .13);--danger: #e05252;--danger-soft: rgba(224, 82, 82, .13);--info: #4b8de6;--info-soft: rgba(75, 141, 230, .13)}[data-theme=light]{--bg: #f4f5f9;--panel: #ffffff;--panel-2: #eef0f6;--border: #dfe3ee;--border-strong: #c4cbdd;--text: #171c28;--text-dim: #48506a;--text-faint: #8a91a8;--accent: #5b48d6;--accent-ink: #ffffff;--accent-soft: rgba(91, 72, 214, .1);--accent-border: rgba(91, 72, 214, .35);--violet: #8a48d6;--violet-soft: rgba(138, 72, 214, .1);--cyan: #1f97ab;--success: #1f8a5b;--success-soft: rgba(31, 138, 91, .1);--warn: #b57c14;--warn-soft: rgba(181, 124, 20, .12);--danger: #cc3d3d;--danger-soft: rgba(204, 61, 61, .1);--info: #2f6fc4;--info-soft: rgba(47, 111, 196, .1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Vazirmatn,system-ui,sans-serif;font-size:13.5px;line-height:1.7}button,input,select,textarea{font-family:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes kpulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes kin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.num{font-variant-numeric:tabular-nums;direction:ltr}.mono{font-family:ui-monospace,JetBrains Mono,monospace;direction:ltr}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px}.fadein{animation:kin .18s ease}.btn{border:none;border-radius:10px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:filter .12s ease}.btn:hover{filter:brightness(1.1)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-ghost{background:var(--panel);border:1px solid var(--border);color:var(--text-dim)}.btn-ghost:hover{border-color:var(--border-strong);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-success{background:var(--success-soft);color:var(--success)}.btn-sm{padding:4px 11px;font-size:11.5px;border-radius:8px}.input{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:9px 13px;color:var(--text);font-size:13px;outline:none;width:100%}.input:focus{border-color:var(--accent-border)}.badge{font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}table.grid{width:100%;border-collapse:collapse;font-size:12.5px}table.grid th{text-align:start;font-size:11px;font-weight:700;color:var(--text-faint);background:var(--panel-2);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}table.grid td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}table.grid tr:hover td{background:var(--panel-2)}.navbtn{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;color:var(--text-dim);border-radius:9px;padding:8px 10px;cursor:pointer;font-size:13px;font-weight:600;text-align:start}.navbtn:hover{background:var(--panel-2);color:var(--text)}.navbtn.active{background:var(--accent-soft);color:var(--accent)}.toggle{width:40px;height:22px;border-radius:20px;border:none;cursor:pointer;position:relative;transition:background .15s ease;flex:0 0 auto}.toggle .knob{position:absolute;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:inset-inline-start .15s ease}.toggle.on{background:var(--accent)}.toggle.on .knob{inset-inline-start:21px}.toggle.off{background:var(--border-strong)}.toggle.off .knob{inset-inline-start:3px}.modal-bk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--panel);border:1px solid var(--border-strong);border-radius:16px;padding:22px;width:100%;max-width:460px;box-shadow:0 24px 70px #00000073;animation:kin .18s ease;max-height:92vh;overflow-y:auto}.modal.wide{max-width:640px}.modal.xwide{max-width:1040px}.md-preview{font-size:13.5px;line-height:2.1;color:var(--text-dim)}.md-preview h2{margin:22px 0 8px;font-size:18px;font-weight:800;color:var(--text)}.md-preview h3{margin:18px 0 6px;font-size:15px;font-weight:800;color:var(--text)}.md-preview p{margin:0 0 14px}.md-preview a{color:var(--accent);font-weight:700}.md-preview ul,.md-preview ol{margin:0 0 14px;padding-inline-start:22px}.md-preview li{margin-bottom:6px}.md-preview blockquote{margin:0 0 14px;border-inline-start:3px solid var(--accent);padding-inline-start:12px;color:var(--text-faint)}.md-preview code{background:var(--panel-2);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:12px;direction:ltr;unicode-bidi:embed}.md-preview pre{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px;overflow-x:auto;direction:ltr;margin:0 0 14px}.md-preview pre code{background:none;border:none;padding:0}.md-preview img{max-width:100%;border-radius:10px;border:1px solid var(--border)}.md-preview table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:12.5px}.md-preview th,.md-preview td{border:1px solid var(--border);padding:7px 10px;text-align:start}.md-preview th{background:var(--panel-2);font-weight:800}.md-preview hr{border:none;border-top:1px solid var(--border);margin:20px 0}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--panel);color:var(--text-dim);border-radius:8px;padding:6px 13px;font-family:inherit;font-size:12.5px;font-weight:500;white-space:nowrap;cursor:pointer}.chip:hover{border-color:var(--border-strong);color:var(--text)}
