.extract-container{justify-content:center;padding:1.5rem;display:flex}.extract-card{border-radius:10px;width:100%}.extract-title{text-align:center;color:#e4e4e7;margin-bottom:15px;font-size:22px}.extract-input{color:#e4e4e7;background:#18181bcc;border:1px solid #71717a4d;border-radius:10px;outline:none;width:100%;height:50px;margin-bottom:25px;padding:10px;font-size:16px;transition:border-color .2s}.extract-input:focus{border-color:#a1a1aa80;box-shadow:0 0 0 2px #71717a26}.extract-button{color:#a1a1aa;cursor:pointer;background:#71717a26;border:1px solid #71717a4d;border-radius:10px;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:all .2s}.extract-button:disabled{opacity:.4;cursor:not-allowed}.extract-button:hover:not(:disabled){color:#d4d4d8;background:#71717a40;border-color:#71717a80}.extract-message{color:#a1a1aa;text-align:center;margin-top:10px;font-style:italic}.extract-resultBox{border:1px solid #71717a4d;border-radius:10px;margin-top:20px;padding:15px}.extract-pre{white-space:pre-wrap;word-wrap:break-word;color:#d4d4d8;max-height:400px;font-size:13px;overflow-y:auto}.extract-stats{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.extract-count{color:#a1a1aa;font-size:.85rem;font-weight:500}.extract-rawToggle{color:#818cf8;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:4px 10px;font-size:.8rem;transition:background .15s}.extract-rawToggle:hover{background:#818cf81a}.extract-cards{flex-direction:column;gap:10px;max-height:500px;display:flex;overflow-y:auto}.extract-card-item{background:#18181b99;border:1px solid #71717a33;border-radius:10px;padding:12px}.extract-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.extract-avatar{object-fit:cover;border:1px solid #71717a4d;border-radius:50%;width:36px;height:36px}.extract-name{color:#e4e4e7;font-size:.9rem;display:block}.extract-email{color:#a1a1aa;font-size:.75rem;display:block}.extract-card-body{flex-direction:column;gap:4px;display:flex}.extract-tag{color:#818cf8;background:#818cf81f;border-radius:4px;align-self:flex-start;margin-bottom:4px;padding:2px 8px;font-size:.7rem;font-weight:500;display:inline-block}.extract-field{border-bottom:1px solid #71717a1a;justify-content:space-between;padding:2px 0;font-size:.78rem;display:flex}.extract-field span:first-child{color:#71717a;min-width:80px;font-weight:500}.extract-field span:last-child{color:#d4d4d8;text-align:right;word-break:break-word}.extract-actions{gap:10px;margin-top:12px;display:flex}.extract-copyButton{color:#a1a1aa;cursor:pointer;background:#71717a26;border:1px solid #71717a4d;border-radius:10px;margin-top:10px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s}.extract-copyButton:hover{color:#d4d4d8;background:#71717a40;border-color:#71717a80}
.migrate-users-container{padding:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.migrate-users-container h2{margin-bottom:1rem}.migration-fields{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.migration-fields label{color:#a1a1aa;flex-direction:column;font-weight:500;display:flex}.migration-fields input,.migration-fields select{color:#e4e4e7;background:#18181bcc;border:1px solid #71717a4d;border-radius:10px;outline:none;height:50px;margin-top:.25rem;padding:.5rem .75rem;font-size:16px;transition:border .2s}.migration-fields input:focus,.migration-fields select:focus{border-color:#a1a1aa80;box-shadow:0 0 0 2px #71717a26}.migration-fields textarea{color:#e4e4e7;background:#18181bcc;border:1px solid #71717a4d;border-radius:10px;outline:none;width:100%;height:200px;padding:10px 12px;font-size:16px;transition:all .2s}.migration-fields textarea:focus{border-color:#a1a1aa80;box-shadow:0 0 0 2px #71717a26}.migrate-btn{color:#a1a1aa;cursor:pointer;background:#71717a26;border:1px solid #71717a4d;border-radius:10px;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:all .2s}.migrate-btn:disabled{opacity:.4;cursor:not-allowed}.migrate-btn:hover:not(:disabled){color:#d4d4d8;background:#71717a40;border-color:#71717a80}.migration-message{text-align:center;color:#a1a1aa;margin-top:1rem;font-weight:500}
.json-container{padding:30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.title{color:#e4e4e7;margin-bottom:20px;font-size:22px;font-weight:600}.input-area,.output-area{color:#e4e4e7;resize:vertical;background:#18181bcc;border:1px solid #71717a4d;border-radius:10px;outline:none;width:100%;padding:12px;font-family:monospace;font-size:16px;transition:border .2s}.input-area:focus,.output-area:focus{border-color:#a1a1aa80;box-shadow:0 0 0 2px #71717a26}.button-group{gap:12px;margin-top:20px;display:flex}.btn{cursor:pointer;border:1px solid #71717a4d;border-radius:10px;padding:10px 18px;font-size:.8rem;font-weight:600;transition:all .2s}.btn.primary{color:#a1a1aa;background:#71717a26}.btn.primary:hover{color:#d4d4d8;background:#71717a40;border-color:#71717a80}.btn.secondary{color:#a1a1aa;background:#71717a26}.btn.secondary:hover{color:#d4d4d8;background:#71717a40;border-color:#71717a80}.preview{margin-top:25px}
.email-batcher-container{justify-content:center;align-items:center;display:flex}.email-card{width:100%;padding:20px 10px}.email-card h2{margin-bottom:20px;font-size:22px;font-weight:600}.form-grid{gap:12px;display:grid}.primary-btn{color:#a1a1aa;cursor:pointer;background:#71717a26;border:1px solid #71717a4d;border-radius:10px;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:all .2s}.primary-btn:hover{color:#d4d4d8;background:#71717a40;border-color:#71717a80}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.results-section{gap:12px;margin-top:25px;display:grid}.fetched-count{font-weight:500}.checkbox-label{color:#d4d4d8;align-items:center;gap:8px;font-size:14px;display:flex}.status-text{color:#a1a1aa;margin-top:20px;font-size:14px}.user-rows{border-bottom:1px solid #71717a26;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.user-cells{word-break:break-word;color:#d4d4d8;flex:1;min-width:120px;padding:4px 8px}.name-cells{font-weight:500}.checkbox-cells{flex:0 0 40px}.email-cells{flex:2}@media screen and (max-width:600px){.user-rows{border-bottom:1px solid #71717a33;flex-direction:column;align-items:flex-start;padding:10px 0}.user-cells{flex:100%;justify-content:space-between;min-width:0;padding:4px 0;display:flex}.checkbox-cells{justify-content:flex-start;margin-bottom:8px}.name-cells:before{content:"Name:";margin-right:6px;font-weight:500}.status-cells:before{content:"Verified:";margin-right:6px;font-weight:500}.email-cells:before{content:"Email:";margin-right:6px;font-weight:500}.rank-cells:before{content:"Rank:";margin-right:6px;font-weight:500}}