.barcode-svg[data-v-8add3bdd]{width:100%;max-width:300px;height:auto;display:block;margin:0 auto}.no-barcode[data-v-8add3bdd]{color:#ccc;font-size:12px;text-align:center;padding:10px}.container[data-v-ee553225]{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#333}.header-section[data-v-ee553225]{text-align:center;margin-bottom:30px}h1[data-v-ee553225]{font-size:2rem;margin-bottom:20px;color:#2c3e50}.search-box[data-v-ee553225]{max-width:600px;margin:0 auto}.input-wrapper[data-v-ee553225]{position:relative;display:flex;align-items:center}.search-icon[data-v-ee553225]{position:absolute;left:15px;font-size:1.2rem;color:#888}input[data-v-ee553225]{width:100%;padding:15px 45px;font-size:18px;border:2px solid #e0e0e0;border-radius:50px;outline:none;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}input[data-v-ee553225]:focus{border-color:#42b983;box-shadow:0 4px 12px #42b98333}.clear-btn[data-v-ee553225]{position:absolute;right:15px;background:none;border:none;font-size:18px;color:#999;cursor:pointer}.stats[data-v-ee553225]{margin-top:10px;font-size:14px;color:#666}.highlight-count[data-v-ee553225]{color:#42b983;font-weight:700}.table-container[data-v-ee553225]{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;overflow:hidden}table[data-v-ee553225]{width:100%;border-collapse:collapse}thead[data-v-ee553225]{background-color:#f8f9fa;border-bottom:2px solid #eee}th[data-v-ee553225]{padding:16px;text-align:left;font-weight:600;color:#555;font-size:15px}td[data-v-ee553225]{padding:14px 16px;border-bottom:1px solid #eee;font-size:15px;vertical-align:middle}tr:last-child td[data-v-ee553225]{border-bottom:none}.id-col[data-v-ee553225]{color:#888;font-size:14px}.name-col[data-v-ee553225]{font-weight:600;color:#2c3e50;font-size:16px}.code-col[data-v-ee553225]{font-family:Consolas,Monaco,monospace;color:#444;letter-spacing:.5px}.empty-state[data-v-ee553225]{padding:60px;text-align:center;color:#888;font-size:18px;background-color:#fff}.clickable-row[data-v-ee553225]{cursor:pointer;transition:background-color .2s}.clickable-row[data-v-ee553225]:hover{background-color:#e8f5e9}.clickable-row[data-v-ee553225]:active{background-color:#d0ebd3}.modal-overlay[data-v-ee553225]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding-top:50px;z-index:9999}.modal-content[data-v-ee553225]{background:#fff;width:90%;max-width:480px;border-radius:16px;box-shadow:0 20px 50px #0003;padding:25px;position:relative;overflow:hidden;max-height:85vh;overflow-y:auto}.close-modal-btn[data-v-ee553225]{position:absolute;top:15px;right:15px;background:#f0f0f0;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px;color:#666}.close-modal-btn[data-v-ee553225]:hover{background:#e0e0e0}.modal-header[data-v-ee553225]{border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px}.modal-header h2[data-v-ee553225]{margin:0;font-size:1.4rem;color:#333}.modal-id[data-v-ee553225]{display:inline-block;background:#eee;padding:2px 8px;border-radius:4px;font-size:12px;color:#666;margin-top:5px}.detail-item[data-v-ee553225]{margin-bottom:20px}.detail-item label[data-v-ee553225]{display:block;font-size:13px;color:#888;margin-bottom:5px}.highlight-name[data-v-ee553225]{font-size:20px;font-weight:700;color:#42b983;word-break:break-all}.barcode-section[data-v-ee553225]{display:flex;flex-direction:column;gap:20px}.barcode-card[data-v-ee553225]{background:#f8f9fa;border-radius:8px;padding:15px;border:1px solid #eee;text-align:center}.barcode-label[data-v-ee553225]{font-size:14px;font-weight:700;color:#555;margin-bottom:10px;text-align:left}.barcode-img-wrapper[data-v-ee553225]{background:#fff;padding:10px;border-radius:4px}.modal-footer[data-v-ee553225]{text-align:center;margin-top:20px}.confirm-btn[data-v-ee553225]{background-color:#42b983;color:#fff;border:none;padding:10px 40px;border-radius:25px;font-size:16px;cursor:pointer;font-weight:700;box-shadow:0 4px 10px #42b9834d}.confirm-btn[data-v-ee553225]:hover{background-color:#3aa876}.modal-slide-enter-active[data-v-ee553225],.modal-slide-leave-active[data-v-ee553225]{transition:all .3s ease}.modal-slide-enter-from[data-v-ee553225],.modal-slide-leave-to[data-v-ee553225]{opacity:0;transform:translateY(-50px)}.modal-slide-enter-to[data-v-ee553225],.modal-slide-leave-from[data-v-ee553225]{opacity:1;transform:translateY(0)}