:root{--vp-purple:#7c3aed;--vp-blue:#2563eb;--muted:#6b7280}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}body{background:linear-gradient(180deg,var(--vp-purple) 0%,#4f46e5 40%,#2563eb 100%);display:flex;align-items:center;justify-content:center;padding:2rem}.vp-card{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #02061714;padding:2rem;max-width:720px;width:100%}.vp-header{text-align:center;margin-bottom:1rem}.vp-brand{font-weight:800;font-size:2rem;background:linear-gradient(90deg,var(--vp-purple),var(--vp-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.vp-sub{color:var(--muted);margin-top:6px}.vp-wallet{background:#fbfdff;padding:.75rem;border-radius:.75rem;margin-bottom:1rem}.vp-balance{background:linear-gradient(90deg,var(--vp-purple),var(--vp-blue));color:#fff;padding:.75rem;border-radius:.75rem;margin-bottom:1rem}.vp-token{display:inline-block;padding:.5rem 1rem;border-radius:8px;border:1px solid #e6eefc;margin-right:.5rem;background:#fff}.vp-token.active{background:linear-gradient(90deg,var(--vp-purple),var(--vp-blue));color:#fff;border:none}.vp-input{width:100%;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:.5rem}.vp-btn-primary{width:100%;padding:.8rem;border-radius:10px;background:linear-gradient(90deg,var(--vp-purple),var(--vp-blue));color:#fff;border:none}.vp-btn-ghost{width:100%;padding:.6rem;border-radius:8px;background:#fff;border:1px solid #ddd}.vp-footer{text-align:center;color:var(--muted);margin-top:1rem}.vp-banner{background:#fef3c7;border-left:4px solid #f59e0b;padding:.5rem .75rem;border-radius:6px;margin-bottom:1rem;color:#92400e}:root{--volopay-purple: #7c3aed;--volopay-blue: #2563eb;--muted: #6b7280}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.volopay-app{min-height:100vh;background:linear-gradient(135deg,var(--volopay-purple),var(--volopay-blue));display:flex;align-items:center;justify-content:center;padding:1rem}.volopay-card{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #02061714;padding:2rem;max-width:28rem;width:100%}.volopay-brand{font-size:2.25rem;font-weight:700;display:block;text-align:center;background:linear-gradient(90deg,var(--volopay-purple),var(--volopay-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.volopay-muted{color:var(--muted);margin-top:.5rem;text-align:center}.volopay-token{padding:.5rem .75rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#f3f4f6;cursor:pointer}.volopay-token.active{background:linear-gradient(90deg,var(--volopay-purple),var(--volopay-blue));color:#fff;border:none}.volopay-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #d1d5db}.volopay-btn{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #e5e7eb;background:#f3f4f6;color:#374151;cursor:pointer}.volopay-btn-primary{background:linear-gradient(90deg,var(--volopay-purple),var(--volopay-blue));color:#fff;border:none}.volopay-footer{text-align:center;color:var(--muted);margin-top:1rem;font-size:.9rem}.connected-wallet-box{background:#f8fafc;padding:.75rem;border-radius:.75rem}.balance-box{background:linear-gradient(90deg,var(--volopay-purple),var(--volopay-blue));color:#fff;padding:.75rem;border-radius:.75rem}.token-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.token-btn{padding:.5rem .75rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#f3f4f6;cursor:pointer;text-align:center}.token-btn.active{background:linear-gradient(90deg,var(--volopay-purple),var(--volopay-blue));color:#fff;border:none}.amount-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #d1d5db}.small-muted{color:var(--muted);font-size:.9rem}.disconnect-btn{margin-left:.5rem;padding:.45rem .6rem;border-radius:.45rem;background:#ef4444;color:#fff;border:none;cursor:pointer}.connectkit-fallback{display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(165deg,#4c3c8d,#2a2d5c);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}