.support-page,.support-page *{box-sizing:border-box;font-family:Vazirmatn,sans-serif}.support-page{background:#eef1f6;min-height:100vh;margin:0;position:relative}.support-page:before{content:"";opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%230A4EA1'%3E%3Cpath d='M28 4 L34 22 L52 28 L34 34 L28 52 L22 34 L4 28 L22 22 Z'/%3E%3C/g%3E%3C/svg%3E");position:fixed;inset:0}.topbar{color:#fff;background:linear-gradient(160deg,#0d3f96,#08265e);align-items:center;gap:12px;padding:14px 20px;display:flex}.topbar .em{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.topbar .em img{object-fit:contain;width:100%;height:100%}.topbar h1{margin:0;font-size:15px;font-weight:800}.topbar p{color:#cfdcff;margin:2px 0 0;font-size:10.5px}.topbar a{color:#fff;background:#ffffff26;border-radius:8px;margin-right:auto;padding:8px 14px;font-size:12px;text-decoration:none}.wrap{max-width:720px;margin:24px auto;padding:0 16px;position:relative}.tabs{gap:8px;margin-bottom:16px;display:flex}.tabs button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.tabs button.on{color:#fff;background:#0d3f96;border-color:#0d3f96}.tabs button svg{width:16px;height:16px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0f172a0d}.card h3{color:#0d3f96;margin:0 0 4px;font-size:15px}.card .sub{color:#94a3b8;margin-bottom:18px;font-size:11px}label{color:#334155;margin-bottom:6px;font-size:12px;font-weight:600;display:block}label b{color:#dc2626}.inp{border:1px solid #dbe2ea;border-radius:10px;outline:none;width:100%;margin-bottom:14px;padding:11px 14px;font-family:inherit;font-size:13px;transition:all .2s}.inp:focus{border-color:#0d3f96;box-shadow:0 0 0 3px #0d3f9614}.btn{color:#fff;cursor:pointer;background:#0d3f96;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.btn:hover{background:#0a2f73}.btn svg{width:16px;height:16px}.msg{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:12.5px}.msg.ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.msg.err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.thread{border-top:1px dashed #cbd5e1;margin-top:18px;padding-top:16px}.bubble{border-radius:12px;max-width:90%;margin-bottom:10px;padding:12px 14px;font-size:13px}.bubble .who{align-items:center;gap:8px;margin-bottom:5px;font-size:10.5px;font-weight:700;display:flex}.bubble .time{color:#94a3b8;font-size:9.5px;font-weight:400}.bubble.user{background:#eff6ff;border:1px solid #bfdbfe}.bubble.user .who{color:#0d3f96}.bubble.admin{background:#f0fdf4;border:1px solid #bbf7d0}.bubble.admin .who{color:#166534}.meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.badge{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.foot{text-align:center;color:#94a3b8;margin:24px 0;font-size:10.5px}