body{font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;background:#f6f7fb;margin:0}
.wrap{max-width:1100px;margin:24px auto;padding:0 16px}
h1{margin:0 0 16px}
.card{background:#fff;border-radius:12px;padding:16px;margin:16px 0;box-shadow:0 2px 10px rgba(0,0,0,.06)}
label{display:block;font-weight:600;margin-bottom:6px}
input{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px}
.btns{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
button{padding:10px 14px;border-radius:10px;border:1px solid #ddd;background:#fafafa;cursor:pointer}
button.danger{border-color:#f1b0b0;background:#fff5f5}
.ok{background:#e9fff0;border:1px solid #b6f0c4;padding:10px;border-radius:10px}
.err{background:#fff1f1;border:1px solid #f0b6b6;padding:10px;border-radius:10px}
.out{background:#0f172a;color:#e5e7eb;padding:12px;border-radius:10px;overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.foot{color:#666;font-size:13px}