@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400..800&display=swap");.tracker-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);font-family:Space Mono,monospace;color:#fff;padding-bottom:2rem}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,255,157,.1) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,122,255,.1) 0,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:2;text-align:center;max-width:600px}.hero-title{font-family:Syne,sans-serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-gradient{background:linear-gradient(135deg,#00ff9d,#007aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1rem;color:rgba(255,255,255,.7);margin-bottom:3rem;line-height:1.6}.connect-wrapper{display:flex;justify-content:center}.connect-btn{background:#00ff9d;color:#0a0a0a;font-family:Space Mono,monospace;font-weight:700;font-size:1rem;padding:1rem 2.5rem;border-radius:12px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px rgba(0,255,157,.3);text-transform:uppercase;letter-spacing:.05em}.connect-btn:hover{transform:translateY(-2px);box-shadow:0 12px 48px rgba(0,255,157,.4)}.hero-graphic{position:absolute;inset:0;pointer-events:none}.floating-card{position:absolute;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;animation:float 6s ease-in-out infinite}.card-1{top:20%;left:10%;animation-delay:0s}.card-2{top:60%;right:15%;animation-delay:2s}.card-3{bottom:20%;left:15%;animation-delay:4s}.card-icon{font-size:2rem;margin-bottom:.5rem}.card-label{font-size:.875rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.1em}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}.tracker-header{background:rgba(10,10,10,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-title{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.wallet-btn{background:rgba(255,255,255,.1);color:#fff;font-family:Space Mono,monospace;font-weight:700;font-size:.875rem;padding:.75rem 1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s}.wallet-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.dashboard{max-width:1200px;margin:0 auto;padding:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s}.stat-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-4px)}.stat-icon{font-size:2.5rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:12px}.stat-sent .stat-icon{background:rgba(255,59,48,.2)}.stat-received .stat-icon{background:rgba(0,255,157,.2)}.stat-count .stat-icon{background:rgba(0,122,255,.2)}.stat-content{flex:1 1}.stat-label{font-size:.875rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.transactions-section{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-title{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.filter-tabs{display:flex;gap:.5rem;background:rgba(255,255,255,.05);padding:.25rem;border-radius:8px}.filter-tab{background:transparent;color:rgba(255,255,255,.6);font-family:Space Mono,monospace;font-weight:700;font-size:.875rem;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.filter-tab:hover{color:rgba(255,255,255,.9)}.filter-tab.active{background:#00ff9d;color:#0a0a0a}.transactions-list{display:flex;flex-direction:column;gap:1rem}.tx-card{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;transition:all .2s}.tx-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}.tx-card.error{border-color:rgba(255,59,48,.3)}.tx-icon-wrapper{flex-shrink:0}.tx-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.5rem}.tx-icon.sent{background:rgba(255,59,48,.2)}.tx-icon.received{background:rgba(0,255,157,.2)}.tx-content{flex:1 1;min-width:0}.tx-main{justify-content:space-between;margin-bottom:.5rem}.tx-main,.tx-type{display:flex;align-items:center}.tx-type{font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;gap:.5rem}.error-badge{background:rgba(255,59,48,.2);color:#ff3b30;font-size:.75rem;padding:.125rem .5rem;border-radius:4px}.tx-value{font-size:1rem;font-weight:700}.tx-value.positive{color:#00ff9d}.tx-value.negative{color:#ff3b30}.tx-details{display:flex;justify-content:space-between;font-size:.75rem;color:rgba(255,255,255,.5)}.tx-address{font-family:Space Mono,monospace}.tx-time{text-align:right}.tx-link{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:8px;color:rgba(255,255,255,.6);text-decoration:none;transition:all .2s;font-size:1.25rem}.tx-link:hover{background:rgba(255,255,255,.1);color:#fff}.empty-state,.loading-state{text-align:center;padding:4rem 2rem}.spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#00ff9d;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty-icon{font-size:4rem;margin-bottom:1rem}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.floating-card{display:none}.dashboard{padding:1rem}.stats-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.filter-tabs{width:100%}.filter-tab{flex:1 1;padding:.75rem .5rem}.tx-card{flex-wrap:wrap}.tx-details{flex-direction:column;gap:.25rem}.tx-time{text-align:left}}@media (max-width:480px){.tracker-header{padding:1rem}.header-title{font-size:1.25rem}.wallet-btn{font-size:.75rem;padding:.5rem 1rem}.stat-card{padding:1.5rem}.stat-icon{font-size:2rem;width:56px;height:56px}.stat-value{font-size:1.5rem}.transactions-section{padding:1.5rem}}