*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#1a1a2e;background:#f6f7fb}a{color:#c8102e}
header{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}header b{font-size:20px;color:#c8102e}nav a{margin-right:12px;text-decoration:none;color:#333;cursor:pointer}
main{max-width:1100px;margin:auto;padding:20px}.card{background:#fff;border-radius:10px;padding:16px;margin:10px 0;box-shadow:0 1px 3px #0001}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.grid img{width:100%;height:150px;object-fit:cover;border-radius:6px;background:#eee}
input,select,textarea,button{font:inherit;padding:8px;border:1px solid #ccc;border-radius:6px;margin:3px 0;width:100%}button{background:#c8102e;color:#fff;border:0;cursor:pointer;width:auto;padding:8px 14px}button.sec{background:#555}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{border-bottom:1px solid #eee;padding:6px;text-align:left}.demo{background:#fde68a;color:#7c2d12;font-size:11px;padding:2px 6px;border-radius:4px}
.hero{background:linear-gradient(135deg,#c8102e,#7a0b1c);color:#fff;padding:50px 20px;border-radius:12px}.hero h1{margin:0 0 10px;font-size:34px}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1;min-width:150px}
footer{text-align:center;font-size:13px;padding:30px;color:#666}.err{color:#c8102e}.pos{color:#15803d;font-weight:600}.neg{color:#c8102e;font-weight:600}
header .logo{height:40px;width:auto;vertical-align:middle;margin-right:8px}