[data-v-4a296ec3]{-webkit-box-sizing:border-box;box-sizing:border-box}.landing-badge-page[data-v-4a296ec3]{padding:20px;background-color:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.page-header[data-v-4a296ec3]{margin-bottom:20px;text-align:center}.page-header h1[data-v-4a296ec3]{font-size:28px;font-weight:600;color:#333;margin:0}.create-badge-section[data-v-4a296ec3]{max-width:500px;margin:0 auto 30px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-card-compact[data-v-4a296ec3]{position:relative;z-index:1;width:100%;max-width:350px;background:#fff;border-radius:10px;padding:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.create-card-compact.dropdown-open[data-v-4a296ec3]{z-index:100;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15);box-shadow:0 4px 16px rgba(0,0,0,.15)}.create-badge-btn[data-v-4a296ec3]{width:100%;padding:14px 20px;background:#5b4fe6;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;-webkit-transition:all .2s;transition:all .2s;-webkit-box-shadow:0 2px 8px rgba(91,79,230,.3);box-shadow:0 2px 8px rgba(91,79,230,.3)}.create-badge-btn[data-v-4a296ec3]:hover{background:#4b3fd6;-webkit-box-shadow:0 4px 12px rgba(91,79,230,.4);box-shadow:0 4px 12px rgba(91,79,230,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.create-badge-btn[data-v-4a296ec3]:active{-webkit-transform:translateY(0);transform:translateY(0)}.dropdown-icon[data-v-4a296ec3]{font-size:11px;font-weight:700;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.create-card-compact.dropdown-open .dropdown-icon[data-v-4a296ec3]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.badge-dropdown[data-v-4a296ec3]{position:absolute;top:calc(100% + 8px);left:16px;right:16px;background:#fff;border-radius:8px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.2);box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:100;overflow:hidden}.dropdown-header[data-v-4a296ec3]{padding:12px 16px;font-size:12px;color:#666;border-bottom:1px solid #e5e5e5;line-height:1.4;background:#f9f9f9}.dropdown-item[data-v-4a296ec3]{width:100%;padding:12px 16px;background:#fff;border:none;text-align:left;font-size:14px;color:#333;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.dropdown-item[data-v-4a296ec3]:hover{background:#f5f5f5}.dropdown-item[data-v-4a296ec3]:not(:last-child){border-bottom:1px solid #f0f0f0}.dropdown-empty[data-v-4a296ec3]{padding:16px;text-align:center;font-size:13px;color:#999;font-style:italic}.badge-cards-grid[data-v-4a296ec3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;max-width:1400px;margin:0 auto}.badge-card[data-v-4a296ec3]{background:#fff;border-radius:10px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:visible;-webkit-transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s}.badge-card[data-v-4a296ec3]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15);box-shadow:0 4px 16px rgba(0,0,0,.15)}.badge-preview[data-v-4a296ec3]{height:260px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;cursor:pointer;overflow:hidden;border-radius:10px 10px 0 0}.created-badge-card[data-v-4a296ec3]{position:relative;z-index:1}.created-badge-card.menu-open[data-v-4a296ec3]{z-index:150}.actual-badge[data-v-4a296ec3]{width:150px;height:230px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.08);box-shadow:0 2px 6px rgba(0,0,0,.08)}.badge-header-text[data-v-4a296ec3]{font-size:9px;color:#666;text-align:center}.badge-name[data-v-4a296ec3]{font-size:18px;font-weight:600;color:#000;text-align:center;margin-top:6px}.badge-role[data-v-4a296ec3]{font-size:11px;color:#555;text-align:center}.badge-company[data-v-4a296ec3]{font-size:10px;color:#666;text-align:center;margin-bottom:6px}.badge-qr-code[data-v-4a296ec3]{width:65px;height:65px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:8px 0;background:#fff;padding:3px;border:1px solid #e0e0e0;border-radius:4px}.qr-code-image[data-v-4a296ec3]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:2px}.badge-footer-text[data-v-4a296ec3]{font-size:10px;color:#333;text-align:center;margin-top:auto}.badge-card-footer[data-v-4a296ec3]{padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;border-top:none;background:#2563eb;border-radius:0 0 10px 10px;position:relative}.badge-info[data-v-4a296ec3]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;text-align:center}.badge-title[data-v-4a296ec3]{font-size:14px;font-weight:500;color:#fff;margin-bottom:3px;text-align:center}.badge-created-time[data-v-4a296ec3]{font-size:12px;color:hsla(0,0%,100%,.9);text-align:center}.menu-wrapper[data-v-4a296ec3]{position:absolute;top:12px;right:12px;z-index:50}.menu-btn[data-v-4a296ec3]{background:none;border:none;font-size:18px;color:#fff;cursor:pointer;padding:3px 6px;-webkit-transition:all .2s;transition:all .2s;position:relative;z-index:51}.menu-btn[data-v-4a296ec3]:hover{color:#fff;background:hsla(0,0%,100%,.2);border-radius:4px}.menu-dropdown[data-v-4a296ec3]{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border-radius:8px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.25);box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:250;min-width:150px;overflow:visible;border:1px solid #e5e5e5}.menu-dropdown-item[data-v-4a296ec3]{width:100%;padding:10px 14px;background:#fff;border:none;text-align:left;font-size:13px;color:#333;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;display:block;border-radius:0}.menu-dropdown-item[data-v-4a296ec3]:first-child{border-radius:8px 8px 0 0}.menu-dropdown-item[data-v-4a296ec3]:last-child{border-radius:0 0 8px 8px}.menu-dropdown-item[data-v-4a296ec3]:hover{background:#f5f5f5}.menu-dropdown-item.delete[data-v-4a296ec3]{color:#dc2626}.menu-dropdown-item.delete[data-v-4a296ec3]:hover{background:#fef2f2}.empty-state[data-v-4a296ec3]{text-align:center;padding:40px 20px;max-width:500px;margin:0 auto}.empty-icon[data-v-4a296ec3]{font-size:48px;margin-bottom:12px}.empty-state p[data-v-4a296ec3]{font-size:15px;color:#666;margin:0}.modal-overlay[data-v-4a296ec3]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000}.modal-container[data-v-4a296ec3]{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.2);box-shadow:0 8px 32px rgba(0,0,0,.2)}.modal-header[data-v-4a296ec3]{padding:20px;border-bottom:1px solid #e5e5e5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-header h2[data-v-4a296ec3]{font-size:18px;font-weight:600;color:#333;margin:0}.close-btn[data-v-4a296ec3]{background:none;border:none;font-size:22px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.close-btn[data-v-4a296ec3]:hover{background:#f5f5f5;color:#333}.modal-body[data-v-4a296ec3]{padding:20px;overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1}.modal-content[data-v-4a296ec3]{display:grid;grid-template-columns:1fr 1fr;gap:30px}.options-section[data-v-4a296ec3]{gap:24px}.option-group[data-v-4a296ec3],.options-section[data-v-4a296ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.option-group[data-v-4a296ec3]{gap:10px}.option-label[data-v-4a296ec3]{font-size:14px;font-weight:500;color:#333}.radio-group[data-v-4a296ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.radio-option[data-v-4a296ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#333}.radio-option input[type=radio][data-v-4a296ec3]{width:16px;height:16px;cursor:pointer}.size-select[data-v-4a296ec3]{padding:9px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:13px;color:#333;background:#fff;cursor:pointer;-webkit-transition:border-color .2s;transition:border-color .2s}.size-select[data-v-4a296ec3]:hover{border-color:#4f46e5}.size-select[data-v-4a296ec3]:focus{outline:none;border-color:#4f46e5;-webkit-box-shadow:0 0 0 3px rgba(79,70,229,.1);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.preview-section[data-v-4a296ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:14px}.preview-title[data-v-4a296ec3]{font-size:16px;font-weight:600;color:#333;margin:0;text-align:center}.preview-label[data-v-4a296ec3]{font-size:13px;color:#333;font-weight:500;text-align:center}.preview-wrapper[data-v-4a296ec3]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px}.preview-container[data-v-4a296ec3],.preview-wrapper[data-v-4a296ec3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px}.preview-container[data-v-4a296ec3]{position:relative}.preview-badge[data-v-4a296ec3]{background:#fff;border:2px solid #8b92a8;border-radius:8px;padding:14px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px;width:135px;height:195px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.preview-container.landscape .preview-badge[data-v-4a296ec3]{width:195px;height:135px;padding:10px 14px;gap:5px}.preview-building-icon[data-v-4a296ec3]{width:28px;height:28px;background:#d4d8e3;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.preview-container.landscape .preview-building-icon[data-v-4a296ec3]{width:22px;height:22px}.icon-building[data-v-4a296ec3]{width:20px;height:20px;background:-webkit-gradient(linear,left top,left bottom,from(silver),color-stop(8%,silver),color-stop(8%,transparent),color-stop(16%,transparent),color-stop(16%,silver),color-stop(24%,silver),color-stop(24%,transparent),color-stop(32%,transparent),color-stop(32%,silver),color-stop(40%,silver),color-stop(40%,transparent),color-stop(48%,transparent),color-stop(48%,silver),to(silver));background:linear-gradient(180deg,silver 0,silver 8%,transparent 0,transparent 16%,silver 0,silver 24%,transparent 0,transparent 32%,silver 0,silver 40%,transparent 0,transparent 48%,silver 0,silver)}.preview-line[data-v-4a296ec3]{height:4px;background:#b8bfcf;border-radius:3px;-ms-flex-negative:0;flex-shrink:0}.preview-container.landscape .preview-line[data-v-4a296ec3]{height:3px}.preview-line.long[data-v-4a296ec3]{width:95px}.preview-container.landscape .preview-line.long[data-v-4a296ec3]{width:130px}.preview-line.medium[data-v-4a296ec3]{width:75px}.preview-container.landscape .preview-line.medium[data-v-4a296ec3]{width:95px}.preview-line.short[data-v-4a296ec3]{width:90px}.preview-container.landscape .preview-line.short[data-v-4a296ec3]{width:110px}.preview-qr[data-v-4a296ec3]{width:55px;height:55px;margin:3px 0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;border:1px solid #e0e0e0;border-radius:3px;padding:2px}.preview-container.landscape .preview-qr[data-v-4a296ec3]{width:45px;height:45px;margin:2px 0}.preview-qr-image[data-v-4a296ec3]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:2px}.dimension-height-wrapper[data-v-4a296ec3]{position:relative;height:195px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview-container.landscape .dimension-height-wrapper[data-v-4a296ec3]{height:135px}.dimension-height[data-v-4a296ec3]{position:absolute;left:18px;font-size:12px;color:#333;font-weight:500}.dimension-height-wrapper[data-v-4a296ec3]:before{content:"";position:absolute;left:7px;top:0;width:1px;height:100%;background:#333}.dimension-height-wrapper[data-v-4a296ec3]:after{content:"";position:absolute;left:4px;top:0;width:6px;height:1px;background:#333}.dimension-width-wrapper[data-v-4a296ec3]{position:relative;width:135px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:18px}.preview-container.landscape+.dimension-width-wrapper[data-v-4a296ec3]{width:195px}.dimension-width[data-v-4a296ec3]{font-size:12px;color:#333;font-weight:500}.dimension-width-wrapper[data-v-4a296ec3]:before{content:"";position:absolute;top:7px;left:0;width:100%;height:1px;background:#333}.dimension-width-wrapper[data-v-4a296ec3]:after{content:"";position:absolute;top:4px;left:0;width:1px;height:6px;background:#333}.modal-footer[data-v-4a296ec3]{padding:14px 20px;border-top:1px solid #e5e5e5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px}.btn-cancel[data-v-4a296ec3],.btn-ok[data-v-4a296ec3]{padding:9px 22px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.btn-cancel[data-v-4a296ec3]{background:#fff;border:1px solid #d0d0d0;color:#333}.btn-cancel[data-v-4a296ec3]:hover{background:#f5f5f5}.btn-ok[data-v-4a296ec3]{background:#4f46e5;border:none;color:#fff}.btn-ok[data-v-4a296ec3]:hover{background:#4338ca}.dropdown-enter-active[data-v-4a296ec3],.dropdown-leave-active[data-v-4a296ec3]{-webkit-transition:all .2s ease;transition:all .2s ease}.dropdown-enter[data-v-4a296ec3],.dropdown-leave-to[data-v-4a296ec3]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.menu-dropdown-enter-active[data-v-4a296ec3],.menu-dropdown-leave-active[data-v-4a296ec3]{-webkit-transition:all .15s ease;transition:all .15s ease}.menu-dropdown-enter[data-v-4a296ec3],.menu-dropdown-leave-to[data-v-4a296ec3]{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}.modal-enter-active[data-v-4a296ec3],.modal-leave-active[data-v-4a296ec3]{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.modal-enter-active .modal-container[data-v-4a296ec3],.modal-leave-active .modal-container[data-v-4a296ec3]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.modal-enter[data-v-4a296ec3],.modal-leave-to[data-v-4a296ec3]{opacity:0}.modal-enter .modal-container[data-v-4a296ec3],.modal-leave-to .modal-container[data-v-4a296ec3]{-webkit-transform:scale(.9);transform:scale(.9)}@media (max-width:992px){.modal-content[data-v-4a296ec3]{grid-template-columns:1fr}.badge-cards-grid[data-v-4a296ec3]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.landing-badge-page[data-v-4a296ec3]{padding:15px}.page-header h1[data-v-4a296ec3]{font-size:24px}.create-badge-section[data-v-4a296ec3]{width:100%;padding:0 10px}.create-card-compact[data-v-4a296ec3]{max-width:100%}.badge-cards-grid[data-v-4a296ec3]{grid-template-columns:1fr;max-width:350px;margin:0 auto}.modal-container[data-v-4a296ec3]{width:95%;max-height:95vh}}