@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);min-width:320px;min-height:100vh;margin:0}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1rem 1.25rem;transition:all .2s}.card:hover{border-color:#475569}.input{color:#e5e7eb;background:#0f172a;border:1px solid #334155;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.input::placeholder{color:#64748b}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.5rem .75rem;font-size:.8rem}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px)}.btn-secondary{color:#e5e7eb;background:#334155}.btn-secondary:hover:not(:disabled){background:#475569}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.btn-success{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.btn-info{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.badge-info{color:#22d3ee;background:#06b6d426;border:1px solid #06b6d44d}.loading{border:2px solid #334155;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.loading-lg{border-width:3px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.space-y-4>*+*{margin-top:1rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-4{padding-top:1rem}.pb-2{padding-bottom:.5rem}.pr-10{padding-right:2.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.w-full{width:100%}.w-10{width:2.5rem}.h-10{height:2.5rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.min-w-0{min-width:0}.min-h-\[80px\]{min-height:80px}.min-h-\[100px\]{min-height:100px}.max-h-\[90vh\]{max-height:90vh}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-200{color:#e5e7eb}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-green-400{color:#4ade80}.text-yellow-400{color:#facc15}.text-blue-400{color:#60a5fa}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-blue-600{background-color:#2563eb}.border-b{border-bottom-width:1px}.border-gray-800{border-color:#1f2937}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.resize-y{resize:vertical}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.right-3{right:.75rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.z-50{z-index:50}.opacity-50{opacity:.5}.transition{transition-property:all;transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s}.mx-auto{margin-left:auto;margin-right:auto}@media (width>=768px){.md\:p-6{padding:1.5rem}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.totp-display{background:linear-gradient(135deg,#1e3a5f 0%,#1e293b 100%);border:1px solid #3b82f6;border-radius:10px;padding:.75rem 1rem;display:inline-flex}.totp-circle{transform:rotate(0)}.totp-code{color:#60a5fa;letter-spacing:.15em;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.5rem;font-weight:600}.totp-none{border:1px solid;border-radius:10px;align-items:center;padding:.5rem 1rem;display:inline-flex}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.text-red-400{color:#f87171}