:root{--teal-700: #0f766e;--teal-800: #115e59;--teal-50: #f0fdfa;--teal-100: #ccfbf1;--ink: #1c1917;--ink-soft: #57534e;--line: #e7e5e4;--danger: #dc2626;--ok: #16a34a;--radius: 12px;--shadow: 0 1px 3px rgb(28 25 27/.08), 0 8px 24px rgb(28 25 27/.06)}*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,Segoe UI,Tahoma,sans-serif;background:#f5f5f4;color:var(--ink);font-size:14px;line-height:1.7}.container{max-width:1000px;margin-inline:auto;padding-inline:16px}main.container{padding-block:20px 60px}.topbar{background:#fff;border-bottom:1px solid var(--line);padding-block:10px}.topbar .nav{display:flex;gap:4px;padding-top:8px}.topbar .nav a{padding:6px 14px;border-radius:8px;color:var(--ink-soft);font-weight:600;font-size:13px}.topbar .nav a.active{background:var(--teal-50);color:var(--teal-800)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.stat{text-align:center;padding:14px 8px}.stat .num{font-size:26px;font-weight:800;color:var(--teal-800)}.stat .lbl{font-size:12px;color:var(--ink-soft)}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}th,td{padding:10px 12px;text-align:right;border-bottom:1px solid var(--line);font-size:13px}th{background:#fafaf9;font-size:12px;color:var(--ink-soft)}tr:last-child td{border-bottom:none}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-soft)}input,select{font:inherit;color:var(--ink);border:1.5px solid var(--line);border-radius:8px;padding:8px 12px;background:#fff;width:100%}input:focus,select:focus{outline:2px solid var(--teal-700);border-color:var(--teal-700)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:8px;cursor:pointer;font:inherit;font-weight:700;padding:8px 16px;background:var(--teal-700);color:#fff}.btn:hover{background:var(--teal-800)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--teal-700);border:1.5px solid var(--teal-700)}.btn.danger{background:var(--danger)}.btn.small{padding:4px 10px;font-size:12px}.badge{display:inline-flex;font-size:11px;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--teal-100);color:var(--teal-800)}.badge.gray{background:#f5f5f4;color:var(--ink-soft)}.badge.green{background:#dcfce7;color:#14532d}.badge.red{background:#fee2e2;color:#7f1d1d}.badge.amber{background:#fef3c7;color:#78350f}.error-box{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d;border-radius:8px;padding:8px 12px;font-size:13px}.hint{font-size:12px;color:var(--ink-soft)}.page-title{font-size:18px;font-weight:800;margin:0 0 12px}.empty{text-align:center;color:var(--ink-soft);padding:40px 12px}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--teal-100);border-top-color:var(--teal-700);animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.msg-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;padding:4px}.msg-row{display:flex}.msg-row.from-member{justify-content:flex-start}.msg-row.from-listener{justify-content:flex-end}.bubble{max-width:75%;border-radius:12px;padding:8px 12px;font-size:13px}.bubble.member{background:#f5f5f4;border:1px solid var(--line)}.bubble.listener{background:var(--teal-50);border:1px solid #99f6e4}.bubble-meta{font-size:11px;color:var(--ink-soft);margin-bottom:2px}.bubble-body{white-space:pre-wrap;word-break:break-word}