*{box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f4f6f8;margin:0;color:#222}
.bar{background:#1f2937;color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}
.bar a{color:#fff;margin-left:14px;text-decoration:none}
.wrap{max-width:900px;margin:20px auto;padding:0 15px}
.card{background:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0002;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.box{background:#fff;border-radius:8px;padding:20px;max-width:420px;margin:60px auto;box-shadow:0 1px 3px #0002}
.wrap .box{margin:20px 0;max-width:600px}
label{display:block;margin:10px 0 4px;font-size:14px}input{width:100%;padding:9px;border:1px solid #ccc;border-radius:5px}
.btn{background:#2563eb;color:#fff;border:0;padding:9px 14px;border-radius:5px;cursor:pointer;text-decoration:none;font-size:14px;display:inline-block}
.btn.red{background:#dc2626}.btn.gray{background:#6b7280}.card form{display:inline}.err{color:#dc2626}small{color:#666}