*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f4f6ff,#fff8ed);font-family:Vazirmatn,sans-serif;color:#25315b}header{display:flex;justify-content:space-between;align-items:center;padding:18px max(5%,calc((100% - 1100px)/2));background:#fff;box-shadow:0 3px 18px #25315b12}header a{color:#3446a5;text-decoration:none;font-weight:800}.brand{font:26px Lalezar;color:#243b9b}main{max-width:1050px;margin:35px auto;padding:0 18px}.intro{text-align:center;margin-bottom:26px}.intro span{color:#e58b2d;font-weight:800}.intro h1{font:42px Lalezar;margin:8px;color:#263eaa}.intro p{margin:0;color:#69718f}.layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}.panel,.features{background:#fff;border:1px solid #e7eaff;border-radius:24px;padding:24px;box-shadow:0 12px 35px #233a8810}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{border:0;border-radius:12px;padding:12px 24px;background:#f0f2ff;color:#3446a5;font:700 15px Vazirmatn;cursor:pointer}.tab.active{background:#3048c5;color:white}.account-form label{display:block;font-weight:700;margin:13px 0 7px}.account-form input:not([type=radio]){width:100%;padding:13px;border:1px solid #dce1f4;border-radius:12px;font:15px Vazirmatn;outline-color:#5369db}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.roles label{margin:0;cursor:pointer}.roles input{position:absolute;opacity:0}.roles span{display:block;text-align:center;padding:12px 5px;border:1px solid #dce1f4;border-radius:12px;font-size:13px}.roles input:checked+span{border-color:#4058ce;background:#f0f2ff;color:#3048b6}.submit{width:100%;border:0;border-radius:13px;background:#3048c5;color:#fff;padding:14px;margin-top:20px;font:900 16px Vazirmatn;cursor:pointer}.notice{background:#fff7e8;border:1px solid #ffe3ae;color:#80571b;padding:12px;border-radius:12px;font-size:12px;line-height:1.9}.features h2{font:24px Lalezar;margin:0 0 18px}.features article{padding:13px 0;border-bottom:1px solid #edf0fa}.features article:last-child{border:0}.features b{margin-right:5px}.features p{margin:5px 28px 0 0;color:#6d7592;font-size:13px}.hidden{display:none}footer{text-align:center;color:#8a91aa;padding:30px;font-size:13px}@media(max-width:750px){.layout{grid-template-columns:1fr}.intro h1{font-size:34px}header{padding:15px 18px}.roles{grid-template-columns:1fr 1fr 1fr}.panel,.features{padding:18px}}[hidden]{display:none!important}#out{border:0;background:#f0f2ff;color:#3446a5;border-radius:10px;padding:9px 16px;font:700 14px Vazirmatn;cursor:pointer;margin-left:10px}
.one{max-width:430px;margin:0 auto}.card{background:#fff;border:1px solid #e7eaff;border-radius:22px;padding:20px;box-shadow:0 12px 35px #233a8810;margin-bottom:18px}.card h3{font:22px Lalezar;margin:0 0 12px;color:#263eaa}
.f{display:grid;gap:8px;margin:10px 0}.f input,.f textarea,.send input,.ctl input{padding:11px;border:1px solid #dce1f4;border-radius:12px;font:14px Vazirmatn;width:100%}.f button,.send button,.ctl button{border:0;border-radius:12px;background:#3048c5;color:#fff;padding:11px 16px;font:800 14px Vazirmatn;cursor:pointer}
.tl{display:grid;grid-template-columns:290px 1fr;gap:18px;align-items:start}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.sess{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,#3048c5,#5b74ee);color:#fff}.sess small{opacity:.85}.big{font-size:20px}.big b{font:900 46px Lalezar;margin-left:6px}
.ctl{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ctl input{width:110px}.ctl button{background:#fff;color:#3048c5}
.st{display:block;width:100%;text-align:right;border:1px solid #e7eaff;background:#fafbff;border-radius:14px;padding:11px;margin-bottom:8px;font:14px Vazirmatn;cursor:pointer}.st.on{border-color:#3048c5;background:#f0f2ff}.st small{float:left;color:#6d7592}.st i{display:block;font-style:normal;font-size:12px;color:#c76a0a;margin-top:4px}
.msgs{height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px;background:#f7f8ff;border-radius:14px}.m{max-width:82%;padding:9px 12px;border-radius:14px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.m small{display:block;font-size:10px;opacity:.6;margin-top:2px}.m.me{align-self:flex-start;background:#3048c5;color:#fff}.m.ot{align-self:flex-end;background:#fff;border:1px solid #e1e5f7}
.send{display:flex;gap:8px;margin-top:10px}.send input{flex:1}
.hw{border:1px solid #e7eaff;border-radius:14px;padding:12px;margin-top:10px}.hh{display:flex;justify-content:space-between;gap:8px}.hw p{margin:6px 0;white-space:pre-wrap}.hw small{color:#6d7592}
.chip{font-size:11px;padding:3px 9px;border-radius:99px;font-weight:800;white-space:nowrap;height:fit-content}.chip.td{background:#fff3dc;color:#a05d00}.chip.wt{background:#e5ecff;color:#2d46b3}.chip.ok{background:#dff7e6;color:#17713a}
.ans,.fb{background:#f4f6ff;border-radius:10px;padding:8px 10px;margin-top:8px}.fb{background:#ecfaef}.lnk{border:0;background:none;color:#b43b3b;cursor:pointer;font:13px Vazirmatn;margin-top:6px}.er{color:#b43b3b;font-size:13px;margin:4px 0}.empty{color:#8a91aa;text-align:center;padding:12px;font-size:13px}
@media(max-width:800px){.tl,.two{grid-template-columns:1fr}}

.warn{background:#fff3dc;border:1px solid #ffd99a;color:#8a4b00;border-radius:14px;padding:11px 14px;margin:0 auto 14px;max-width:1050px;font-size:13px;line-height:1.9}#bell{border:0;background:#fff3dc;color:#8a4b00;border-radius:10px;padding:9px 14px;font:700 13px Vazirmatn;cursor:pointer;margin-left:8px}.bk{display:block;text-align:center;border:1px dashed #b9c3f5;border-radius:12px;padding:10px;color:#3446a5;text-decoration:none;font-weight:800;font-size:13px;margin-top:10px}#rd{margin-top:14px;font-size:13px}#rd summary{cursor:pointer;color:#6d7592}.tabs .tab[style*='none']{display:none}