@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Open+Sans:wght@400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#60f,#4d00c0);font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.app-header{align-items:center;background:#fff;border-bottom:3px solid #60f;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.75rem 2rem}@media (max-width:768px){.app-header{padding:1rem}}.header-brand{align-items:center;display:flex;gap:1rem}@media (max-width:768px){.header-brand{gap:.5rem}}.butterfly-logo{height:50px;width:auto}@media (max-width:768px){.butterfly-logo{height:35px}}.app-header h1{color:#252622;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:600;line-height:1.2;margin:0}@media (max-width:768px){.app-header h1{font-size:1.2rem}}.brand-subtitle{color:#60f;font-family:Open Sans,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}@media (max-width:768px){.brand-subtitle{display:none;font-size:.7rem}}.header-controls{align-items:center;display:flex;gap:1rem}@media (max-width:768px){.header-controls{gap:.5rem;justify-content:space-between;width:100%}}.header-controls select{background:#fff;border:2px solid #e0e0e0;border-radius:100px;color:#444;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;transition:all .3s ease}@media (max-width:768px){.header-controls select{flex:1 1;font-size:.85rem;padding:.6rem 1rem}}.header-controls select:hover{border-color:#60f}.header-controls select:focus{border-color:#60f;box-shadow:0 0 0 3px rgba(102,0,255,.1);outline:none}.logout-btn{background:#60f;border:none;border-radius:100px;box-shadow:0 2px 10px rgba(102,0,255,.3);color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}@media (max-width:768px){.logout-btn{font-size:.85rem;padding:.6rem 1.2rem}}.logout-btn:hover{background:#4d00c0;box-shadow:0 4px 15px rgba(102,0,255,.4);transform:translateY(-1px)}.app-main{align-items:flex-start;display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:1200px;padding:2rem;width:100%}@media (max-width:1024px){.app-main{max-width:800px}}@media (max-width:768px){.app-main{padding:1rem}}@media (max-width:480px){.app-main{padding:.75rem}}.form-container{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.1);max-width:800px;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}@media (max-width:768px){.form-container{border-radius:16px;padding:1.5rem}}@media (max-width:480px){.form-container{border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.08);padding:1.25rem}}.form-container:hover{box-shadow:0 15px 50px rgba(0,0,0,.15);transform:translateY(-2px)}.provisioner-form h2,.query-form h2{color:#252622;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:600;margin-bottom:2rem;position:relative;text-align:center}@media (max-width:768px){.provisioner-form h2,.query-form h2{font-size:1.3rem;margin-bottom:1.5rem}}.provisioner-form h2:after,.query-form h2:after{background:linear-gradient(90deg,#60f,#4d00c0);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.form-group{margin-bottom:1.5rem}@media (max-width:768px){.form-group{margin-bottom:1.25rem}}.form-group label{color:#444;display:block;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;margin-bottom:.75rem}@media (max-width:768px){.form-group label{font-size:.9rem;margin-bottom:.5rem}}.form-group input,.form-group select{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;font-family:Open Sans,sans-serif;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}@media (max-width:768px){.form-group input,.form-group select{border-radius:10px;font-size:16px;padding:.875rem 1rem}}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5em;cursor:pointer;padding-right:3rem}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:#60f;box-shadow:0 0 0 3px rgba(102,0,255,.1);outline:none;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover{background-color:#fff;border-color:#60f}.form-group select option{background:#fff;color:#252622;font-weight:500;padding:.5rem}.form-group select option:checked{background:linear-gradient(90deg,#60f,#4d00c0);color:#fff}button[type=submit]{background:linear-gradient(135deg,#60f,#4d00c0);border:none;border-radius:100px;box-shadow:0 4px 15px rgba(102,0,255,.3);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}@media (max-width:768px){button[type=submit]{font-size:.95rem;padding:.875rem 1.25rem}}button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#4d00c0,#3a0090);box-shadow:0 8px 25px rgba(102,0,255,.4);transform:translateY(-2px)}button[type=submit]:active:not(:disabled){box-shadow:0 4px 15px rgba(102,0,255,.3);transform:translateY(0)}button[type=submit]:disabled{box-shadow:0 2px 8px rgba(102,0,255,.2);cursor:not-allowed;opacity:.6;transform:none}.error{background:linear-gradient(135deg,#ff4757,#ff3742);box-shadow:0 4px 15px rgba(255,71,87,.3)}.error,.success{border:none;border-radius:12px;color:#fff;font-weight:500;margin-top:1rem;padding:1rem}.success{background:linear-gradient(135deg,#2ed573,#1dd1a1);box-shadow:0 4px 15px rgba(46,213,115,.3)}.result{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:2px solid #e8eaff;border-radius:16px;box-shadow:0 4px 15px rgba(102,0,255,.1);margin-top:1.5rem;overflow-x:auto;padding:1.5rem}@media (max-width:768px){.result{border-radius:12px;margin-top:1rem;padding:1rem}}.result h3{color:#252622;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:1rem}@media (max-width:768px){.result h3{font-size:1.1rem;margin-bottom:.75rem}}.result p{word-wrap:break-word;color:#444;line-height:1.6;margin-bottom:.75rem;overflow-wrap:break-word}@media (max-width:768px){.result p{font-size:.9rem;margin-bottom:.5rem}}.result strong{color:#60f;font-weight:600;margin-right:.5rem}.login-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}@media (max-width:768px){.login-container{padding:1.5rem}}.login-container h1{color:#fff;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 20px rgba(0,0,0,.2)}@media (max-width:768px){.login-container h1{font-size:2rem}}@media (max-width:480px){.login-container h1{font-size:1.75rem}}.login-container p{color:hsla(0,0%,100%,.9);font-size:1.2rem;font-weight:400;margin-bottom:2.5rem}@media (max-width:768px){.login-container p{font-size:1rem;margin-bottom:2rem}}.google-signin-btn{align-items:center;background:#fff;border:none;border-radius:100px;box-shadow:0 8px 30px rgba(0,0,0,.2);color:#252622;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;gap:.75rem;letter-spacing:.5px;padding:1.25rem 2.5rem;text-transform:uppercase;transition:all .3s ease}@media (max-width:768px){.google-signin-btn{font-size:1rem;padding:1rem 2rem}}@media (max-width:480px){.google-signin-btn{font-size:.9rem;gap:.5rem;padding:.875rem 1.5rem}}.google-signin-btn:hover{box-shadow:0 12px 40px rgba(0,0,0,.3);transform:translateY(-3px)}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.error-container h1,.loading-container h2{color:#fff;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:1rem;text-shadow:0 2px 20px rgba(0,0,0,.2)}.error-container p,.loading-container p{color:hsla(0,0%,100%,.9);font-size:1.1rem;font-weight:400}.error-message-container{align-items:center;display:flex;grid-column:1/-1;justify-content:center;min-height:60vh}@media (max-width:768px){.error-message-container{min-height:40vh;padding:1rem}}.error-message{background:#fff;border:2px solid #ff4757;border-radius:20px;box-shadow:0 10px 40px rgba(255,71,87,.2);max-width:500px;padding:3rem;text-align:center;width:100%}@media (max-width:768px){.error-message{border-radius:16px;max-width:100%;padding:2rem}}@media (max-width:480px){.error-message{border-radius:12px;padding:1.5rem}}.error-message h2{color:#ff4757;font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;margin-bottom:1.5rem}@media (max-width:768px){.error-message h2{font-size:1.5rem;margin-bottom:1rem}}.error-message p{color:#444;font-size:1.1rem;line-height:1.6;margin:0}@media (max-width:768px){.error-message p{font-size:1rem}}.tab-container{width:100%}.tab-navigation{background:#f8f9ff;border:1px solid #e8eaff;border-bottom:none;border-radius:12px 12px 0 0;display:flex;gap:.25rem;padding:.25rem}@media (max-width:768px){.tab-navigation{border-radius:12px 12px 0 0;padding:.25rem}}.tab-button{align-items:center;background:transparent;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.6rem 1rem;position:relative;transition:all .3s ease}@media (max-width:768px){.tab-button{flex-direction:column;font-size:.9rem;gap:.5rem;padding:.75rem 1rem}}@media (max-width:480px){.tab-button{font-size:.8rem;gap:.25rem;padding:.6rem .75rem}}.tab-button:hover{background:rgba(102,0,255,.1);color:#60f;transform:translateY(-1px)}.tab-button.active{background:linear-gradient(135deg,#60f,#4d00c0);box-shadow:0 4px 15px rgba(102,0,255,.3);color:#fff;transform:translateY(-1px)}.tab-button.active:hover{background:linear-gradient(135deg,#4d00c0,#3a0090);box-shadow:0 6px 20px rgba(102,0,255,.4);transform:translateY(-2px)}.tab-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center}@media (max-width:768px){.tab-icon{font-size:1.1rem}}@media (max-width:480px){.tab-icon{font-size:1rem}}.tab-label{font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.tab-label{font-size:.75rem;letter-spacing:.25px}}@media (max-width:480px){.tab-label{display:none;font-size:.7rem}}.tab-content{background:#fff;border:1px solid #e8eaff;border-radius:0 0 12px 12px;border-top:none;overflow:hidden;padding:1.5rem}@media (max-width:768px){.tab-content{border-radius:0 0 16px 16px;padding:1.5rem}}@media (max-width:480px){.tab-content{border-radius:0 0 12px 12px;padding:1.25rem}}.tab-content .provisioner-form h2,.tab-content .query-form h2{margin-top:0}.tab-content .provisioner-form,.tab-content .query-form{background:transparent;border:none;box-shadow:none;padding:0}.auto-generate-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}@media (max-width:768px){.auto-generate-buttons{gap:.75rem;margin-bottom:1.5rem}}@media (max-width:480px){.auto-generate-buttons{flex-direction:column;gap:.5rem}}.auto-generate-buttons button{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:16px;box-shadow:0 4px 15px hsla(0,100%,71%,.3);color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:0;min-width:180px;padding:1.25rem 2rem;text-transform:none;transition:all .3s ease}@media (max-width:768px){.auto-generate-buttons button{font-size:.95rem;min-width:150px;padding:1rem 1.5rem}}@media (max-width:480px){.auto-generate-buttons button{font-size:.9rem;min-width:100%;padding:1rem}}.auto-generate-buttons button:first-child{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px rgba(79,172,254,.3)}.auto-generate-buttons button:last-child{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 4px 15px rgba(67,233,123,.3)}.auto-generate-buttons button:hover:not(:disabled){box-shadow:0 8px 25px hsla(0,100%,71%,.4);transform:translateY(-3px)}.auto-generate-buttons button:first-child:hover:not(:disabled){box-shadow:0 8px 25px rgba(79,172,254,.4)}.auto-generate-buttons button:last-child:hover:not(:disabled){box-shadow:0 8px 25px rgba(67,233,123,.4)}.auto-generate-buttons button:active:not(:disabled){transform:translateY(-1px)}.auto-generate-buttons button:disabled{cursor:not-allowed;filter:grayscale(40%);opacity:.4;transform:none}.checkbox-group{align-items:center;background:#f8f9ff;border:2px solid #e8eaff;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}@media (max-width:768px){.checkbox-group{gap:.5rem;padding:.875rem}}.checkbox-group:hover{background:#f0f2ff;border-color:#60f}.checkbox-group.checked{background:linear-gradient(135deg,#f8f9ff,#e8eaff);border-color:#60f;box-shadow:0 2px 10px rgba(102,0,255,.1)}.custom-checkbox{cursor:pointer;height:24px;margin:0;position:relative;width:24px}.custom-checkbox input[type=checkbox]{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%}.checkbox-indicator{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;display:flex;height:24px;justify-content:center;left:0;position:absolute;top:0;transition:all .3s ease;width:24px}.custom-checkbox input[type=checkbox]:checked+.checkbox-indicator{background:linear-gradient(135deg,#60f,#4d00c0);border-color:#60f;box-shadow:0 2px 8px rgba(102,0,255,.3)}.custom-checkbox input[type=checkbox]:checked+.checkbox-indicator:after{color:#fff;content:"✓";font-size:14px;font-weight:700;line-height:1}.custom-checkbox input[type=checkbox]:focus+.checkbox-indicator{box-shadow:0 0 0 3px rgba(102,0,255,.2)}.checkbox-label{align-items:center;color:#444;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;gap:.5rem;-webkit-user-select:none;user-select:none}@media (max-width:768px){.checkbox-label{font-size:.95rem}}.checkbox-icon{font-size:1.2rem}.toggle-container{align-items:center;display:flex;margin-top:8px}.toggle-switch{align-items:center;cursor:pointer;display:flex;gap:12px;position:relative}.toggle-switch input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:#ddd;border:2px solid transparent;border-radius:12px;height:24px;position:relative;transition:all .3s ease;width:50px}.toggle-slider:before{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:18px;left:1px;position:absolute;top:1px;transition:all .3s ease;width:18px}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:#60f}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 8px rgba(102,0,255,.2)}.toggle-switch input[type=checkbox]:disabled+.toggle-slider{background-color:#f5f5f5;cursor:not-allowed}.toggle-switch input[type=checkbox]:disabled+.toggle-slider:before{background-color:#ccc}.toggle-label{color:#333;min-width:30px}.edit-button,.toggle-label{font-size:14px;font-weight:500}.edit-button{background:linear-gradient(135deg,#60f,#4d00c0);border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px;transition:all .3s ease}.edit-button:hover{background:linear-gradient(135deg,#4d00c0,#3300a0);box-shadow:0 4px 12px rgba(102,0,255,.3);transform:translateY(-2px)}.edit-buttons{display:flex;gap:10px;margin-top:16px}.save-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8);box-shadow:0 4px 12px rgba(32,201,151,.3);transform:translateY(-2px)}.cancel-button{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 12px hsla(208,7%,46%,.3);transform:translateY(-2px)}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.query-form{margin:0 auto;max-height:calc(100vh - 120px);max-width:600px;overflow-y:auto}.query-form .form-group{margin-bottom:1rem}.query-form .form-group input,.query-form .form-group select{font-size:.9rem;padding:.75rem 1rem}.query-form .result{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e0e0e0;border-radius:8px;margin-top:1rem;max-height:50vh;overflow-y:auto;padding:1rem}.query-form .result p{font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.query-form .result h3{font-size:1.1rem;margin-bottom:.75rem}.query-form button{font-size:.9rem;padding:.75rem 1.5rem}.app-content{box-sizing:border-box;display:flex;gap:8px;height:calc(100vh - 40px);padding:3px 8px;width:100%}.qr-preview-section.has-content{flex:0 0 45%;max-width:45%;min-width:45%;width:45%}.qr-preview-section.has-content,.qr-preview-section.no-content{height:100%;max-height:100%;min-height:0;overflow:hidden;transition:all .2s ease}.qr-preview-section.no-content{flex:0 0;max-width:0;min-width:0;width:0}.form-section.has-preview{align-items:stretch;display:flex;flex:0 0 55%;justify-content:flex-start;max-width:55%;min-height:0;min-width:55%;width:55%}.form-section.no-preview{align-items:stretch;display:flex;flex:1 1;justify-content:center;max-width:100%;min-height:0;min-width:100%;width:100%}.form-content{width:100%}.form-section.no-preview .form-content{max-width:600px;width:600px}@media (max-width:768px){.app-content{flex-direction:column;gap:16px;height:auto;min-height:calc(100vh - 80px);padding:8px}.form-section{flex:none!important;justify-content:stretch!important;min-width:100%!important;order:1}.form-section,.form-section .form-content,.qr-preview-section{max-width:100%!important;width:100%!important}.qr-preview-section{flex:none!important;height:auto!important;max-height:none!important;min-height:auto!important;min-width:100%!important;order:2}.qr-preview-section.has-content{margin-top:1rem}}
/*# sourceMappingURL=main.927c10d4.css.map*/