body{margin:0}.app{min-height:100vh;background-color:#111827;color:#fff}.navbar{background-color:#1f2937;padding:1rem 1.5rem}.navbar-container{max-width:80rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-wrapper{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.brand-title{font-size:1.25rem;font-weight:600;margin:0}.brand-subtitle{font-size:.875rem;color:#9ca3af;margin:0}.connect-button{background-color:#8b5cf6;color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .3s}.connect-button:hover{background-color:#7c3aed}.wallet-info{display:flex;align-items:center;gap:.5rem}.wallet-address{color:#d1d5db}.logout-button{color:#9ca3af;background:none;border:none;cursor:pointer;transition:color .3s}.logout-button:hover{color:#fff}.main-content{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 4rem)}.staking-card{width:100%;max-width:28rem;background-color:#1f2937;padding:1.5rem;border-radius:.75rem;margin:0 1rem}.input-group{margin-bottom:1.5rem}.input-label{display:block;font-size:.875rem;color:#9ca3af;margin-bottom:.5rem}.flex-1{flex:1}.node-id-display{margin-top:.5rem;background-color:#374151;padding:1rem;border-radius:.5rem;font-size:1rem;min-height:1rem;white-space:nowrap}.balance-display{background-color:#374151;padding:1rem;border-radius:.5rem}.balance-amount{font-size:1.125rem;font-weight:600}.balance-usd{font-size:.875rem;color:#9ca3af}.stake-input{width:100%;background-color:#374151;padding:1rem;border-radius:.5rem;color:#fff;border:none;font-size:1.125rem;box-sizing:border-box}.stake-input::-moz-placeholder{color:#6b7280}.stake-input::placeholder{color:#6b7280}.stake-input:focus{outline:none;box-shadow:0 0 0 2px #8b5cf6}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.approve-button,.stake-button{padding:1rem 1.5rem;border-radius:.5rem;font-size:1.125rem;font-weight:500;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s}.approve-button{background-color:#8b5cf6;color:#fff}.approve-button:hover:not(:disabled){background-color:#7c3aed}.stake-button{background-color:#10b981;color:#fff}.stake-button:hover:not(:disabled){background-color:#059669}.stake-button.full-width{grid-column:span 2}.approve-button:disabled,.stake-button:disabled{background-color:#4b5563;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;height:1.5rem;width:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}