.container { max-width: 1000px; margin: auto; padding: 20px; font-family: sans-serif; }
.grid-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.input-section input { display: block; width: 100%; margin-bottom: 10px; padding: 8px; box-sizing: border-box; }
.chart-section { background: #fff; border: 1px solid #ddd; padding: 10px; height: 300px; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { border: 1px solid #ddd; padding: 10px; text-align: left; }
.footer-tools { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 30px; }
#qrcode { padding: 10px; background: white; border: 1px solid #ccc; }
#qrcode-container p { font-size: 12px; margin-bottom: 5px; color: #666; }