.portfolio-analytics{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1200px;padding:0;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analytics-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid #3b82f64d;border-radius:1rem;margin-bottom:1rem;padding:1.25rem 1.5rem}.header-content{align-items:center;display:flex;gap:1rem}.header-icon{color:#3b82f6;filter:drop-shadow(0 0 10px rgba(59,130,246,.5));height:2.25rem;width:2.25rem}.analytics-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:800;margin:0}.analytics-subtitle{color:#ffffffb3;font-size:.875rem;margin:.25rem 0 0}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.metric-card{align-items:flex-start;background:linear-gradient(135deg,#1f2937e6,#111827f2);border:1px solid #4b556366;border-radius:.75rem;display:flex;gap:.75rem;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:before{background:linear-gradient(135deg,#0000,#ffffff0d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.metric-card:hover{box-shadow:0 10px 30px #0006;transform:translateY(-4px)}.metric-card:hover:before{opacity:1}.metric-primary{border-left:4px solid #3b82f6}.metric-success{border-left:4px solid #10b981}.metric-info{border-left:4px solid #06b6d4}.metric-purple{border-left:4px solid #8b5cf6}.metric-icon-wrapper{align-items:center;border-radius:.5rem;display:flex;justify-content:center;padding:.5rem}.metric-icon-wrapper,.metric-primary .metric-icon-wrapper{background:linear-gradient(135deg,#3b82f633,#3b82f61a)}.metric-success .metric-icon-wrapper{background:linear-gradient(135deg,#10b98133,#10b9811a)}.metric-info .metric-icon-wrapper{background:linear-gradient(135deg,#06b6d433,#06b6d41a)}.metric-purple .metric-icon-wrapper{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a)}.metric-icon{color:#fff;height:1.25rem;width:1.25rem}.metric-content{flex:1 1;position:relative;z-index:1}.metric-label{align-items:center;color:#fff9;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;justify-content:space-between;margin:0 0 .25rem}.metric-badge,.metric-label{letter-spacing:.5px;text-transform:uppercase}.metric-badge{border-radius:.25rem;font-size:.563rem;font-weight:700;padding:.125rem .375rem}.metric-badge.live{animation:pulse 2s ease-in-out infinite;background:#10b98133;border:1px solid #10b98180;color:#10b981}.metric-value{color:#fff;font-size:1.25rem;font-weight:800;line-height:1.2;margin:0 0 .25rem}.metric-change{align-items:center;color:#ffffffb3;display:flex;font-size:.75rem;gap:.25rem;margin:0}.metric-change.positive{color:#10b981}.change-icon{height:1rem;width:1rem}.chart-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1f2937e6,#111827f2);border:1px solid #4b556366;border-radius:.75rem;margin-bottom:.75rem;padding:.5rem .75rem .25rem}.chart-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:.25rem}.chart-header,.chart-title-wrapper{align-items:center;display:flex;gap:.5rem}.chart-icon{color:#3b82f6;height:1.25rem;width:1.25rem}.chart-title{color:#fff;font-size:1.125rem;font-weight:700;margin:0}.chart-subtitle{color:#fbbf24e6;font-size:.75rem;font-style:italic;font-weight:500;margin:.25rem 0 0}.chart-subtitle-small{color:#ffffff80;font-size:.625rem;font-style:italic;font-weight:400;margin:.125rem 0 0}.chart-container{position:relative;width:100%}.custom-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827fa;border:1px solid #3b82f680;border-radius:.5rem;box-shadow:0 10px 30px #00000080;padding:.75rem 1rem}.custom-tooltip .label{border-bottom:1px solid #ffffff1a;color:#fff;font-weight:600;margin:0 0 .5rem;padding-bottom:.5rem}.custom-tooltip p{font-size:.875rem;margin:.25rem 0}.pie-legend{grid-gap:.375rem;display:grid;gap:.375rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:.25rem;margin-top:.5rem}.legend-item{align-items:center;background:#0000004d;border-radius:.25rem;display:flex;gap:.375rem;padding:.25rem .375rem}.legend-color{border-radius:.25rem;flex-shrink:0;height:1rem;width:1rem}.legend-label{color:#fffc;flex:1 1;font-size:.875rem}.legend-value{color:#fff}.legend-value,.pie-label{font-size:.875rem;font-weight:700}.pie-label{text-shadow:0 2px 4px #000c}.chart-section-compact{margin-bottom:.75rem;padding:.5rem .75rem .25rem}.chart-section-compact .chart-header{margin-bottom:.25rem}.chain-distribution{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem;margin-top:.5rem}.chain-item{background:#0000004d;border:1px solid #4b55634d;border-radius:.5rem;padding:.625rem .75rem;transition:all .3s ease}.chain-item:hover{background:#0006;border-color:#3b82f680;transform:translateX(4px)}.chain-info{align-items:center;display:flex;gap:.75rem;margin-bottom:.375rem}.chain-icon{background:#0000004d;border-radius:.375rem;height:2rem;object-fit:contain;padding:.25rem;width:2rem}.chain-name{color:#fff;font-size:1rem;font-weight:700;margin:0}.chain-count{color:#fff9;font-size:.875rem;margin:.25rem 0 0}.chain-stats{display:flex;justify-content:space-between;margin-bottom:.375rem}.chain-value{color:#fff;font-size:1.125rem;font-weight:700;margin:0}.chain-percentage{color:#3b82f6;font-size:1rem;font-weight:700;margin:0}.chain-progress{background:#0006;border-radius:.25rem;height:.5rem;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:.25rem;box-shadow:0 0 10px #3b82f680;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.insights-section{background:linear-gradient(135deg,#8b5cf626,#8b5cf626);border:1px solid #8b5cf64d;border-radius:.75rem;margin-top:.75rem;padding:1rem 1.25rem .75rem}.insights-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 .75rem}.insights-icon{color:#f59e0b;height:1.25rem;width:1.25rem}.insights-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.insight-card{background:#0000004d;border:1px solid #8b5cf64d;border-radius:.5rem;padding:1rem;text-align:center;transition:all .3s ease}.insight-card:hover{background:#00000080;border-color:#8b5cf699;box-shadow:0 10px 30px #8b5cf633;transform:translateY(-4px)}.insight-icon{font-size:2rem;margin-bottom:.5rem}.insight-card h4{color:#fffc;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 .375rem;text-transform:uppercase}.insight-card p{color:#fff;font-size:1rem;font-weight:700;margin:0}.insight-card h4{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.data-badge{border-radius:.25rem;font-size:.563rem;font-weight:700;letter-spacing:.5px;padding:.125rem .375rem}.data-badge.real{animation:pulse 2s ease-in-out infinite;background:#10b98133;border:1px solid #10b98180;color:#10b981}.data-badge.projected{background:#fbbf2433;border:1px solid #fbbf2480;color:#fbbf24}.insight-card.real-data{border-color:#10b9814d}.insight-card.projected-data{border-color:#fbbf244d}.insight-card.real-data:hover{border-color:#10b98199;box-shadow:0 10px 30px #10b98133}.insight-card.projected-data:hover{border-color:#fbbf2499;box-shadow:0 10px 30px #fbbf2433}.analytics-empty{background:linear-gradient(135deg,#1f2937e6,#111827f2);border:1px solid #4b556366;border-radius:1rem;padding:4rem 2rem;text-align:center}.empty-state{margin:0 auto;max-width:400px}.empty-icon{color:#ffffff4d;height:4rem;margin-bottom:1.5rem;width:4rem}.empty-state h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.empty-state p{color:#fff9;font-size:1rem;margin:0}@media (max-width:1024px){.chart-section{padding:1.25rem}.chart-section-compact{padding:1rem}}@media (max-width:768px){.analytics-header{padding:1rem 1.25rem}.header-icon{height:1.75rem;width:1.75rem}.analytics-title{font-size:1.25rem}.analytics-subtitle{font-size:.75rem}.metrics-grid{gap:.75rem;grid-template-columns:1fr}.metric-card{padding:.875rem 1rem}.metric-value{font-size:1.25rem}.chart-section{padding:.875rem 1rem}.chart-header{align-items:flex-start;flex-direction:column}.pie-legend{grid-template-columns:1fr}.chart-section-compact{padding:.75rem 1rem}.insights-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.insight-card{padding:.875rem}.insight-icon{font-size:1.75rem}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}.metric-icon-wrapper{padding:.75rem}.metric-icon{height:1.5rem;width:1.5rem}.metric-value{font-size:1.25rem}.chart-container{margin:0 -.5rem}.insights-grid{grid-template-columns:1fr}.chart-section-compact .chart-container{margin:0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.chart-section,.insight-card,.metric-card{animation:fadeIn .5s ease-in}.metric-card:first-child{animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.2s}.metric-card:nth-child(3){animation-delay:.3s}.metric-card:nth-child(4){animation-delay:.4s}.aquafi-page{background:linear-gradient(135deg,#0a0a0a,#0f0f23 50%,#1a0a2e);min-height:100vh;position:relative}.aquafi-page .tech-lines{animation:float 20s ease-in-out infinite,drift 30s linear infinite;background-image:linear-gradient(90deg,#3b82f626 1px,#0000 0),linear-gradient(#3b82f626 1px,#0000 0),linear-gradient(45deg,#8b5cf614 1px,#0000 0);background-size:50px 50px,50px 50px,25px 25px;opacity:.8}.aquafi-page .tech-dots,.aquafi-page .tech-lines{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.aquafi-page .tech-dots{animation:float 25s ease-in-out infinite reverse,pulse 15s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#8b5cf626 2px,#0000 0),radial-gradient(circle at 75% 75%,#3b82f61a 1px,#0000 0);background-size:100px 100px,150px 150px}@keyframes float{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-8px) translateX(4px)}66%{transform:translateY(6px) translateX(-3px)}}@keyframes drift{0%{transform:translateX(0)}to{transform:translateX(50px)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.aquafi-page:before{animation:rotate 60s linear infinite;background:radial-gradient(circle at 20% 30%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf614 0,#0000 50%),radial-gradient(circle at 40% 80%,#3b82f60d 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pool-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1f2937e6,#111827f2 50%,#0f172ae6);border:1px solid #4b556366;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.pool-card:before{background:linear-gradient(90deg,#0000,#3b82f61a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}.pool-card:hover:before{left:100%}.pool-card:hover{border-color:#3b82f699;box-shadow:0 20px 40px #3b82f626,0 10px 20px #0000004d,inset 0 1px 0 #ffffff1a;transform:translateY(-4px) scale(1.02)}.pool-card>*{position:relative;z-index:2}.risk-low{background:linear-gradient(135deg,#22c55e40,#15803d59);border:1px solid #22c55e66;box-shadow:0 4px 12px #22c55e26;color:#22c55e}.risk-low,.risk-medium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;text-shadow:0 1px 2px #0000004d}.risk-medium{background:linear-gradient(135deg,#fbbf2440,#f59e0b59);border:1px solid #fbbf2466;box-shadow:0 4px 12px #fbbf2426;color:#fbbf24}.risk-high{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef444440,#dc262659);border:1px solid #ef444466;box-shadow:0 4px 12px #ef444426;color:#ef4444}.btn-primary,.risk-high{font-weight:600;text-shadow:0 1px 2px #0000004d}.btn-primary{background:linear-gradient(135deg,#3b82f6,#6366f1 50%,#8b5cf6);border:1px solid #3b82f64d;box-shadow:0 4px 15px #3b82f64d,inset 0 1px 0 #fff3;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#5b21b6 50%,#7c3aed);box-shadow:0 8px 25px #3b82f666,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.glow-blue{box-shadow:0 0 20px #3b82f64d}.glow-purple{box-shadow:0 0 20px #8b5cf64d}.glow-green{box-shadow:0 0 20px #22c55e4d}.btn-secondary{background:#4b556380;border:1px solid #6b728080;color:#d1d5db;transition:all .3s ease}.btn-secondary:hover{background:#6b7280b3;border-color:#9ca3afb3;color:#f3f4f6}.savings-calculator-section{margin:2rem 0 3rem}.savings-calculator-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1f2937cc,#111827e6 50%,#0f172ad9);border:1px solid #3b82f633;border-radius:20px;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.savings-calculator-container:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#22c55e);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.savings-calculator-container:hover{border-color:#3b82f666;box-shadow:0 10px 40px #3b82f626,0 4px 20px #0000004d}.calculator-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.calculator-icon{animation:bounce 2s infinite;font-size:2rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.calculator-title-group{flex:1 1}.calculator-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.calculator-subtitle{color:#9ca3afe6;font-size:.875rem;margin:0}.calculator-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.calculator-input-group{flex:1 1;max-width:160px;min-width:120px}.calculator-label{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.label-icon{font-size:.875rem}.input-wrapper{align-items:center;background:#111827cc;border:1px solid #4b556380;border-radius:10px;display:flex;overflow:hidden;transition:all .3s ease}.input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.input-prefix,.input-suffix{background:#1f293780;color:#6b7280;font-size:.9rem;font-weight:600;padding:0 .75rem}.input-prefix{padding-right:.5rem}.input-suffix{padding-left:.5rem}.calculator-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;font-weight:600;outline:none;padding:.75rem .5rem;width:100%}.calculator-input::placeholder{color:#4b5563}.calculator-input::-webkit-inner-spin-button,.calculator-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calculator-input[type=number]{-moz-appearance:textfield}.calculator-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1 50%,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.calculator-btn:hover{background:linear-gradient(135deg,#2563eb,#5b21b6 50%,#7c3aed);box-shadow:0 8px 25px #3b82f673;transform:translateY(-2px)}.calculator-btn:active{transform:translateY(0)}.btn-icon{font-size:1.1rem;transition:transform .3s ease}.calculator-btn:hover .btn-icon{transform:translateX(3px)}.calculator-results{animation:slideIn .4s ease-out;border-top:1px solid #4b55634d;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-card{background:#11182799;border:1px solid #4b55634d;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:.375rem;min-width:140px;padding:1rem;transition:all .3s ease}.result-card:hover{background:#1f293799;border-color:#6366f14d}.result-card.final{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-color:#3b82f666}.result-label{color:#6b7280;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.result-value{color:#fff;font-size:1.1rem;font-weight:700}.result-value.highlight-green{color:#22c55e}.result-value.highlight-amber{color:#fbbf24}.result-value.highlight-blue{color:#60a5fa;font-size:1.25rem}@media (max-width:1024px){.calculator-inputs{gap:.75rem}.calculator-input-group{min-width:100px}}@media (max-width:768px){.savings-calculator-container{border-radius:16px;padding:1.25rem}.calculator-header{margin-bottom:1rem}.calculator-icon{font-size:1.5rem}.calculator-title{font-size:1.1rem}.calculator-subtitle{font-size:.8rem}.calculator-inputs{flex-direction:column;gap:1rem}.calculator-input-group{max-width:100%;width:100%}.calculator-btn{padding:1rem;width:100%}.calculator-results{gap:.5rem}.result-card{min-width:calc(50% - .25rem);padding:.75rem}.result-card.final{min-width:100%}.result-value{font-size:1rem}.result-value.highlight-blue{font-size:1.15rem}}@media (max-width:480px){.result-card{min-width:100%}}@media (max-width:768px){.aquafi-page .tech-dots,.aquafi-page .tech-lines{opacity:.5}.pool-card{transform:none!important}.pool-card:hover{transform:translateY(-2px)!important}.chain-filter-container{padding:0 1rem}.chain-filter-tabs{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;width:100%}.chain-filter-tabs>div{min-width:-webkit-max-content;min-width:max-content;padding:.5rem}.chain-filter-tab{min-height:44px;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}@media (max-width:480px){.chain-filter-tab{font-size:.875rem;padding:.625rem .75rem}.chain-filter-tab span:first-of-type{max-width:70px}}}