body { font-family: -apple-system, sans-serif; max-width: 900px; margin: 40px auto; padding: 0 16px; color: #222; }
h1, h2 { font-weight: 600; }
input, button { font-size: 16px; padding: 8px 12px; }
button { cursor: pointer; }
table { border-collapse: collapse; width: 100%; margin-top: 12px; }
th, td { text-align: left; padding: 6px 10px; border-bottom: 1px solid #ddd; }
.error { color: #c0392b; }
.summary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 20px 0; }
.summary-card { border: 1px solid #ddd; border-radius: 8px; padding: 16px; }
.summary-card .value { font-size: 28px; font-weight: 700; }
nav a { margin-right: 16px; }