.app-container[data-v-7785fb0e]{font-family:Arial,sans-serif;background-color:#f4f4f9;padding:20px;height:calc(100% - 50px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.scan-input[data-v-7785fb0e]{margin-bottom:20px}.scan-input-field[data-v-7785fb0e]{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;-webkit-transition:border-color .3s;transition:border-color .3s}.scan-input-field[data-v-7785fb0e]:focus{border-color:#24b8e9;outline:none}.container[data-v-7785fb0e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.left[data-v-7785fb0e],.right[data-v-7785fb0e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.center[data-v-7785fb0e],.left[data-v-7785fb0e],.right[data-v-7785fb0e]{background-color:#fff;padding:20px;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);overflow-y:auto}.center[data-v-7785fb0e]{-webkit-box-flex:4;-ms-flex:4;flex:4}.card[data-v-7785fb0e],.defect-card[data-v-7785fb0e]{border:1px solid #ddd;padding:15px;margin-bottom:15px;border-radius:5px;background-color:#fcfcfc;font-size:18px;font-weight:700}.tabs[data-v-7785fb0e]{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #ccc;margin-bottom:20px}.tab[data-v-7785fb0e]{padding:10px 20px;cursor:pointer;border:1px solid #ccc;border-bottom:none;border-radius:5px 5px 0 0;background-color:#f4f4f9;margin-right:5px;color:#fff;font-weight:700;font-size:16px}.tab.active[data-v-7785fb0e]{background-color:#fff;border-bottom-color:#fff;position:relative;z-index:1}.tab.active[data-v-7785fb0e]:after{content:"";position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ccc}.level[data-v-7785fb0e]{margin-bottom:30px}.product-image[data-v-7785fb0e]{max-width:100%;height:auto;border-radius:5px;margin-bottom:20px}.select-box[data-v-7785fb0e]{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;margin-bottom:20px}.button-group[data-v-7785fb0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.clear-button[data-v-7785fb0e],.submit-button[data-v-7785fb0e]{padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer}.submit-button[data-v-7785fb0e]{background-color:#28a745;color:#fff}.submit-button[data-v-7785fb0e]:hover{background-color:#218838}.clear-button[data-v-7785fb0e]{background-color:#dc3545;color:#fff}.clear-button[data-v-7785fb0e]:hover{background-color:#c82333}.defect-cards[data-v-7785fb0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.defect-card[data-v-7785fb0e]{width:calc(20% - 10px);-webkit-box-flex:0;-ms-flex:0 0 calc(16.666% - 10px);flex:0 0 calc(16.666% - 10px);-webkit-box-sizing:border-box;box-sizing:border-box}.defect-input[data-v-7785fb0e]::-webkit-input-placeholder{color:#cdcdcd;opacity:1}.defect-input[data-v-7785fb0e]::-moz-placeholder{color:#cdcdcd;opacity:1}.defect-input[data-v-7785fb0e]:-ms-input-placeholder{color:#cdcdcd;opacity:1}.defect-input[data-v-7785fb0e]::-ms-input-placeholder{color:#cdcdcd;opacity:1}.defect-input[data-v-7785fb0e]::placeholder{color:#cdcdcd;opacity:1}.defect-input[data-v-7785fb0e]:focus{border-color:#24b8e9;outline:none}.defect-input[data-v-7785fb0e]{border:1px solid #ccc;width:100%}.no-selection[data-v-7785fb0e]{text-align:center;color:#888;font-size:26px;margin-top:20px}.card.selected[data-v-7785fb0e]{border-color:blue;background-color:#e0f7fa}.confirm-dialog-overlay[data-v-7785fb0e]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000}.confirm-dialog[data-v-7785fb0e]{background-color:white;padding:30px;border-radius:12px;width:80%;max-height:90vh;overflow-y:auto}.confirm-content[data-v-7785fb0e]{margin-bottom:20px;font-size:24px;line-height:1.6}.confirm-buttons[data-v-7785fb0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dialog-title[data-v-7785fb0e]{position:relative;font-size:24px;padding-left:20px;margin-bottom:20px}.dialog-title[data-v-7785fb0e]:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px;height:24px;background-color:#24b8e9;border-radius:2px}