:root{--ink:#16213e;--paper:#f2f4f8;--paper-2:#e6eaf0;--card:#fff;--rouge:#e63946;--rouge-d:#c1121f;--bleu:#4361ee;--gold:#f59e0b;--vert:#2ecc71;--vert-d:#1a9c4e;--line:rgba(22,33,62,.09);--shadow:0 1px 4px rgba(22,33,62,.07),0 4px 16px rgba(22,33,62,.06);--nav-h:58px}*{margin:0;padding:0;box-sizing:border-box}body,html{min-height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--paper);color:var(--ink);padding-top:var(--nav-h)}a{color:inherit;text-decoration:none}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 1.5rem;z-index:200;gap:0}.top-brand{font-family:Fraunces,serif;font-size:1.35rem;font-weight:900;letter-spacing:-.025em;color:var(--ink);margin-right:2rem;flex-shrink:0;line-height:1}.top-brand em{font-style:italic;color:var(--rouge)}.top-links{flex:1 1}.top-link,.top-links{display:flex;align-items:center}.top-link{font-size:.875rem;font-weight:500;color:rgba(22,33,62,.52);padding:0 1rem;height:var(--nav-h);border-bottom:2.5px solid transparent;cursor:pointer;transition:color .14s,border-color .14s;text-decoration:none;white-space:nowrap;letter-spacing:.01em}.top-link:hover{color:var(--ink)}.top-link.top-active{color:var(--rouge);border-bottom-color:var(--rouge);font-weight:600}.top-right{gap:.6rem;margin-left:auto}.top-avatar-link,.top-right{display:flex;align-items:center;flex-shrink:0}.top-avatar-link:hover .top-avatar{background:var(--bleu)}.top-avatar{width:30px;height:30px;border-radius:50%;background:var(--rouge);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex-shrink:0;transition:background .15s}.top-avatar.top-avatar-active{background:var(--bleu)}.top-uname-link{font-size:.82rem;font-weight:600;color:var(--ink);text-decoration:none;transition:color .14s}.top-uname-link.top-active-text,.top-uname-link:hover{color:var(--bleu)}.top-level-badge{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rouge);background:rgba(230,57,70,.1);padding:2px 7px;border-radius:100px}.top-logout{background:none;border:1px solid var(--line);border-radius:6px;padding:.32rem .75rem;font-size:.78rem;font-weight:500;color:rgba(22,33,62,.5);cursor:pointer;transition:all .14s;font-family:inherit}.top-logout:hover{border-color:var(--rouge);color:var(--rouge)}.top-upgrade{font-size:.78rem;font-weight:700;color:#fff;background:var(--bleu);border-radius:6px;padding:.32rem .85rem;text-decoration:none;transition:opacity .14s;white-space:nowrap}.top-upgrade:hover{opacity:.85}.top-drawer-upgrade{color:var(--bleu)!important;font-weight:700}.top-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background .14s;margin-left:auto}.top-hamburger:hover{background:var(--paper-2)}.top-hamburger span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:.2s;transform-origin:center}.top-ham-open span:first-child{transform:rotate(45deg) translate(5px,5px)}.top-ham-open span:nth-child(2){opacity:0}.top-ham-open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.top-backdrop{position:fixed;inset:0;background:rgba(22,33,62,.35);z-index:190}.top-drawer{position:fixed;top:var(--nav-h);left:0;right:0;background:#fff;z-index:195;padding:.75rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:0;box-shadow:0 6px 20px rgba(22,33,62,.1)}.top-drawer,.top-drawer-link{border-bottom:1px solid var(--line)}.top-drawer-link{font-size:.9rem;font-weight:500;color:rgba(22,33,62,.65);padding:.65rem 0;cursor:pointer;text-decoration:none;transition:color .14s}.top-drawer-link:last-child{border-bottom:none}.top-drawer-link.top-active,.top-drawer-link:hover{color:var(--rouge)}.top-drawer-user{gap:.6rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.page,.top-drawer-user{display:flex;align-items:center}.page{min-height:calc(100vh - var(--nav-h));flex-direction:column;padding:24px 20px 64px}.shell{width:100%;max-width:820px}.shell-wide{width:100%;max-width:1100px}.mono{font-family:Spline Sans Mono,monospace}.badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--rouge);color:#fff;padding:2px 7px;border-radius:100px;margin-left:6px;vertical-align:middle}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:2rem 1.75rem}.panel h2{font-family:Fraunces,serif;font-size:1.5rem;font-weight:900;margin-bottom:.35rem;letter-spacing:-.02em}.panel .sub{font-size:.9rem;color:rgba(22,33,62,.55);margin-bottom:1.5rem;line-height:1.55}label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(22,33,62,.5);margin:1rem 0 .35rem}input,select{width:100%;font-family:inherit;font-size:.93rem;padding:.7rem .9rem;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);transition:border-color .14s}input:focus,select:focus{outline:none;border-color:var(--rouge)}.btn{width:100%;font-family:inherit;font-size:.88rem;font-weight:600;padding:.78rem;border:none;background:var(--rouge);color:#fff;border-radius:8px;cursor:pointer;transition:background .14s;margin-top:1.2rem}.btn:hover{background:var(--rouge-d)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:var(--paper);color:var(--ink);border:1.5px solid var(--line)}.btn.ghost:hover{border-color:rgba(22,33,62,.35);background:var(--paper-2)}.btn.sm{width:auto;padding:.42rem .9rem;font-size:.8rem;margin:0;border-radius:6px}.switch{text-align:center;margin-top:1rem;font-size:.875rem}.link,.switch a{color:var(--rouge);cursor:pointer;text-decoration:underline}.err{color:var(--rouge);margin-top:.6rem;min-height:1rem}.divider,.err{font-size:.8rem}.divider{display:flex;align-items:center;gap:.75rem;margin:1.2rem 0;color:rgba(22,33,62,.35)}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.center-loading{text-align:center;padding:5rem;font-size:.88rem;color:rgba(22,33,62,.38)}.hidden{display:none!important}.fa{font-family:Vazirmatn,sans-serif;direction:rtl;text-align:right}.nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.nav button,.navbtn{font-size:.8rem;font-weight:500;background:none;border:1px solid var(--line);color:rgba(22,33,62,.6);padding:.42rem .85rem;border-radius:6px;cursor:pointer;font-family:inherit;transition:.14s}.nav button:hover,.navbtn:hover{border-color:var(--ink);color:var(--ink)}.nav .nav-active,.navbtn.primary{background:var(--rouge);color:#fff;border-color:var(--rouge)}.nav .nav-lang{background:rgba(67,97,238,.08);color:var(--bleu);border-color:transparent}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:20px}.brand h1{font-family:Fraunces,serif;font-size:clamp(26px,5.5vw,40px);font-weight:900;line-height:.95;letter-spacing:-.025em}.brand h1 em{font-style:italic;color:var(--rouge)}.brand p{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bleu);margin-top:6px}@media (max-width:700px){.top-links,.top-right{display:none}.top-hamburger{display:flex}}@media (min-width:701px){.top-backdrop,.top-drawer{display:none!important}}