#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#app,body,html{min-height:100vh}body,html{margin:0;padding:0}.stock-table[data-v-2eb8bc09]{padding:20px;width:90%;overflow-x:auto;margin:0 auto}.table-name[data-v-2eb8bc09]{margin-bottom:20px;padding:8px;font-size:16px}table[data-v-2eb8bc09]{min-width:800px;width:100%;border-collapse:collapse;margin-bottom:20px}td[data-v-2eb8bc09],th[data-v-2eb8bc09]{border:2px solid #000;padding:8px;text-align:center;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input[data-v-2eb8bc09]{width:100px;height:30px;padding:4px;border-color:red}button[data-v-2eb8bc09]{padding:4px 8px}.button-container[data-v-2eb8bc09]{text-align:center;margin:20px 0}.add-btn[data-v-2eb8bc09],.generate-btn[data-v-2eb8bc09]{padding:12px 24px;font-size:16px;margin:0 10px;border-radius:6px;font-weight:700;transition:all .3s ease}.add-btn[data-v-2eb8bc09]:hover,.generate-btn[data-v-2eb8bc09]:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.2)}.add-btn[data-v-2eb8bc09]{background-color:#42b983}.add-btn[data-v-2eb8bc09],.generate-btn[data-v-2eb8bc09]{padding:8px 16px;color:#fff;border:none;border-radius:4px;cursor:pointer}.generate-btn[data-v-2eb8bc09]{margin-left:10px;background-color:#409eff}.generated-table[data-v-2eb8bc09]{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:8px}.generated-table h3[data-v-2eb8bc09]{margin-bottom:15px;color:#2c3e50}.generated-table table[data-v-2eb8bc09]{background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.1)}.generated-table th[data-v-2eb8bc09]{background-color:#f2f6fc}.generated-table td[data-v-2eb8bc09]{background-color:#fff}@media screen and (max-width:768px){.stock-table[data-v-2eb8bc09]{padding:10px}.table-name[data-v-2eb8bc09]{width:100%!important;margin-bottom:10px}.button-container[data-v-2eb8bc09]{display:flex;flex-direction:column;gap:10px}.add-btn[data-v-2eb8bc09],.generate-btn[data-v-2eb8bc09]{width:100%;margin:0;padding:15px;font-size:18px}input[data-v-2eb8bc09]{width:80px;font-size:14px}td[data-v-2eb8bc09],th[data-v-2eb8bc09]{padding:4px;font-size:14px}}@media screen and (max-width:480px){input[data-v-2eb8bc09]{width:60px;font-size:12px}td[data-v-2eb8bc09],th[data-v-2eb8bc09]{padding:2px;font-size:12px}}