.chart-container{margin:2rem 0;padding:1.5rem;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(249,241,241,.95));box-shadow:0 8px 30px rgba(0,0,0,.08);transition:all .3s ease;position:relative;overflow:hidden}.chart-container:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.12)}.chart-title{font-size:1.2rem;font-weight:600;color:var(--rare-black);margin-bottom:1rem;text-align:center}.chart-description{font-size:.9rem;color:var(--charcoal);margin-top:1rem;text-align:center;font-style:italic}.bar-chart{height:300px;width:100%;display:flex;align-items:flex-end;justify-content:space-around;padding:0 1rem}.bar{width:60px;background:linear-gradient(to top,rgba(79,70,229,.7),rgba(79,70,229,.3));border-radius:6px 6px 0 0;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.bar:hover{transform:scaleY(1.05);background:linear-gradient(to top,rgba(79,70,229,.9),rgba(79,70,229,.5));box-shadow:0 8px 20px rgba(79,70,229,.3)}.bar-label{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:.8rem;font-weight:500;color:var(--charcoal);text-align:center;width:100px;font-size:.7rem;width:80px;bottom:-45px}.bar-value{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:.8rem;font-weight:600;color:var(--rare-black)}.y-axis{position:absolute;left:20px;top:0;height:300px;width:1px;background-color:rgba(0,0,0,.1)}.x-axis{position:absolute;left:20px;bottom:40px;width:calc(100% - 40px);height:1px;background-color:rgba(0,0,0,.1)}.pie-chart{width:250px;height:250px;margin:0 auto;position:relative;border-radius:50%;background:conic-gradient(rgba(79,70,229,.8) 0% 30%,rgba(49,158,132,.8) 30% 60%,rgba(133,35,111,.8) 60% 80%,rgba(212,175,55,.8) 80% 100%);box-shadow:0 8px 25px rgba(0,0,0,.1);transition:all .3s ease}.pie-chart:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.pie-chart::after{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px rgba(255,255,255,.8);z-index:5}.pie-segment{display:none}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:20px;background-color:rgba(255,255,255,.8);box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer}.legend-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.legend-color{width:12px;height:12px;border-radius:3px}.legend-label{font-size:.85rem;font-weight:500;color:var(--charcoal)}@keyframes rotate-pie{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.pie-chart::after{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px rgba(255,255,255,.8);z-index:5}.resource-infographic{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.resource-flow{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.resource-node{width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.resource-node:hover{transform:scale(1.1)}.resource-icon{font-size:2rem;margin-bottom:.5rem;color:var(--sapphire)}.resource-label{font-size:.8rem;font-weight:600;color:var(--rare-black);text-align:center}.resource-arrow{flex:1;height:2px;background:linear-gradient(to right,rgba(79,70,229,.3),rgba(79,70,229,.7));position:relative;z-index:1}p.chart-description{margin-top:50px}.resource-arrow::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid rgba(79,70,229,.7)}.blockchain-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:600;box-shadow:0 4px 10px rgba(79,70,229,.3);z-index:3;top:12px;left:72%}@media (max-width:768px){.bar-chart{height:250px}.bar{width:40px}.bar-label{font-size:.7rem;width:80px;bottom:-30px}.resource-flow{flex-direction:column;gap:1rem}.resource-arrow{width:2px;height:30px;background:linear-gradient(to bottom,rgba(79,70,229,.3),rgba(79,70,229,.7))}.resource-arrow::after{top:auto;right:50%;bottom:0;transform:translateX(50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid rgba(79,70,229,.7);border-bottom:none}.blockchain-badge{top:auto;bottom:-15px;left:50%}}