*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f6f7fb;color:#1e293b;line-height:1.55}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
.top{background:#fff;border-bottom:3px solid #0ea5e9;padding:28px 0 18px;box-shadow:0 4px 24px rgba(15,23,42,.06)}
h1{margin:0;color:#0f172a}h1 span{color:#0284c7;font-size:1.2rem}h2{color:#0f172a}
.sub{color:#64748b}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;margin:20px 0;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.addr-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}input{flex:1;min-width:220px;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font-size:1rem}
button{background:#0ea5e9;border:0;color:#fff;font-weight:700;padding:11px 18px;border-radius:999px;cursor:pointer}button.secondary{background:#e2e8f0;color:#1e293b}
.custom-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:6px}.custom-row input{flex:0 1 200px}
.note{color:#64748b;font-size:.9rem}
.inbox-head{display:flex;justify-content:space-between;align-items:center}
.msg-list{list-style:none;padding:0;margin:0}.msg-list li{border-bottom:1px solid #f1f5f9;padding:12px 4px;cursor:pointer}.msg-list li:hover{background:#f8fafc}.empty{cursor:default!important;color:#64748b}
pre{white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}
footer{padding:10px 0 30px;color:#94a3b8;text-align:center}