@import"https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=DynaPuff:wght@400..700&family=Itim&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{font-family:Cabin,sans-serif}::-webkit-scrollbar{width:13px}::-webkit-scrollbar-track{border:7px solid #232943;box-shadow:inset 0 0 2.5px 2px #00000080;border-radius:3px;background-color:#efefef}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#666}::-webkit-scrollbar-thumb:hover{background-color:#555}.demo-app{display:flex;min-height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}.demo-app-sidebar{width:320px;line-height:1.5;background:gray;border-right:1px solid #e0e0e0;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;overflow-y:auto;max-height:85vh;padding:0 15px;border-radius:0 12px 12px 0}.demo-app-sidebar:hover{box-shadow:0 6px 20px #00000026}.demo-app-sidebar h2{padding:20px 0;margin-bottom:25px;border-bottom:2px solid #d3e2e8;font-weight:600;transition:all .3s ease;text-align:center;letter-spacing:1px;position:relative}.demo-app-sidebar h2:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80px;height:4px;background:#3498db;border-radius:2px}.demo-app-sidebar ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.demo-app-sidebar ul li{padding:15px 18px;margin-bottom:5px;border-radius:12px;background:#2f465d77;box-shadow:0 3px 10px #00000014;transition:all .3s ease;display:flex;flex-direction:column;gap:8px;border-left:4px solid #3498db;position:relative;overflow:hidden}.demo-app-sidebar ul li:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#3498db;transition:all .3s ease}.demo-app-sidebar ul li:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 15px #0000001f}.demo-app-sidebar ul li:hover:before{width:8px}.demo-app-sidebar ul li b{color:#fff;font-size:.95em;display:block;margin-bottom:4px;font-weight:600}.demo-app-sidebar ul li i{font-style:normal;font-weight:500;color:#fff;font-size:1.05em;display:block;padding-left:5px;border-left:2px solid #f0f0f0}.demo-app-sidebar-section{padding:2em}.demo-app-main{flex-grow:1;padding:3em;transition:all .3s ease}.fc{max-width:1100px;margin:0 auto;box-shadow:0 5px 20px #00000014;border-radius:12px;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #3498db66}70%{box-shadow:0 0 0 10px #3498db00}to{box-shadow:0 0 #3498db00}}.demo-app-sidebar ul li{animation:fadeInUp .5s ease forwards}.demo-app-sidebar ul li:nth-child(odd){animation-delay:.1s}.demo-app-sidebar ul li:nth-child(2n){animation-delay:.2s}.demo-app-sidebar ul li:hover{animation:pulse 1.5s infinite}.demo-app-sidebar::-webkit-scrollbar{width:8px}.demo-app-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.demo-app-sidebar::-webkit-scrollbar-thumb{background:#c1d9e8;border-radius:10px}.demo-app-sidebar::-webkit-scrollbar-thumb:hover{background:#a3c5d8}.demo-app-sidebar ul:empty:after{content:"No events to display";display:block;text-align:center;padding:20px;color:#7f8c8d;font-style:italic}