@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #050507;--bg-charcoal: #0e0e12;--bg-surface: rgba(20, 20, 25, .7);--bg-surface-hover: rgba(30, 30, 35, .8);--primary: #9333ea;--primary-glow: rgba(147, 51, 234, .5);--accent: #c084fc;--accent-glow: rgba(192, 132, 252, .4);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--gradient-primary: linear-gradient(135deg, #7e22ce, #a855f7);--gradient-secondary: linear-gradient(135deg, #4c1d95, #be185d);--gradient-text: linear-gradient(to right, #e9d5ff, #c084fc);--gradient-surface: linear-gradient(145deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .01) 100%);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .6);--glass-blur: 24px;--bg-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.07'/%3E%3C/svg%3E");--font-sans: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--radius-full: 9999px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 5rem;--ease-out: cubic-bezier(.215, .61, .355, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative;line-height:1.8}#root{position:relative;min-height:100vh;background:radial-gradient(circle at center,#1a1a24,#050507 80%);z-index:1}#root:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(126,34,206,.15) 0%,transparent 60%);filter:blur(80px);z-index:-1;pointer-events:none;animation:bloomFloat 20s infinite alternate ease-in-out}#root:after{content:"";position:absolute;bottom:-10%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 60%);filter:blur(100px);z-index:-1;pointer-events:none;animation:bloomFloat 25s infinite alternate-reverse ease-in-out}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--bg-noise);opacity:.8;pointer-events:none;z-index:9999;mix-blend-mode:overlay}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 40%,#000 120%);opacity:.6;pointer-events:none;z-index:900}@keyframes bloomFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-30px) scale(1.1)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{max-width:1440px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-lg);position:relative;z-index:10}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--glass-border);position:relative}.header-brand{display:flex;align-items:center;gap:1.5rem}.header-logo{width:56px;height:56px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;position:relative;box-shadow:0 0 25px #a855f766}.header-logo:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent);border-radius:inherit;z-index:-1;opacity:.5}.header-title-group{display:flex;flex-direction:column;gap:.25rem}.header-title{font-size:2rem;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(192,132,252,.15);margin-bottom:0}.header-subtitle{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:600}.btn-connect{display:flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s var(--ease-out);backdrop-filter:blur(10px);position:relative;overflow:hidden}.btn-connect:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 10px 30px #00000080}.btn-connect.connected{background:#10b9810d;border-color:#10b98133;color:#34d399}.wallet-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-radius:var(--radius-lg);padding:2rem;position:relative;transition:all .4s var(--ease-out);box-shadow:0 10px 40px #0006;display:flex;flex-direction:column;gap:.5rem}.stat-card:hover{transform:translateY(-5px) scale(1.01);background:var(--bg-surface-hover);border-color:#ffffff26;box-shadow:0 20px 50px #00000080,0 0 30px #9333ea1a}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:600}.stat-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--text-primary);background:linear-gradient(to bottom right,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;margin:.5rem 0}.stat-sub{font-size:.85rem;color:var(--text-secondary);font-weight:500}.glass-card{background:var(--bg-surface);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--glass-shadow);margin-bottom:var(--spacing-lg);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at top center,rgba(147,51,234,.05),transparent 40%);pointer-events:none;z-index:0}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);position:relative;z-index:2}.card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:1rem}.form-group{margin-bottom:2rem;position:relative;z-index:2}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.form-input{width:100%;padding:1.25rem 1.5rem;background:#0006;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:#fff;font-family:inherit;font-size:1rem;transition:all .3s ease;box-shadow:inset 0 2px 4px #0006}.form-input::placeholder{color:#fff3}.form-input:focus{outline:none;border-color:var(--primary);background:#0009;box-shadow:0 0 0 3px #9333ea26,inset 0 2px 4px #0006}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s var(--ease-out);text-decoration:none;position:relative;overflow:hidden;z-index:10;line-height:1}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:inset 0 1px #fff3,0 4px 20px #7e22ce66;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:inset 0 1px #ffffff4d,0 8px 30px #7e22ce99}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-danger{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef444433;box-shadow:0 0 15px #ef444433;color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{color:#fff;background:#ffffff0d}.btn-sm{padding:.6rem 1rem;font-size:.85rem;border-radius:8px}.stream-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1.5rem;position:relative;z-index:2}.stream-table thead th{padding:1.25rem 1.5rem;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;text-align:left;border-bottom:1px solid var(--glass-border)}.stream-table tbody tr{transition:background .2s ease}.stream-table tbody tr:hover{background:#ffffff08}.stream-table tbody td{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary);font-size:.95rem}.address-cell{font-family:SF Mono,monospace;color:#a5b4fc}.accrued-cell{font-family:var(--font-heading);color:#fff;font-weight:600;text-shadow:0 0 10px rgba(255,255,255,.2);font-size:1.1rem}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;line-height:1}.badge-active{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2);box-shadow:0 0 15px #10b9811a}.badge-paused{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-cancelled{background:#ffffff0d;color:var(--text-muted);border:1px solid rgba(255,255,255,.1)}.actions-group{display:flex;gap:1rem}.content-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 1024px){.content-grid{grid-template-columns:420px 1fr}}.empty-state{text-align:center;padding:6rem 2rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 60%);border-radius:var(--radius-lg)}.empty-state-icon{font-size:4rem;margin-bottom:2rem;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.5}