:root{--bg1: #f6f7ff;--bg2: #f9fafb;--card: rgba(255,255,255,.85);--cardBorder: rgba(17, 24, 39, .1);--text: #0b1220;--muted: rgba(11, 18, 32, .62);--shadow: 0 18px 50px rgba(17, 24, 39, .14);--shadow2: 0 10px 30px rgba(17, 24, 39, .1);--radius: 22px;--accentA: #4f46e5;--accentB: #ec4899;--ink: #0b1220}*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--text);background:radial-gradient(1200px 600px at 20% 0%,rgba(79,70,229,.14),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(236,72,153,.12),transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg2));min-height:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans}.container{max-width:520px;margin:0 auto;padding:18px}.hero{border-radius:var(--radius);padding:18px 18px 16px;background:linear-gradient(135deg,#4f46e5eb,#ec4899db);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-60px -60px auto auto;width:220px;height:220px;background:#ffffff2e;filter:blur(0px);border-radius:50%;transform:rotate(20deg)}.brandRow{display:flex;align-items:center;gap:10px}.logoDot{width:14px;height:14px;border-radius:6px;background:#ffffffeb;box-shadow:0 10px 20px #0000002e}.h1{font-size:24px;font-weight:900;margin:0;letter-spacing:-.02em}.p{margin:10px 0 0;opacity:.92;line-height:1.45}.card{margin-top:14px;background:var(--card);border:1px solid var(--cardBorder);border-radius:var(--radius);box-shadow:var(--shadow2);padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-top:14px}.label{display:block;font-size:12.5px;font-weight:800;margin-bottom:7px;color:#0b1220c7}.input,.textarea{width:100%;border:1px solid rgba(17,24,39,.1);border-radius:16px;padding:12px;font-size:15px;outline:none;background:#ffffffe6;transition:box-shadow .15s ease,border-color .15s ease,transform .08s ease}.input:focus,.textarea:focus{border-color:#4f46e573;box-shadow:0 0 0 6px #4f46e51a}.textarea{min-height:92px;resize:vertical}.hint{margin-top:8px;font-size:12.5px;color:var(--muted);line-height:1.35}.btnPrimary{width:100%;border:0;border-radius:16px;padding:12px 14px;font-weight:900;font-size:15px;cursor:pointer;background:linear-gradient(90deg,var(--accentA),var(--accentB));color:#fff;margin-top:16px;box-shadow:0 14px 30px #4f46e540;transition:transform .08s ease,filter .15s ease}.btnPrimary:active{transform:translateY(1px) scale(.99)}.btnGhost{width:100%;border:1px solid rgba(17,24,39,.1);border-radius:16px;padding:12px 14px;font-weight:900;font-size:15px;cursor:pointer;background:#0b1220eb;color:#fff;margin-top:10px;transition:transform .08s ease,filter .15s ease}.btnGhost:active{transform:translateY(1px) scale(.99)}.badge{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(17,24,39,.1);background:#ffffffbf;margin-top:12px;font-weight:800}.statusPill{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;font-weight:900;font-size:13px;border:1px solid rgba(17,24,39,.1)}.statusPending{background:#f59e0b24}.statusApproved{background:#22c55e24}.statusFix{background:#3b82f624}.statusRejected{background:#ef444424}.statusBanned{background:#ef444433}.footer{text-align:center;margin-top:12px;color:#0b12208c;font-size:12.5px}.navRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.btnTab{width:100%;border-radius:16px;padding:12px 14px;font-weight:900;font-size:14px;cursor:pointer;border:1px solid rgba(17,24,39,.1);background:#ffffffb3}.btnTabActive{background:#0b1220eb;color:#fff}.chatListItem{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid rgba(17,24,39,.1);border-radius:18px;background:#ffffffbf;cursor:pointer;margin-top:10px}.avatar{width:52px;height:52px;border-radius:16px;overflow:hidden;border:1px solid rgba(17,24,39,.1);background:#0000000a}.chatBox{border:1px solid rgba(17,24,39,.1);border-radius:18px;background:#ffffffbf;padding:12px;margin-top:12px}.msg{max-width:80%;padding:10px 12px;border-radius:16px;margin:8px 0;border:1px solid rgba(17,24,39,.1);background:#ffffffd9;font-weight:700;line-height:1.3}.msgMe{margin-left:auto;background:#4f46e524}.chatInputRow{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px}