html,body{color:#0f172a;background:#f8fafc;margin:0;padding:0;font-family:Arial,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.wrap{max-width:1000px;margin:40px auto;padding:0 20px}.card{background:#fff;border-radius:16px;margin-top:20px;padding:24px;box-shadow:0 10px 30px #0000000f}.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.btn{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;padding:10px 14px;display:inline-block}.input,.textarea{border:1px solid #d0d7e2;border-radius:10px;width:100%;padding:12px}.textarea{min-height:110px}.grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.label{color:#64748b;text-transform:uppercase;font-size:12px}.value{word-break:break-all;margin-top:6px}.flash{color:#166534;background:#dcfce7;border-radius:10px;margin-bottom:16px;padding:12px}.error{color:#991b1b;background:#fee2e2;border-radius:10px;margin-bottom:16px;padding:10px}pre{white-space:pre-wrap;word-break:break-word;color:#e2e8f0;background:#0f172a;border-radius:12px;padding:14px;overflow:auto}