body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;line-height:1.5}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eee}
.brand{font-weight:700}
.nav a{margin-left:16px;text-decoration:none}
.container{max-width:980px;margin:0 auto;padding:32px 24px}
.hero{padding:56px 0}
.hero h1{font-size:32px;margin:0 0 12px}
.cta{display:inline-block;padding:10px 16px;border:1px solid #222;border-radius:8px;text-decoration:none}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}
.card{border:1px solid #eee;border-radius:12px;padding:16px}
.price{font-size:20px;font-weight:700;margin-top:8px}
.footer{border-top:1px solid #eee;padding:16px 24px;text-align:center;color:#666}

/* --- tickets --- */
.msg{border:1px solid #eee;border-radius:12px;padding:10px;margin:10px 0}
.msg-user{background:#f7fbff}
.msg-admin{background:#fffaf2}
.msg-meta{font-size:12px;color:#666;margin-bottom:6px}
.msg-body{white-space:pre-wrap}
textarea{padding:10px;border:1px solid #ddd;border-radius:8px;font-family:inherit}

.flash-wrap{margin-bottom:12px}
.flash{border:1px solid #eee;border-radius:10px;padding:10px}
.flash-ok{border-color:#d4f5d2;background:#f3fff3}
.flash-error{border-color:#ffd6d6;background:#fff5f5}

/* لینک‌ها کمی واضح‌تر */
.nav a:hover { text-decoration: underline }

/* دکمه‌ها: روی <button> هم مثل .cta اعمال شه */
button.cta { background: #fff; cursor: pointer }
button.cta:hover, a.cta:hover { background: #f6f6f6 }

/* فرم‌ها و ورودی‌ها */
input, select { padding:10px; border:1px solid #ddd; border-radius:8px; font-family:inherit }
.form input, .form select { width:100%; max-width:420px; display:block; margin-bottom:10px }

/* جدول‌ها (servers, orders) */
.table { width:100%; border-collapse: collapse; }
.table th, .table td { border:1px solid #eee; padding:8px 10px; text-align:left; }
.table thead th { background:#fafafa; }

/* آدرس/لایسنس/هش به صورت monospace */
.addr { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: 14px; background:#fafafa; border-radius:10px; padding:10px; overflow:auto }

/* کارت QR مرکزچین روی موبایل */
.card img { display:block; margin:0 auto }

/* ریسپانسیو ساده */
@media (max-width: 640px) {
  .nav { flex-wrap: wrap; gap: 8px }
  .container { padding:24px 16px }
  .hero h1 { font-size:26px }
}