body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;width:100vw}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.App,body{height:100vh}.App{width:100vw}.status{border-radius:20px;font-size:.8rem;font-weight:500;padding:.5rem 1rem;position:fixed;right:20px;top:20px;z-index:1000}.status.connected{background:#48bb78;color:#fff}.status.disconnected{background:#f56565;color:#fff}.dashboard-wrapper{background:#f8fafc;height:100vh;overflow:hidden}.mobile-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:none;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1002}.mobile-header-content{align-items:center;display:flex;justify-content:space-between;max-width:100%}.mobile-menu-btn{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;padding:.5rem;transition:background .3s ease;width:44px}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-logo{font-size:1.2rem;font-weight:700}.mobile-status{background:#fff3;border-radius:20px;font-size:.8rem;padding:.25rem .75rem}.dashboard{display:flex;height:100vh;padding-top:0}.sidebar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 0 10px #0000001a;color:#fff;padding:2rem 0;position:relative;transition:transform .3s ease;width:280px;z-index:1001}.logo{margin-bottom:2rem;padding:0 2rem;text-align:center}.logo h1{font-size:1.5rem;font-weight:700;margin:0}.logo p{font-size:.9rem;margin:.5rem 0 0;opacity:.8}.wallet-section{margin-bottom:2rem;padding:0 2rem}.login-button{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:.75rem 1rem;transition:all .3s ease;width:100%}.login-button:hover{box-shadow:0 5px 15px #48bb784d;transform:translateY(-2px)}.wallet-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;padding:1rem}.wallet-header{justify-content:space-between;margin-bottom:.75rem}.wallet-avatar,.wallet-header{align-items:center;display:flex}.wallet-avatar{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.disconnect-btn{background:#0000;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;min-height:32px;padding:.25rem .5rem;transition:all .3s ease}.disconnect-btn:hover{background:#ffffff1a}.wallet-details{color:#ffffffe6}.wallet-address{font-size:.85rem;font-weight:500;margin-bottom:.25rem}.wallet-balance,.wallet-network{color:#ffffffb3;font-size:.75rem}.wallet-network{margin-top:.25rem}.nav-menu{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:.5rem}.nav-link{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#fff;cursor:pointer;display:flex;font-size:1rem;min-height:56px;padding:1rem 2rem;text-align:left;transition:all .3s ease;width:100%}.nav-link.active,.nav-link:hover{background:#ffffff1a;border-left-color:#fff}.nav-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center;margin-right:1rem;width:20px}.main-content{flex:1 1;position:relative}.content-frame{border:none;height:100vh;width:100%}.overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.homepage-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;overflow-y:auto}.homepage-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;padding:2rem 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-content .logo h1{font-size:2rem;margin-bottom:.5rem}.header-content .logo p{font-size:1rem;opacity:.9}.header-actions{gap:1rem}.connect-btn,.header-actions{align-items:center;display:flex}.connect-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.connect-btn:hover{box-shadow:0 5px 15px #48bb784d;transform:translateY(-2px)}.wallet-connected{align-items:center;display:flex;gap:1rem}.wallet-info{align-items:flex-end;display:flex;flex-direction:column}.wallet-address{font-weight:600}.connected-indicator{font-size:.8rem;opacity:.8}.dashboard-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.dashboard-btn:hover{background:#ffffff4d}.homepage-main{margin:0 auto;max-width:1200px;padding:0 2rem}.hero{padding:4rem 0;text-align:center}.hero h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.cta-button.secondary{background:#fff3;border:2px solid #ffffff4d;color:#fff}.cta-button:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.features{padding:4rem 0}.features h3{font-size:2rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h4{font-size:1.2rem;margin-bottom:1rem}.feature-card p{opacity:.9}.demo{padding:4rem 0;text-align:center}.demo h3{font-size:2rem;margin-bottom:1rem}.demo p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.widget-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin:0 auto;max-width:800px;padding:2rem}.demo-widget{border:none;border-radius:8px;height:600px;width:100%}.homepage-footer{background:#0003;margin-top:4rem;padding:2rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:#fff;opacity:.8;text-decoration:none;transition:opacity .3s ease}.footer-links a:hover{opacity:1}@media (max-width:1024px){.sidebar{width:260px}.hero h2{font-size:2.5rem}}@media (max-width:768px){.mobile-header{display:block}.dashboard{padding-top:70px}.sidebar{height:calc(100vh - 70px);left:0;overflow-y:auto;position:fixed;top:70px;transform:translateX(-100%);width:300px;z-index:1000}.sidebar.active{transform:translateX(0)}.main-content{margin-left:0;width:100%}.status{display:none}.wallet-section{padding:0 1.5rem}.nav-link{min-height:60px;padding:1.25rem 1.5rem}.nav-icon{font-size:1.3rem;margin-right:1.25rem}.header-content{flex-direction:column;gap:2rem;text-align:center}.hero h2{font-size:2rem}.hero-actions{align-items:center;flex-direction:column}.cta-button{justify-content:center;max-width:300px;width:100%}.features-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.sidebar{width:100%}.wallet-section{padding:0 1rem}.login-button{font-size:1rem;padding:1rem}.nav-link{padding:1rem}.logo{padding:0 1rem}.mobile-header{padding:.75rem 1rem}.mobile-logo{font-size:1.1rem}.mobile-status{font-size:.75rem;padding:.2rem .6rem}.hero h2{font-size:1.8rem}.hero p{font-size:1rem}.feature-card{padding:1.5rem}.widget-container{padding:1rem}.demo-widget{height:400px}}
/*# sourceMappingURL=main.679855b6.css.map*/