.modal-overlay[data-v-ddbaf708]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-ddbaf708 .3s ease-out}.modal[data-v-ddbaf708]{background:#fff;padding:35px 40px;border-radius:16px;width:600px;max-width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp-ddbaf708 .3s ease-out}.modal[data-v-ddbaf708]::-webkit-scrollbar{width:8px}.modal[data-v-ddbaf708]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal[data-v-ddbaf708]::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:10px}.modal[data-v-ddbaf708]::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.modal-title[data-v-ddbaf708]{font-size:24px;font-weight:700;margin-bottom:25px;text-align:center;color:#2c3e50;padding-bottom:15px;border-bottom:3px solid #667eea}.mapping-row[data-v-ddbaf708]{display:flex;align-items:center;margin-bottom:12px;gap:12px;padding:8px;border-radius:10px;transition:all .3s ease}.mapping-row[data-v-ddbaf708]:hover{background-color:#f8f9fa}.input-field[data-v-ddbaf708]{flex:1;padding:12px 16px;font-size:15px;border-radius:10px;border:2px solid #e0e0e0;background-color:#f8f9fa;transition:all .3s ease;color:#2c3e50}.input-field[data-v-ddbaf708]:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.input-field[data-v-ddbaf708]::-moz-placeholder{color:#999}.input-field[data-v-ddbaf708]::placeholder{color:#999}.remove-btn[data-v-ddbaf708]{background-color:transparent;border:none;font-size:20px;cursor:pointer;color:#ff6b6b;padding:8px;border-radius:8px;transition:all .3s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.remove-btn[data-v-ddbaf708]:hover{background-color:hsla(0,100%,71%,.1);transform:scale(1.1)}.add-btn[data-v-ddbaf708]{margin-top:15px;background:linear-gradient(135deg,#48c6ef,#6f86d6);color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;box-shadow:0 4px 12px rgba(72,198,239,.4);transition:all .3s ease;width:100%}.add-btn[data-v-ddbaf708]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(72,198,239,.6)}.modal-buttons[data-v-ddbaf708]{display:flex;justify-content:flex-end;margin-top:25px;gap:12px;padding-top:20px;border-top:1px solid #e0e0e0}.save-btn[data-v-ddbaf708]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 28px;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;box-shadow:0 4px 12px rgba(102,126,234,.4);transition:all .3s ease}.save-btn[data-v-ddbaf708]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.6)}.cancel-btn[data-v-ddbaf708]{background:#e0e0e0;color:#555;border:none;padding:12px 28px;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-ddbaf708]:hover{background:#d0d0d0;transform:translateY(-2px)}@keyframes fadeIn-ddbaf708{0%{opacity:0}to{opacity:1}}@keyframes slideUp-ddbaf708{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.gate-page[data-v-c6c37bb0]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe 50%,#e0f2fe);padding:40px 20px;overflow:hidden}.gate-title[data-v-c6c37bb0]{font-size:48px;font-weight:700;margin-bottom:60px;color:#1e293b;text-shadow:0 2px 8px rgba(59,130,246,.15);animation:fadeIn-c6c37bb0 .6s ease-out}.gate-container[data-v-c6c37bb0]{display:flex;gap:40px;justify-content:center;align-items:stretch;max-width:1200px;width:100%;flex-wrap:wrap}.gate-button[data-v-c6c37bb0]{flex:1;min-width:380px;max-width:550px;height:350px;font-size:26px;font-weight:600;background:#fff;color:#1e293b;border:none;border-radius:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;text-align:center;padding:40px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(59,130,246,.12);animation:fadeInUp-c6c37bb0 .6s ease-out backwards;border:2px solid #e2e8f0}.gate-button[data-v-c6c37bb0]:first-child{animation-delay:.1s}.gate-button[data-v-c6c37bb0]:nth-child(2){animation-delay:.2s}.gate-button[data-v-c6c37bb0]:hover{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;transform:translateY(-8px);box-shadow:0 12px 40px rgba(59,130,246,.3);border-color:transparent}.top-right-btn[data-v-c6c37bb0]{position:absolute;top:25px;right:30px;padding:12px 24px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);color:#3b82f6;border:2px solid #e2e8f0;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(59,130,246,.15);transition:all .3s ease}.top-right-btn[data-v-c6c37bb0]:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.3)}.open-modal-btn[data-v-c6c37bb0]{position:absolute;top:80px;right:30px;padding:12px 24px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);color:#3b82f6;border:2px solid #e2e8f0;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(59,130,246,.15);transition:all .3s ease}.open-modal-btn[data-v-c6c37bb0]:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.3)}@keyframes fadeIn-c6c37bb0{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-c6c37bb0{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}