@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#afadad;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.hero-section{position:relative;width:100%;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff}.hero-logo{width:120px;height:auto;margin-bottom:1.5rem;display:block;margin-left:auto;margin-right:auto}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.container{position:relative;z-index:2;text-align:center}@media (max-width: 360px){.hero-title{font-size:1.6rem}.section-title{font-size:1.5rem}.hero-badge{font-size:.8rem;padding:.4rem 1rem}}@media (max-width: 768px){.home-btn{padding:.875rem 1.5rem;min-height:44px}.preset-btn{padding:.625rem 1.25rem;min-width:50px}}@media (max-width: 768px){.comparison-table{font-size:.875rem}.comparison-table th,.comparison-table td{padding:.75rem .5rem}}.tier-name,.result-value,.metric-value{word-break:break-word;overflow-wrap:break-word}.step-icon,.benefit-icon,.point-icon{max-width:100%;height:auto}.home-body{background:var(--primary-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh;transition:background .3s ease}.home-nav{background:var(--navbar-bg);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-brand{display:flex;align-items:center;gap:1rem}.nav-brand a{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;background:var(--gradient-futuristic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-logo{font-size:1.8rem}.home-nav .container{display:flex;justify-content:space-between;align-items:center}.nav-actions{display:flex;gap:1rem;align-items:center}.theme-toggle{background:none;border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:var(--text-primary);transition:all .3s ease;margin-left:1rem}.theme-toggle:hover{background:var(--secondary-bg);transform:rotate(15deg)}.hero-section{padding:6rem 0 4rem;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,102,255,.1) 0%,transparent 50%);pointer-events:none}.hero-badge{display:inline-block;background:var(--gradient-futuristic);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:2rem;letter-spacing:1px;text-transform:uppercase}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:var(--gradient-futuristic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-highlight{color:var(--accent-cyan);text-shadow:0 0 20px rgba(0,102,255,.3)}.hero-description{font-size:1.2rem;color:var(--text-secondary);max-width:700px;margin:0 auto 3rem}.hero-cta{margin-bottom:4rem}.hero-note{color:var(--text-secondary);font-size:.9rem;margin-top:1rem}.home-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.home-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent-blue)}.home-btn-premium{background:var(--gradient-futuristic);color:#fff;border:none}.home-btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0066ff4d}.home-btn-primary{background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.home-btn-primary:hover{background:#1d4ed8;transform:translateY(-2px)}.home-btn-secondary{background:transparent;color:#2563eb;border:2px solid #2563eb;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.home-btn-secondary:hover{background:#eff6ff;transform:translateY(-2px)}.trust-metrics{display:flex;justify-content:center;gap:3rem;margin-top:4rem;padding:2rem;background:var(--secondary-bg);border-radius:16px;max-width:800px;margin-left:auto;margin-right:auto}.metric{text-align:center}.metric-value{font-size:2.5rem;font-weight:800;background:var(--gradient-futuristic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.metric-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.metric-divider{width:1px;background:var(--border-color)}.section-dark{background:var(--dark-bg);color:var(--text-light);padding:5rem 0;position:relative}.section-light{background:var(--primary-bg);color:var(--text-primary);padding:5rem 0}.section-cta{background:var(--gradient-futuristic);color:#fff;padding:5rem 0;text-align:center}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:1rem;background:var(--gradient-futuristic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-dark .section-title{color:#fff;-webkit-text-fill-color:white;background:none}.section-subtitle{color:var(--text-secondary);text-align:center;font-size:1.1rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.section-dark .section-subtitle{color:var(--text-light);opacity:.9}.process-flow{display:flex;justify-content:center;align-items:flex-start;gap:2rem;margin:4rem 0;position:relative}.process-step{flex:1;background:var(--card-bg);border:1px solid var(--border-dark);border-radius:12px;padding:2rem;text-align:center;position:relative;z-index:1;transition:transform .3s ease}.process-step:hover{transform:translateY(-5px);border-color:var(--accent-cyan)}.step-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-cyan)}.step-number{font-size:.9rem;color:var(--accent-cyan);font-weight:700;margin-bottom:.5rem;letter-spacing:2px}.step-title{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)}.step-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.process-connector{display:flex;flex-direction:column;align-items:center;padding:0 1rem;position:relative;top:3rem}.connector-line{width:100px;height:2px;background:var(--accent-cyan);margin:.5rem 0}.connector-arrow{color:var(--accent-cyan);font-size:1.5rem}.warning-box{background:#ff98001a;border:1px solid #ff9800;border-radius:8px;padding:1.5rem;margin-top:3rem;display:flex;align-items:flex-start;gap:1rem}.warning-icon{font-size:1.5rem;color:#ff9800}.warning-content h4{color:#ff9800;margin-bottom:.5rem;font-size:1.1rem}.warning-content p{color:var(--text-light);line-height:1.5;opacity:.9}.warning-content strong{color:#ff9800}.calculator-section{background:var(--secondary-bg)}.staking-calculator{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:3rem;margin-top:3rem;box-shadow:var(--shadow)}.tier-selection h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.tier-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.tier-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative}.tier-card:hover{border-color:var(--accent-blue);transform:translateY(-3px)}.tier-card.selected{border-color:var(--accent-cyan);background:linear-gradient(135deg,rgba(0,102,204,.1) 0%,transparent 100%);box-shadow:0 8px 30px #06c3}.tier-name{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.tier-range{font-size:.9rem;color:var(--accent-cyan);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.tier-features{text-align:left}.feature{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.feature:before{content:"✓";position:absolute;left:0;color:var(--accent-cyan);font-weight:700}.duration-selection{margin-bottom:3rem}.duration-selection h3{font-size:1.5rem;margin-bottom:2rem;color:var(--text-primary)}.duration-value{color:var(--accent-cyan);font-weight:700}.duration-slider-container{margin-bottom:2rem}.duration-slider{width:100%;height:6px;background:var(--border-color);border-radius:3px;outline:none;-webkit-appearance:none;appearance:none}.duration-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--accent-cyan);border-radius:50%;cursor:pointer;border:3px solid var(--card-bg);box-shadow:0 2px 10px #0003}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;color:var(--text-secondary);font-size:.9rem}.duration-presets{display:flex;gap:.75rem;flex-wrap:wrap}.preset-btn{padding:.5rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:600}.preset-btn:hover{border-color:var(--accent-blue)}.preset-btn.active{background:var(--accent-cyan);color:#fff;border-color:var(--accent-cyan)}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.result-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center}.result-card.primary{border-color:var(--accent-cyan);background:linear-gradient(135deg,rgba(0,102,204,.1) 0%,transparent 100%)}.result-card.warning{border-color:#ff9800}.result-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.result-value{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.result-value.penalty{color:#ff9800}.result-subtext{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.result-detail{font-size:.85rem;color:var(--text-secondary);padding-top:1rem;border-top:1px solid var(--border-color)}.penalty-note{font-size:.75rem;color:#ff9800;margin-top:.25rem;background:#ff98001a;padding:.25rem .5rem;border-radius:4px;display:inline-block}.timeline-visualization{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin:2rem 0}.timeline-visualization h4{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary)}.timeline{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 1rem}.timeline-point{display:flex;flex-direction:column;align-items:center;text-align:center;flex:0 0 120px}.point-icon{font-size:2rem;margin-bottom:.5rem;width:60px;height:60px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.timeline-point.start .point-icon{border-color:var(--accent-cyan);color:var(--accent-cyan)}.timeline-point.end .point-icon{border-color:var(--accent-green);color:var(--accent-green)}.point-label{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.point-desc{font-size:.875rem;color:var(--text-secondary)}.timeline-line{flex:1;height:2px;background:var(--border-color);position:relative;margin:0 2rem}.line-days{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card-bg);padding:.25rem .75rem;border:1px solid var(--border-color);border-radius:20px;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.staking-action{text-align:center;margin-top:3rem}.action-notes{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem;text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.action-note{color:var(--text-secondary);font-size:.875rem;background:#0066cc1a;padding:.75rem;border-radius:6px;border-left:3px solid var(--accent-cyan)}.warning-note{color:#ff9800;font-size:.875rem;background:#ff98001a;padding:.75rem;border-radius:6px;border-left:3px solid #ff9800}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem}.benefit-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.benefit-card:hover{transform:translateY(-5px);border-color:var(--accent-cyan);box-shadow:var(--shadow)}.benefit-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-cyan)}.benefit-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.benefit-card p{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.comparison-table-container{overflow-x:auto;margin-top:3rem;border:1px solid var(--border-color);border-radius:12px;padding:1rem;background:var(--card-bg)}.comparison-table{width:100%;border-collapse:collapse;min-width:800px}.comparison-table th,.comparison-table td{padding:1.25rem 1rem;text-align:center;border-bottom:1px solid var(--border-color)}.comparison-table thead th{background:var(--secondary-bg);font-weight:700;color:var(--text-primary)}.comparison-table tbody tr:hover{background:#0066cc0d}.feature-column{text-align:left!important;font-weight:600;color:var(--text-primary);width:250px}.plan-column{min-width:200px}.plan-column.featured{background:linear-gradient(135deg,rgba(0,102,204,.1) 0%,transparent 100%);border:2px solid var(--accent-cyan)}.plan-header{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.plan-price{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;color:var(--accent-cyan)}.plan-subtitle{font-size:.9rem;color:var(--text-secondary)}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem}.cta-description{font-size:1.2rem;margin-bottom:2rem;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cta-links{display:flex;gap:2rem}.cta-link{color:#fff;text-decoration:none;font-weight:600;font-size:1rem;opacity:.9;transition:opacity .3s ease}.cta-link:hover{opacity:1;text-decoration:underline}.home-footer{background:var(--dark-bg);color:var(--text-light);padding:4rem 0 2rem;border-top:1px solid var(--border-dark)}.home-footer.light{background:#f8f9fa;color:#1a1a2e;border-top:1px solid #e0e0e0}.home-footer.light .footer-links h4,.home-footer.light .footer-brand h4{color:#1a1a2e}.home-footer.light .footer-links a{color:#4a4a6a}.home-footer.light .footer-links a:hover{color:var(--accent-cyan)}.home-footer.light .footer-bottom{border-top:1px solid #e0e0e0}.home-footer.light .footer-tagline{color:#00d4aa}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-brand h4{font-size:1.5rem;margin-bottom:.5rem;background:var(--gradient-futuristic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{color:var(--accent-cyan);font-size:.9rem;margin-top:.5rem}.footer-links h4{font-size:1.1rem;margin-bottom:1rem;color:var(--text-light)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--text-light);opacity:.8;text-decoration:none;transition:opacity .3s ease;font-size:.95rem}.footer-links a:hover{opacity:1;color:var(--accent-cyan)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border-dark);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{opacity:.7;font-size:.9rem;color:var(--text-light)}.footer-social{display:flex;gap:1rem;align-items:center}.footer-social a{color:var(--text-light);text-decoration:none;font-size:1.2rem;opacity:.8;transition:all .3s ease}.footer-social a:hover{opacity:1;transform:translateY(-2px);color:var(--accent-cyan)}.lisk-badge{background:#00d4ff33;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;color:var(--accent-cyan)}@media (max-width: 1024px){.hero-title{font-size:2.8rem}.tier-cards,.benefits-grid{grid-template-columns:repeat(2,1fr)}.process-flow{flex-direction:column;gap:3rem}.process-connector{display:none}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.hero-title{font-size:2.2rem}.trust-metrics{flex-direction:column;gap:2rem}.metric-divider{height:1px;width:100%}.results-grid{grid-template-columns:1fr;gap:1rem}.tier-cards,.benefits-grid{grid-template-columns:1fr}.timeline{flex-direction:column;gap:2rem}.timeline-line{width:2px;height:60px;margin:0}.line-days{transform:translate(-50%,-50%) rotate(90deg)}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width: 480px){.container{padding:0 1rem}.hero-title,.section-title{font-size:1.8rem}.nav-actions{flex-direction:column;gap:.5rem}.cta-links{flex-direction:column;gap:1rem}.cta-title{font-size:2rem}}.glow-text{text-shadow:0 0 10px rgba(0,102,255,.5)}.glow-border{box-shadow:0 0 20px #0066ff4d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s infinite}.user-groups{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.user-group-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;text-align:center;transition:all .3s ease}.user-group-card:hover{transform:translateY(-5px);border-color:var(--accent-cyan);box-shadow:var(--shadow)}.user-group-icon{font-size:3.5rem;margin-bottom:1rem}.user-group-card h3{font-size:1.8rem;margin-bottom:1rem;color:var(--text-primary)}.user-group-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.user-group-features{list-style:none;padding:0;text-align:left;max-width:280px;margin:0 auto}.user-group-features li{padding:.5rem 0 .5rem 2rem;position:relative;color:var(--text-primary)}.user-group-features li:before{content:"✓";position:absolute;left:0;color:var(--accent-cyan);font-weight:700}@media (max-width: 768px){.user-groups{grid-template-columns:1fr}.user-group-card{padding:1.5rem}}.arweave-badge{background:#06c3;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;color:var(--accent-cyan)}.benefit-icon{transition:transform .3s ease}.benefit-card:hover .benefit-icon{transform:scale(1.1)}.new-analysis{max-width:1200px;margin:0 auto;padding:2rem;background:var(--primary-bg);color:var(--text-primary)}.analysis-header{text-align:center;margin-bottom:3rem}.analysis-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-primary);background:var(--gradient-futuristic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.analysis-form-container{display:grid;grid-template-columns:1fr 350px;gap:2rem}@media (max-width: 1024px){.analysis-form-container{grid-template-columns:1fr}}.analysis-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:var(--shadow);transition:all .3s ease}.form-group{margin-bottom:2rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:1rem}.label-icon{font-size:1.2rem;color:var(--accent-cyan)}.form-input{width:100%;padding:1rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0066ff1a}.form-input:disabled{background-color:var(--secondary-bg);cursor:not-allowed;opacity:.7}.input-hint{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;line-height:1.4}.address-preview{margin-top:.75rem;padding:.75rem;background:var(--secondary-bg);border-radius:6px;border:1px solid var(--border-color)}.preview-label{color:var(--text-secondary);font-size:.875rem;margin-right:.5rem}.preview-address{font-family:Monaco,Consolas,monospace;color:var(--text-primary);font-weight:500;background:var(--primary-bg);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color)}.analysis-options{display:grid;gap:1rem}.analysis-option{background:var(--primary-bg);border:2px solid var(--border-color);border-radius:8px;padding:1.25rem;cursor:pointer;transition:all .3s ease}.analysis-option:hover:not(.disabled){border-color:var(--accent-blue);background:var(--hover-light);transform:translateY(-2px)}.dark-theme .analysis-option:hover:not(.disabled){background:var(--hover-dark)}.analysis-option.selected{border-color:var(--accent-blue);background:var(--hover-light);box-shadow:0 0 20px #0066ff1a}.dark-theme .analysis-option.selected{background:#0066ff1a}.analysis-option.disabled{opacity:.5;cursor:not-allowed;background:var(--secondary-bg)}.option-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.option-header input[type=radio]{width:18px;height:18px;cursor:pointer}.option-header input[type=radio]:disabled{cursor:not-allowed}.option-label{font-weight:600;color:var(--text-primary);cursor:pointer;font-size:1rem}.tier-restricted{color:var(--text-secondary);font-size:.875rem;font-weight:400;margin-left:.25rem}.option-desc{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.option-time{color:var(--accent-blue);font-size:.875rem;font-weight:500}.feature-status{background:var(--secondary-bg);border-radius:8px;padding:1rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.status-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.status-row:last-child{border-bottom:none}.status-label{color:var(--text-secondary);font-size:.9rem}.status-value{font-weight:600;font-size:1rem}.status-value.available{color:var(--accent-green)}.status-value.exhausted{color:var(--accent-red)}.status-value.enabled{color:var(--accent-green)}.status-value.disabled{color:var(--accent-red)}.error-message{background:#e53e3e1a;color:var(--accent-red);padding:1rem;border-radius:8px;margin:1rem 0;border:1px solid var(--accent-red)}.form-actions{display:flex;gap:1rem;margin-top:2rem}.submit-button{flex:1;padding:1rem;background:var(--gradient-futuristic);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0066ff4d}.submit-button:disabled{opacity:.6;cursor:not-allowed;background:var(--text-secondary)}.submit-button.disabled{background:var(--text-secondary)}.cancel-button{padding:1rem 2rem;background:transparent;color:var(--text-secondary);border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:var(--secondary-bg);border-color:var(--accent-blue);color:var(--text-primary)}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.analysis-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);transition:all .3s ease}.info-card h3{color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.info-card h3 .label-icon{font-size:1.25rem}.info-list,.tips-list{list-style:none;padding:0;margin:0}.info-list li,.tips-list li{color:var(--text-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem;border-bottom:1px solid var(--border-color)}.info-list li:last-child,.tips-list li:last-child{border-bottom:none}.info-list li:before,.tips-list li:before{content:"•";color:var(--accent-cyan);position:absolute;left:0;font-size:1.2rem}.tier-limits{display:flex;flex-direction:column;gap:.75rem}.limit-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.limit-item:last-child{border-bottom:none;padding-bottom:0}.limit-label{color:var(--text-secondary);font-size:.9rem}.limit-value{font-weight:600;color:var(--text-primary)}.limit-value.available{color:var(--accent-green)}.limit-value.exhausted{color:var(--accent-red)}.example-url{margin-top:1rem;padding:.75rem;background:var(--secondary-bg);border-radius:6px;font-size:.875rem}.example-url code{background:var(--primary-bg);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color);font-family:Monaco,Consolas,monospace;color:var(--text-primary);display:inline-block;margin-top:.25rem}.upgrade-card{background:linear-gradient(135deg,#0066ff1a,#8a2be21a);border:2px dashed var(--accent-purple)}.upgrade-card h3{color:var(--accent-purple)}.upgrade-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}@media (max-width: 768px){.upgrade-options{grid-template-columns:1fr}}.upgrade-option{background:var(--card-bg);padding:1rem;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.upgrade-option:hover{transform:translateY(-2px);border-color:var(--accent-cyan)}.upgrade-option h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.upgrade-option ul{list-style:none;padding:0;margin:0}.upgrade-option li{color:var(--text-secondary);font-size:.875rem;position:relative;padding:.25rem 0 .25rem 1.25rem}.upgrade-option li:before{content:"✓";color:var(--accent-green);position:absolute;left:0}.upgrade-link{display:block;text-align:center;padding:.75rem;background:var(--gradient-futuristic);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;margin-top:1rem;transition:all .3s ease}.upgrade-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0066ff4d}.connect-prompt{text-align:center;padding:4rem 2rem;background:var(--secondary-bg);border-radius:12px;border:2px dashed var(--border-color)}.connect-icon{font-size:3rem;margin-bottom:1rem;color:var(--accent-cyan);opacity:.7}.connect-prompt h2{color:var(--text-primary);margin-bottom:.5rem}.connect-prompt p{color:var(--text-secondary);max-width:400px;margin:0 auto}@media (max-width: 992px){.analysis-form-container{grid-template-columns:1fr}.analysis-info{order:-1}}@media (max-width: 768px){.new-analysis{padding:1rem}.analysis-header h1{font-size:2rem}.form-actions{flex-direction:column}.analysis-form{padding:1.5rem}}.new-analysis,.analysis-form,.info-card,.analysis-option,.feature-status,.address-preview,.example-url,.connect-prompt,.upgrade-option{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.dark-theme .form-input,.dark-theme .address-preview,.dark-theme .example-url code{background:var(--secondary-bg)}.dark-theme .submit-button:disabled{background:var(--text-secondary)}.form-input:focus,.cancel-button:focus,.submit-button:focus,.analysis-option:focus-within{outline:2px solid var(--accent-blue);outline-offset:2px}.docs-content{max-width:900px;margin:0 auto;padding:2rem}.docs-section{margin-bottom:3rem}.docs-section h2{font-size:2rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.docs-subsection{margin-bottom:2.5rem;scroll-margin-top:2rem}.docs-subsection h3{font-size:1.5rem;margin-bottom:1rem;color:var(--accent-cyan)}.docs-subsection-content{line-height:1.7;color:var(--text-primary)}.docs-subsection-content p{margin-bottom:1rem}.docs-subsection-content pre{background:var(--code-bg);padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;font-family:Fira Code,monospace;font-size:.9rem}.docs-subsection-content code:not(pre code){background:var(--code-bg);padding:.2rem .4rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.9rem}.docs-subsection-content ul,.docs-subsection-content ol{margin-left:1.5rem;margin-bottom:1rem}.docs-subsection-content li{margin-bottom:.5rem}.docs-subsection-content a{color:var(--accent-cyan);text-decoration:none}.docs-subsection-content a:hover{text-decoration:underline}.dashboard-sidebar{width:260px;background:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s ease;overflow-y:auto;height:calc(100vh - var(--navbar-height));position:sticky;top:var(--navbar-height)}.dashboard-sidebar.collapsed{width:60px}.dashboard-sidebar.collapsed .sidebar-text,.dashboard-sidebar.collapsed .sidebar-section h4,.dashboard-sidebar.collapsed .subsection-item,.dashboard-sidebar.collapsed .recent-text,.dashboard-sidebar.collapsed .recent-date,.dashboard-sidebar.collapsed .user-stats{display:none}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--secondary-bg)}.sidebar-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-link{display:flex;align-items:center;padding:.75rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;gap:1rem}.sidebar-link:hover{background:#4a90e21a;color:var(--text-primary)}.sidebar-link.active{background:#4a90e233;color:var(--accent-blue);border-left:3px solid var(--accent-blue)}.sidebar-icon{font-size:1.25rem;width:24px;text-align:center}.sidebar-divider{height:1px;background:var(--border-color);margin:1rem 1.5rem}.sidebar-section{padding:0 1.5rem;margin-bottom:1.5rem}.sidebar-section h4{font-size:.875rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:.75rem}.subsection-list{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem}.subsection-item{display:block;padding:.4rem .75rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;border-radius:4px;transition:background .2s ease}.subsection-item:hover{background:#4a90e21a;color:var(--text-primary)}.recent-list{display:flex;flex-direction:column;gap:.5rem}.recent-item{display:flex;align-items:center;padding:.5rem;color:var(--text-secondary);text-decoration:none;border-radius:6px;gap:.75rem;transition:background .2s ease}.recent-item:hover{background:#4a90e21a;color:var(--text-primary)}.recent-icon{font-size:1rem}.recent-text{flex:1;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-date{font-size:.75rem;color:var(--text-secondary)}.no-recent{display:flex;align-items:center;gap:.5rem;padding:1rem;color:var(--text-secondary);font-size:.875rem}.no-recent-icon{font-size:1.25rem}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--border-color);background:var(--secondary-bg)}.user-stats{display:flex;flex-direction:column;gap:.75rem}.stat{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-value{font-weight:600;color:var(--text-primary)}.tier-badge{padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.75rem;text-transform:uppercase}@media (max-width: 768px){.dashboard-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color);position:static}.sidebar-nav{display:flex;overflow-x:auto;padding:0}.sidebar-link{flex-direction:column;padding:1rem;min-width:80px;text-align:center}.sidebar-section,.sidebar-footer{display:none}}.dashboard-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-main-row{display:flex;flex-direction:row;flex:1;overflow:hidden}.dashboard-sidebar{width:280px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border-color);overflow-y:auto}.dashboard-main{flex:1;overflow-y:auto;padding:2rem;background:var(--main-bg)}.login-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea22,#764ba222),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");padding-top:80px}.login-page .page-container{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem;width:100%}.login-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-loading .loader{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.login-card{max-width:480px;width:100%;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026}.login-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff}.login-title{text-align:center;font-size:2rem!important;margin-bottom:1rem!important;color:#1e293b}.login-description{text-align:center;margin-bottom:2rem!important}.login-description .header{margin-bottom:.5rem}.login-button-container{display:flex;justify-content:center;margin-bottom:1.5rem}.login-note{text-align:center;font-size:.875rem;opacity:.7}.login-note i{margin-right:.25rem}.wallet-connect{display:flex;flex-direction:column;align-items:center;gap:1rem}.wallet-connect .ui.button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.wallet-connect .ui.button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.wallet-connect .ui.button:active{transform:translateY(0)}.wallet-connect .ui.button.blue{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 15px #2563eb66}.wallet-connect .ui.loading.button{pointer-events:none;opacity:.8}.wallet-connect .ui.message{max-width:100%;margin:0}.wallet-connect .ui.loading.button:after{content:"";width:1rem;height:1rem;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin-left:.5rem}.dark-theme .login-card{background:#1e293b;box-shadow:0 20px 60px #0006}.dark-theme .login-title{color:#f1f5f9}.dark-theme .login-description{color:#94a3b8}.dark-theme .login-note{color:#64748b}@media (max-width: 480px){.login-card{padding:2rem 1.5rem}.login-title{font-size:1.5rem!important}}.signup-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea22,#764ba222),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");padding-top:80px}.signup-page .page-container{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;width:100%}.signup-card{max-width:520px;width:100%;padding:2.5rem;background:var(--card-bg, white);border-radius:16px;box-shadow:0 20px 60px #0000001f}.signup-icon{width:70px;height:70px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff}.signup-title{text-align:center;font-size:1.75rem!important;margin-bottom:.5rem!important;color:var(--text-primary, #1e293b);font-weight:700}.signup-subtitle{text-align:center;color:var(--text-secondary, #64748b);margin-bottom:2rem;font-size:.95rem}.wallet-info-box{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--bg-secondary, #f1f5f9);padding:1rem;border-radius:10px;margin-bottom:1.5rem;border:1px solid var(--border-color, #e2e8f0)}.wallet-info-box i{color:#2563eb}.wallet-info-box strong{color:#2563eb;font-family:monospace}.signup-form{margin-top:1rem;display:flex;flex-direction:column;gap:1.25rem}.signup-form .field{margin:0}.signup-form .field label{display:block;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:.5rem;font-size:1rem}.signup-form .ui.input input{font-size:1.1rem!important;padding:.85rem 1rem!important;height:auto!important}.signup-form .ui.selection.dropdown{padding:.85rem 1rem!important;min-height:50px!important;font-size:1rem!important}.signup-form .ui.selection.dropdown.visible .menu{display:block!important}.signup-form .ui.selection.dropdown:not(.visible) .menu{display:none!important}.signup-form .ui.form textarea{padding:.85rem 1rem!important;font-size:1rem!important;resize:vertical;min-height:120px}.signup-form .ui.input,.signup-form .ui.selection.dropdown,.signup-form .ui.form textarea{width:100%;border-radius:8px!important;border:1px solid var(--border-color, #e2e8f0)!important;background:var(--input-bg, #f8fafc)!important;color:var(--text-primary, #1e293b)!important;transition:all .2s ease}.signup-form .ui.input:focus,.signup-form .ui.selection.dropdown:focus,.signup-form .ui.form textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important}.signup-form .ui.selection.dropdown{padding:.7rem 1rem!important;min-height:45px!important}.signup-form .ui.selection.dropdown>.text{color:var(--text-primary, #1e293b)!important}.signup-form .ui.selection.dropdown .menu{background:var(--card-bg, white)!important;border:1px solid var(--border-color, #e2e8f0)!important;border-radius:8px!important;box-shadow:0 10px 40px #00000026!important}.signup-form .ui.selection.dropdown .menu .item{color:var(--text-primary, #1e293b)!important;padding:.75rem 1rem!important}.signup-form .ui.selection.dropdown .menu .item:hover{background:var(--bg-secondary, #f1f5f9)!important}.signup-form .ui.form textarea{padding:.75rem 1rem!important;resize:vertical;min-height:100px}.signup-form .ui.form textarea::placeholder{color:var(--text-secondary, #94a3b8)!important}.signup-form .ui.input input::placeholder{color:var(--text-secondary, #94a3b8)!important}.error-message{margin:.5rem 0;padding:.75rem 1rem;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:8px}.error-message p{color:#dc2626!important;margin:0}.signup-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem!important;font-size:1.1rem!important;font-weight:600!important;margin-top:1rem!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;border-radius:10px!important;cursor:pointer;transition:all .3s ease}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66!important}.signup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.signup-btn.loading{pointer-events:none}.signup-btn.loading:after{content:""!important;width:18px!important;height:18px!important;border:2px solid rgba(255,255,255,.3)!important;border-top-color:#fff!important;border-radius:50%!important;animation:spin .8s linear infinite!important;margin-left:8px!important;display:inline-block!important}.dark-theme .signup-card{--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--bg-secondary: #0f172a;--input-bg: #0f172a;background:#1e293b}.dark-theme .signup-title{color:#f1f5f9}.dark-theme .signup-subtitle{color:#94a3b8}.dark-theme .signup-form .field label{color:#f1f5f9}.dark-theme .wallet-info-box{background:#0f172a;border-color:#334155}.dark-theme .signup-form .ui.input,.dark-theme .signup-form .ui.selection.dropdown,.dark-theme .signup-form .ui.form textarea{background:#0f172a!important;color:#f1f5f9!important;border-color:#334155!important}.dark-theme .signup-form .ui.selection.dropdown>.text{color:#f1f5f9!important}.dark-theme .signup-form .ui.input input::placeholder{color:#64748b!important}.dark-theme .signup-form .ui.form textarea::placeholder{color:#64748b!important}@media (max-width: 480px){.signup-card{padding:1.5rem}.signup-title{font-size:1.4rem!important}.signup-page .page-container{padding:1.5rem .5rem}}.dashboard-page{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg, #f8fafc);padding-top:80px}.dashboard-page .page-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.dashboard-page .page-footer{width:100%}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loader{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.header-content h1{margin:0;font-size:1.75rem;color:#1e293b}.dapp-details{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.dapp-type,.dapp-id{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:#64748b;background:#f1f5f9;padding:.25rem .75rem;border-radius:20px}.dapp-type i,.dapp-id i{color:#2563eb}.wallet-info{margin-top:.5rem;color:#64748b;font-size:.875rem}.wallet-info .address{font-family:monospace;background:#f1f5f9;padding:.25rem .5rem;border-radius:4px;color:#2563eb}.logout-btn{display:flex;align-items:center;gap:.5rem;background:#dc2626!important;color:#fff!important;border:none!important;padding:.75rem 1.25rem!important;border-radius:8px!important;font-weight:600!important;cursor:pointer;transition:all .2s ease}.dark-theme .dashboard-page{--page-bg: #0f172a;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;background:#0f172a}.dark-theme .dashboard-header{background:#1e293b;border-color:#334155}.dark-theme .dashboard-header h1{color:#f1f5f9}.dark-theme .dapp-type,.dark-theme .dapp-id{background:#0f172a;color:#94a3b8;border-color:#334155}.dark-theme .wallet-info{color:#94a3b8}.dark-theme .dashboard-card{background:#1e293b;border-color:#334155}.dark-theme .dashboard-card h3,.dark-theme .dashboard-card .card-header h3{color:#f1f5f9}.dark-theme .card-description,.dark-theme .balance-label,.dark-theme .stat-label{color:#94a3b8}.dark-theme .key-input{background:#0f172a;color:#f1f5f9;border-color:#334155}.dark-theme .logout-btn{background:#dc2626!important}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.dashboard-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.card-header i{font-size:1.25rem;color:#2563eb}.card-header h3{margin:0;font-size:1rem;font-weight:600;color:#1e293b}.card-description{color:#64748b;font-size:.875rem;margin-bottom:1rem}.api-key-input{display:flex;gap:.5rem}.key-input{flex:1;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-family:monospace;font-size:.875rem;background:#f8fafc;color:#334155}.key-input:focus{outline:none;border-color:#2563eb}.copy-btn{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.balance-amount{margin:1rem 0 .5rem}.balance-section{margin-bottom:1rem}.balance-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.balance-row .balance-label{font-size:.9rem;color:#64748b}.balance-row .balance-amount{margin:0;display:flex;align-items:baseline;gap:.25rem}.balance-row .cfx-value{font-size:1.5rem;font-weight:700;color:#1e293b}.balance-row .cfx-value.paymaster{color:#16a34a}.balance-row .cfx-label{font-size:.9rem;color:#64748b}.balance-divider{height:1px;background:#e2e8f0;margin:.5rem 0}.cfx-value{font-size:2.5rem;font-weight:700;color:#1e293b}.cfx-label{font-size:1.25rem;color:#64748b;margin-left:.5rem}.balance-label{color:#64748b;font-size:.875rem}.add-funds-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem!important;font-size:1.1rem!important;font-weight:600!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;border:none!important;border-radius:10px!important;cursor:pointer;transition:all .3s ease}.add-funds-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66!important}.stat-item{text-align:center;flex:1}.stat-value{display:block;font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#64748b}.stat-divider{width:1px;background:#e2e8f0;margin:0 1rem}.usage-stats{display:flex;justify-content:center;align-items:center;margin-top:1rem}.deposit-modal .header{display:flex;align-items:center;gap:.5rem}.deposit-instructions{margin-bottom:1.5rem}.dark-theme .balance-row .cfx-value{color:#f1f5f9}.dark-theme .balance-row .cfx-value.paymaster{color:#22c55e}.dark-theme .balance-row .balance-label{color:#94a3b8}.dark-theme .balance-divider{background:#334155}.paymaster-address{margin-bottom:1rem}.address-box{padding:.75rem;background:#f1f5f9;border-radius:8px;font-family:monospace;font-size:.875rem;color:#334155;word-break:break-all}.tx-input{width:100%}.deposit-status{margin-top:1rem}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.dashboard-cards{grid-template-columns:1fr}.api-key-input{flex-direction:column}.copy-btn{width:100%;justify-content:center}}.dashboard-charts{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.charts-loading{display:flex;justify-content:center;padding:3rem}.charts-header{display:none}.charts-header .ui.selection.dropdown{min-width:160px;border-radius:8px!important;border:1px solid #e2e8f0!important}.charts-header .ui.selection.dropdown:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.charts-footer{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.charts-footer .period-label{font-weight:600;color:#64748b}.charts-footer .period-select{min-width:150px}.charts-footer .ui.selection.dropdown{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:.6em 1em!important;min-height:38px!important}.charts-footer .ui.selection.dropdown>.text{color:#1e293b!important}.charts-footer .ui.selection.dropdown .menu{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 20px #0000001a!important;display:block!important;position:absolute!important;z-index:1000!important}.charts-footer .ui.selection.dropdown:not(.active) .menu{display:none!important}.charts-footer .ui.selection.dropdown .menu .item{color:#1e293b!important;padding:.7rem 1rem!important}.charts-footer .ui.selection.dropdown .menu .item:hover{background:#f1f5f9!important}.charts-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-box{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.stat-box i{font-size:1.75rem;color:#2563eb}.stat-box .stat-content{display:flex;flex-direction:column}.stat-box .stat-value{font-size:1.5rem;font-weight:700;color:#1e293b}.stat-box .stat-label{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem;width:100%;max-width:100%;overflow-x:hidden}.chart-card{padding:1.5rem;background:#fafafa;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;min-width:0}.chart-card:first-child{grid-column:span 2}.chart-container{height:300px;position:relative;width:100%;min-width:0;overflow:hidden}.chart-container canvas{max-height:280px;max-width:100%}.pie-container{height:280px;display:flex;justify-content:center;align-items:center}.pie-container canvas{max-height:260px!important;max-width:260px!important}.chart-card .chartjs-render-monitor{font-family:inherit}@media (max-width: 992px){.charts-grid{grid-template-columns:1fr}.chart-card:first-child{grid-column:span 1}}@media (max-width: 640px){.charts-stats{grid-template-columns:1fr}.stat-box{padding:1rem}.stat-box .stat-value{font-size:1.25rem}}.dark-theme .dashboard-charts{background:#1e293b;border-color:#334155}.dark-theme .charts-header .ui.selection.dropdown{background:#0f172a!important;border-color:#334155!important;color:#f1f5f9!important}.dark-theme .charts-header .ui.selection.dropdown>.text{color:#f1f5f9!important}.dark-theme .stat-box{background:#0f172a;border-color:#334155}.dark-theme .stat-box i{color:#667eea}.dark-theme .stat-box .stat-value{color:#f1f5f9}.dark-theme .stat-box .stat-label{color:#94a3b8}.dark-theme .chart-card{background:#0f172a;border-color:#334155}.dark-theme .charts-footer{border-color:#334155}.dark-theme .charts-footer .period-label{color:#94a3b8}.add-funds-page{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg, #f8fafc);padding-top:80px}.add-funds-page .page-content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem}.add-funds-page .page-footer{width:100%}.add-funds-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.add-funds-loading .loader{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.add-funds-header{margin-bottom:2rem}.add-funds-header .back-btn{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.add-funds-header h1{margin:0;font-size:1.75rem;color:#1e293b}.balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.balance-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;position:relative}.balance-card .card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:12px;color:#2563eb;font-size:1.25rem}.balance-card .card-content{flex:1;display:flex;flex-direction:column}.balance-card .card-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.balance-card .card-value{font-size:1.5rem;font-weight:700;color:#1e293b}.balance-card .refresh-btn{position:absolute;top:.75rem;right:.75rem;padding:.5rem}.deposit-form{padding:2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.paymaster-address{margin-bottom:1.5rem}.paymaster-address label{display:block;font-weight:600;margin-bottom:.5rem;color:#1e293b}.address-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f1f5f9;border-radius:8px}.address-box span{flex:1;font-family:monospace;font-size:.875rem;word-break:break-all;color:#334155}.address-box .copy-btn{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.amount-input{margin-bottom:1.5rem}.amount-input label{display:block;font-weight:600;margin-bottom:.75rem;color:#1e293b;font-size:1.1rem}.amount-input .ui.input{width:100%;font-size:1.5rem!important;padding:1rem!important;border-radius:12px!important;border:2px solid #e2e8f0!important;background:#f8fafc!important;transition:all .2s ease}.amount-input .ui.input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important;background:#fff!important}.amount-input .ui.input input{font-size:1.5rem!important;font-weight:600!important;color:#1e293b!important}.amount-input .ui.input input::placeholder{color:#94a3b8!important;font-weight:400!important}.amount-input .input-hint{display:block;font-size:.9rem;color:#64748b;margin-top:.75rem;font-weight:500}.error-message{margin-bottom:1rem}.status-message{margin:1.5rem 0;padding:1rem 1.25rem!important;border-radius:12px!important;display:flex;align-items:center;gap:.75rem;font-size:1rem}.status-message i{font-size:1.5rem}.action-buttons{margin:1.5rem 0}.deposit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem!important;font-size:1.25rem!important;font-weight:700!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;border:none!important;border-radius:12px!important;cursor:pointer;transition:all .3s ease}.deposit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66!important}.post-deposit-actions{display:flex;gap:1rem}.check-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem!important;font-size:1.1rem!important;font-weight:700!important;border-radius:12px!important}.new-btn{flex:1;padding:1.25rem!important;font-size:1.1rem!important;font-weight:600!important;border-radius:12px!important}.tx-hash{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.tx-hash label{display:block;font-weight:600;margin-bottom:.5rem;color:#1e293b}.hash-box{padding:.75rem 1rem;background:#f1f5f9;border-radius:8px;font-family:monospace;font-size:.75rem;word-break:break-all}.hash-box a{color:#2563eb;text-decoration:none}.hash-box a:hover{text-decoration:underline}@media (max-width: 640px){.balance-cards{grid-template-columns:1fr}.post-deposit-actions{flex-direction:column}.action-buttons .ui.button{width:100%}}.dark-theme .add-funds-page{background:#0f172a}.dark-theme .add-funds-header h1{color:#f1f5f9}.dark-theme .back-btn{color:#94a3b8!important;border-color:#334155!important}.dark-theme .balance-card{background:#1e293b;border-color:#334155}.dark-theme .card-label{color:#94a3b8}.dark-theme .card-value{color:#f1f5f9}.dark-theme .deposit-form{background:#1e293b;border-color:#334155}.dark-theme .paymaster-address label,.dark-theme .amount-input label{color:#f1f5f9}.dark-theme .address-box{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .input-hint{color:#94a3b8}:root{--primary-bg: #ffffff;--dark-bg: #0a0a0a;--text-primary: #1a1a1a;--text-secondary: #666666;--text-light: #ffffff;--accent-blue: #0066ff;--accent-purple: #8a2be2;--accent-cyan: #0066cc;--accent-red: #e53e3e;--accent-green: #38a169;--border-dark: #333333;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--shadow-dark: 0 4px 20px rgba(0, 0, 0, .3);--gradient-primary: linear-gradient(135deg, #0066ff 0%, #8a2be2 100%);--hover-light: #edf2f7;--hover-dark: #2d3748;--gradient-futuristic: linear-gradient(135deg, #0066ff 0%, #0066cc 50%, #8a2be2 100%);--secondary-bg: #f8f9fa;--card-bg: #ffffff;--border-color: #e1e1e1}.dark-theme{--primary-bg: #0a0a0a;--dark-bg: #000000;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-light: #ffffff;--accent-cyan: #00d4ff;--border-dark: #666666;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-dark: 0 4px 20px rgba(0, 0, 0, .5);--secondary-bg: #1a1a1a;--card-bg: #1a1a1a;--border-color: #333333;--navbar-bg: #1a1a1a}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{background:var(--primary-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}@media (max-width: 768px){.container{padding:0 1rem}}.brand-logo{height:32px;width:auto;margin-right:8px}.ui.button.loading{pointer-events:none;position:relative}.ui.button.loading:after{content:""!important;position:absolute!important;width:16px!important;height:16px!important;border:2px solid rgba(255,255,255,.3)!important;border-top-color:#fff!important;border-radius:50%!important;animation:button-spin .8s linear infinite!important;right:12px!important;display:inline-block!important}.ui.button.loading.basic:after,.ui.button.loading.secondary:after{border-color:#0003!important;border-top-color:#333!important}@keyframes button-spin{to{transform:rotate(360deg)}}