header{justify-content:center;width:100%;height:30vh;display:flex;position:relative;overflow:hidden}header .wave{background:linear-gradient(90deg,#2a7b9b 0%,#57c785 50%,#eddd53 100%);width:100%;height:100%;transition:all .5s;position:absolute;left:0;box-shadow:inset 0 0 50px #00000080}header .wave span{content:"";background:#2a1616;width:60%;height:400%;position:absolute;top:0;left:50%;transform:translate(-50%,-75%)}.content{z-index:1;letter-spacing:2px;color:#252424;font-size:4em;position:relative}header .wave span:first-child{background:linear-gradient(90deg,#35393b 0%,#2c3d33 50%,#bfb239 100%);border-radius:45%;animation:5s linear infinite animate}header .wave span:nth-child(2){background:linear-gradient(90deg,#386e70 0%,#648c73 50%,#e8c84a 100%);border-radius:40%;animation:10s linear infinite animate}header .wave span:nth-child(3){background:linear-gradient(90deg,#dedede 0%,#e1e1e1 51%,#baadad 100%);border-radius:42.5%;animation:15s linear infinite animate}@keyframes animate{0%{transform:translate(-50%,-75%)rotate(0)}to{transform:translate(-50%,-75%)rotate(360deg)}}.layout{width:100%;height:70vh;display:flex}.sidebar{background-color:#1b1f24;width:240px;padding:15px;overflow-y:auto;box-shadow:2px 0 5px #0000004d}.button-grid{flex-direction:column;gap:10px;display:flex}.button-grid button{color:#fff;text-align:left;cursor:pointer;background-color:#202e3e;border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:700;transition:all .2s}.button-grid button:hover{background-color:#0056b3}.main-content{background-color:#f4f4f4;flex:1;padding:20px;overflow:auto}.dropdown-btn{color:#fff;text-align:left;background-color:#263544;border-radius:8px;padding:10px;font-weight:700}.dropdown-menu{border-left:3px solid #4fa3ff;flex-direction:column;gap:8px;margin-left:10px;padding-top:5px;display:flex}.dropdown-menu button{color:#fff;text-align:left;background-color:#202e3e;border-radius:6px;padding:8px;font-size:14px}.dropdown-menu button:hover{background-color:#0056b3}.top-box-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px;display:grid}.stat-box{background:linear-gradient(90deg,#c78d8d 39%,#cfe3d2 100%,#d9d9d9 8%);border-radius:16px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 4px 10px #0000001a}.stat-left{flex-direction:column;gap:8px;display:flex}.stat-label{color:#222;font-size:16px;font-weight:600}.stat-value{color:#000;font-size:28px;font-weight:700}.stat-icon img{opacity:.9;width:70px;height:auto}.chart-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.chart-box{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 5px #0000001a}