@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";.barChartBox{width:100%;height:100%}.barChartBox h1{font-size:20px;margin-bottom:20px}.bigChartBox{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 1400px){.bigChartBox h1{font-size:24px}}.bigChartBox .chart{width:100%;height:300px}.chartBox{display:flex;height:100%}@media screen and (max-width: 480px){.chartBox{flex-direction:column}}.chartBox .boxInfo{flex:3;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 480px){.chartBox .boxInfo{gap:20px}}.chartBox .boxInfo .title{display:flex;align-items:center;gap:10px}@media screen and (max-width: 1400px){.chartBox .boxInfo .title{font-size:14px}}@media screen and (max-width: 1400px){.chartBox .boxInfo h1{font-size:20px}}.chartBox .chartInfo{flex:2;display:flex;flex-direction:column;justify-content:space-between}.chartBox .chartInfo .chart{width:100%;height:100%}.chartBox .chartInfo .texts{display:flex;flex-direction:column;text-align:right}.chartBox .chartInfo .texts .percentage{font-weight:700;font-size:20px}@media screen and (max-width: 1400px){.chartBox .chartInfo .texts .percentage{font-size:16px}}.chartBox .chartInfo .texts .duration{font-size:14px}.pieChartBox1{height:200px;display:flex;flex-direction:column;justify-content:space-between;margin-top:-20px}@media screen and (max-width: 1400px){.pieChartBox1 h1{font-size:24px}}.pieChartBox1 .chart{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin-top:-10px}.pieChartBox1 .options{display:flex;justify-content:space-between;gap:10px;font-size:14px}.pieChartBox1 .options .option{display:flex;flex-direction:column;gap:10px;align-items:center}.pieChartBox1 .options .option .title{display:flex;gap:10px;align-items:center}.pieChartBox1 .options .option .title .dot{width:10px;height:10px;border-radius:50%}.topBox .list{padding-top:20px}.topBox .list .listItem{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:0}.topBox h1{margin-bottom:20px}@media screen and (max-width: 1400px){.topBox h1{font-size:24px}}.topBox .list .listItem{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.topBox .list .listItem .user{display:flex;gap:20px}.topBox .list .listItem .user img{width:40px;height:40px;border-radius:50%;object-fit:cover}@media screen and (max-width: 1400px){.topBox .list .listItem .user img{display:none}}@media screen and (max-width: 1024px){.topBox .list .listItem .user img{display:block}}.topBox .list .listItem .user .userTexts{display:flex;flex-direction:column;gap:5px}.topBox .list .listItem .user .userTexts .username{font-size:12px;font-weight:500}.topBox .list .listItem .user .userTexts .email{font-size:12px}@media screen and (max-width: 1400px){.topBox .list .listItem .user .userTexts .email{display:none}}@media screen and (max-width: 1024px){.topBox .list .listItem .user .userTexts .email{display:block}}.topBox .list .listItem .amount{font-weight:500;font-size:12px;padding-top:25px}.home{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense}@media screen and (max-width: 1200px){.home{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px){.home{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.home{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 480px){.home{grid-auto-rows:minmax(120px,auto)}}.home .box{padding:20px;border-radius:10px;border:2px solid #384256}.home .box1{grid-column:span 1;grid-row:span 3;height:340px}.home .box11{grid-column:span 1;grid-row:span 3;height:340px;margin-top:-240px}.home .box4{grid-column:span 1;grid-row:span 3;height:340px}.home .box44{grid-column:span 1;grid-row:span 3;height:340px;margin-top:-240px}.home .box3{grid-column:span 1;grid-row:span 3;height:340px;margin-top:0}.home .box6{grid-column:span 1;grid-row:span 3;height:340px}.home .box7{grid-column:span 2;grid-row:span 2;height:500px;margin-bottom:0;margin-top:-480px}@media screen and (max-width: 768px){.home .box7{display:none}}.home .box77{grid-column:span 2;grid-row:span 2;height:500px;margin-bottom:0;margin-top:-360px}@media screen and (max-width: 768px){.home .box77{display:none}}.home .box777{grid-column:span 2;grid-row:span 2;height:500px;margin-bottom:0;margin-top:20px}@media screen and (max-width: 768px){.home .box777{display:none}}.semester{display:flex;flex-direction:column;align-items:center;background:transparent;padding:20px;border-radius:8px;box-shadow:0 4px 8px #00000026;width:100%;max-width:500px;transition:transform .3s ease-in-out,background .3s ease-in-out}.semester .grid-container .column{background-color:transparent;padding:10px;border-radius:8px;text-align:center;transition:transform .3s ease-in-out}.individual{display:flex;flex-direction:column;align-items:center;background:#1e293b;padding:20px;margin-bottom:-150px;height:auto;border-radius:8px;box-shadow:0 4px 8px #00000026;width:100%;max-width:500px;transition:transform .3s ease-in-out,background .3s ease-in-out}.individual h1{color:#fff;margin-bottom:20px;font-size:22px;text-align:center}.individual .chart-container{width:100%;max-width:400px;height:100px;display:flex;align-items:center;justify-content:center;background:transparent;padding:15px;border-radius:10px;box-shadow:0 2px 6px #0003;transition:transform .3s ease-in-out}.individual .chart-container:hover{background:#374151;transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.individual .view-all{margin-top:15px}.individual .view-all a{color:#4caf50;font-size:16px;text-decoration:none;font-weight:700;transition:color .3s ease-in-out}.gridjs-head button,.gridjs-footer button{cursor:pointer;background-color:transparent;background-image:none;padding:0;margin:0;border:none;outline:none}.gridjs-temp{position:relative}.gridjs-head{width:100%;margin-bottom:5px;padding:5px 1px}.gridjs-head:after{content:"";display:block;clear:both}.gridjs-head:empty{padding:0;border:none}.gridjs-container{overflow:hidden;display:inline-block;padding:2px;color:#000;position:relative;z-index:0}.gridjs-footer{display:block;position:relative;width:100%;z-index:5;padding:12px 24px;border-top:1px solid #e5e7eb;background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #00000042;border-radius:0 0 8px 8px;border-bottom-width:1px;border-color:#e5e7eb}.gridjs-footer:empty{padding:0;border:none}input.gridjs-input{outline:none;background-color:#fff;border:1px solid #d2d6dc;border-radius:5px;padding:10px 13px;font-size:14px;line-height:1.45;-webkit-appearance:none;-moz-appearance:none;appearance:none}input.gridjs-input:focus{box-shadow:0 0 0 3px #95bdf380;border-color:#9bc2f7}.gridjs-pagination{color:#3d4044}.gridjs-pagination:after{content:"";display:block;clear:both}.gridjs-pagination .gridjs-summary{float:left;margin-top:5px}.gridjs-pagination .gridjs-pages{float:right}.gridjs-pagination .gridjs-pages button{padding:5px 14px;border:1px solid #d2d6dc;background-color:#fff;border-right:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gridjs-pagination .gridjs-pages button:focus{box-shadow:0 0 0 2px #95bdf380;position:relative;margin-right:-1px;border-right:1px solid #d2d6dc}.gridjs-pagination .gridjs-pages button:hover{background-color:#f7f7f7;color:#3c4257;outline:none}.gridjs-pagination .gridjs-pages button:disabled,.gridjs-pagination .gridjs-pages button[disabled],.gridjs-pagination .gridjs-pages button:hover:disabled{cursor:default;background-color:#fff;color:#6b7280}.gridjs-pagination .gridjs-pages button.gridjs-spread{cursor:default;box-shadow:none;background-color:#fff}.gridjs-pagination .gridjs-pages button.gridjs-currentPage{background-color:#f7f7f7;font-weight:700}.gridjs-pagination .gridjs-pages button:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px;border-right:1px solid #d2d6dc}.gridjs-pagination .gridjs-pages button:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.gridjs-pagination .gridjs-pages button:last-child:focus{margin-right:0}button.gridjs-sort{float:right;height:24px;width:13px;background-color:transparent;background-repeat:no-repeat;background-position-x:center;cursor:pointer;padding:0;margin:0;border:none;outline:none;background-size:contain}button.gridjs-sort-neutral{opacity:.3;background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MDEuOTk4cHgiIGhlaWdodD0iNDAxLjk5OHB4IiB2aWV3Qm94PSIwIDAgNDAxLjk5OCA0MDEuOTk4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDEuOTk4IDQwMS45OTg7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik03My4wOTIsMTY0LjQ1MmgyNTUuODEzYzQuOTQ5LDAsOS4yMzMtMS44MDcsMTIuODQ4LTUuNDI0YzMuNjEzLTMuNjE2LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0NwoJCQljMC00Ljk0OS0xLjgxMy05LjIyOS01LjQyNy0xMi44NUwyMTMuODQ2LDUuNDI0QzIxMC4yMzIsMS44MTIsMjA1Ljk1MSwwLDIwMC45OTksMHMtOS4yMzMsMS44MTItMTIuODUsNS40MjRMNjAuMjQyLDEzMy4zMzEKCQkJYy0zLjYxNywzLjYxNy01LjQyNCw3LjkwMS01LjQyNCwxMi44NWMwLDQuOTQ4LDEuODA3LDkuMjMxLDUuNDI0LDEyLjg0N0M2My44NjMsMTYyLjY0NSw2OC4xNDQsMTY0LjQ1Miw3My4wOTIsMTY0LjQ1MnoiLz4KCQk8cGF0aCBkPSJNMzI4LjkwNSwyMzcuNTQ5SDczLjA5MmMtNC45NTIsMC05LjIzMywxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MTctNS40MjQsNy44OTgtNS40MjQsMTIuODQ3CgkJCWMwLDQuOTQ5LDEuODA3LDkuMjMzLDUuNDI0LDEyLjg0OEwxODguMTQ5LDM5Ni41N2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhsMTI3LjkwNy0xMjcuOTA2CgkJCWMzLjYxMy0zLjYxNCw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDhjMC00Ljk0OC0xLjgxMy05LjIyOS01LjQyNy0xMi44NDdDMzM4LjEzOSwyMzkuMzUzLDMzMy44NTQsMjM3LjU0OSwzMjguOTA1LDIzNy41NDl6Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+);background-position-y:center}button.gridjs-sort-asc{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MXB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjE7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDE5Ny4yODdMMTU5LjAyOCw2OS4zODFjLTMuNjEzLTMuNjE3LTcuODk1LTUuNDI0LTEyLjg0Ny01LjQyNHMtOS4yMzMsMS44MDctMTIuODUsNS40MjRMNS40MjQsMTk3LjI4NwoJCUMxLjgwNywyMDAuOTA0LDAsMjA1LjE4NiwwLDIxMC4xMzRzMS44MDcsOS4yMzMsNS40MjQsMTIuODQ3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI1LDEyLjg1LDUuNDI1aDI1NS44MTMKCQljNC45NDksMCw5LjIzMy0xLjgwOCwxMi44NDgtNS40MjVjMy42MTMtMy42MTMsNS40MjctNy44OTgsNS40MjctMTIuODQ3UzI5MC41NDgsMjAwLjkwNCwyODYuOTM1LDE5Ny4yODd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+);background-position-y:35%;background-size:10px}button.gridjs-sort-desc{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MnB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDY5LjM3N2MtMy42MTQtMy42MTctNy44OTgtNS40MjQtMTIuODQ4LTUuNDI0SDE4LjI3NGMtNC45NTIsMC05LjIzMywxLjgwNy0xMi44NSw1LjQyNAoJCUMxLjgwNyw3Mi45OTgsMCw3Ny4yNzksMCw4Mi4yMjhjMCw0Ljk0OCwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDdsMTI3LjkwNywxMjcuOTA3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4CgkJczkuMjMzLTEuODExLDEyLjg0Ny01LjQyOEwyODYuOTM1LDk1LjA3NGMzLjYxMy0zLjYxNyw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDdDMjkyLjM2Miw3Ny4yNzksMjkwLjU0OCw3Mi45OTgsMjg2LjkzNSw2OS4zNzd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+);background-position-y:65%;background-size:10px}button.gridjs-sort:focus{outline:none}table.gridjs-table{width:100%;max-width:100%;border-collapse:collapse;text-align:left;display:table;margin:0;padding:0;overflow:auto;table-layout:fixed}.gridjs-tbody{background-color:#fff}td.gridjs-td{border:1px solid #e5e7eb;padding:12px 24px;background-color:#fff;box-sizing:content-box}td.gridjs-td:first-child{border-left:none}td.gridjs-td:last-child{border-right:none}td.gridjs-message{text-align:center}th.gridjs-th{position:relative;color:#6b7280;background-color:#f9fafb;border:1px solid #e5e7eb;border-top:none;padding:14px 24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;white-space:nowrap;outline:none;vertical-align:middle}th.gridjs-th .gridjs-th-content{text-overflow:ellipsis;overflow:hidden;width:100%;float:left}th.gridjs-th-sort{cursor:pointer}th.gridjs-th-sort .gridjs-th-content{width:calc(100% - 15px)}th.gridjs-th-sort:hover{background-color:#e5e7eb}th.gridjs-th-sort:focus{background-color:#e5e7eb}th.gridjs-th-fixed{position:sticky;box-shadow:0 1px #e5e7eb}@supports (-moz-appearance: none){th.gridjs-th-fixed{box-shadow:0 0 0 1px #e5e7eb}}th.gridjs-th:first-child{border-left:none}th.gridjs-th:last-child{border-right:none}.gridjs-tr{border:none}.gridjs-tr-selected td{background-color:#ebf5ff}.gridjs-tr:last-child td{border-bottom:0}.gridjs *,.gridjs :after,.gridjs :before{box-sizing:border-box}.gridjs-wrapper{position:relative;z-index:1;overflow:auto;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-shadow:0 1px 3px #0000001a,0 1px 2px #00000042;border-radius:8px 8px 0 0;display:block;border-top-width:1px;border-color:#e5e7eb}.gridjs-wrapper:nth-last-of-type(2){border-radius:8px;border-bottom-width:1px}.gridjs-search{float:left}.gridjs-search-input{width:250px}.gridjs-loading-bar{z-index:10;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;opacity:.5}.gridjs-loading-bar:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(204,204,204,0) 0,rgba(204,204,204,.2) 20%,rgba(204,204,204,.5) 60%,rgba(204,204,204,0));animation:shimmer 2s infinite;content:""}@keyframes shimmer{to{transform:translate(100%)}}.gridjs-td .gridjs-checkbox{display:block;margin:auto;cursor:pointer}.gridjs-resizable{position:absolute;top:0;bottom:0;right:0;width:5px}.gridjs-resizable:hover{cursor:ew-resize;background-color:#9bc2f7}.table{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:10px 10px 10px 5px}.table input[type=file]{margin-bottom:15px;padding:10px;border:2px solid #007bff;border-radius:8px;background:rgb(255,255,255);font-size:16px;cursor:pointer;outline:none;transition:.3s ease-in-out}.table input[type=file]:hover{background-color:#007bff;color:#fff}.table .tableContainer{width:120%;max-width:1200px;background:rgb(255,255,255);padding:10px;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden}.table .gridjs-container{font-size:16px;font-family:Arial,sans-serif}.lineChartBox{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s ease-in-out;background:transparent;padding:40px;border-radius:8px;box-shadow:0 4px 8px #00000026;width:100%;max-width:500px}.lineChartBox:hover{background:rgba(0,0,0,.5294117647);transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.lineChartBox h1{font-size:20px;font-weight:600;color:#fff;margin-bottom:12px;text-align:center}.lineChartBox .chart{margin-right:25px;width:150%;height:180px}.lineChartBox .view-all{margin-top:10px;text-align:center}.lineChartBox .view-all a{font-size:14px;font-weight:700;color:#4caf50;text-decoration:none;transition:color .3s ease}.lineChartBox .view-all a:hover{color:#66bb6a}.barChartBox1{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s ease-in-out;background:transparent;padding:40px;border-radius:8px;box-shadow:0 4px 8px #00000026;width:100%;max-width:400px}.barChartBox1:hover{background:rgba(0,0,0,.5294117647);transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.barChartBox1 h1{font-size:20px;font-weight:600;color:#fff;margin-bottom:12px;text-align:center}.barChartBox1 .chart{margin-right:25px;width:150%;height:180px}.barChartBox1 .view-all{margin-top:10px;text-align:center}.barChartBox1 .view-all a{font-size:14px;font-weight:700;color:#4caf50;text-decoration:none;transition:color .3s ease}.barChartBox1 .view-all a:hover{color:#66bb6a}.areaChartBox{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s ease-in-out;background:transparent;padding:40px;border-radius:8px;box-shadow:0 4px 8px #00000026;width:100%;max-width:500px}.areaChartBox:hover{background:rgba(0,0,0,.5294117647);transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.areaChartBox h1{font-size:20px;font-weight:600;color:#fff;margin-bottom:12px;text-align:center}.areaChartBox .chart{margin-right:25px;width:150%;height:180px}.areaChartBox .view-all{margin-top:10px;text-align:center}.areaChartBox .view-all a{font-size:14px;font-weight:700;color:#4caf50;text-decoration:none;transition:color .3s ease}.areaChartBox .view-all a:hover{color:#66bb6a}.pieChartbox{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s ease-in-out;background:transparent;padding:20px;border-radius:8px;box-shadow:0 4px 8px #00000026;width:100%;max-width:400px}.pieChartbox:hover{background:rgba(0,0,0,.5294117647);transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.pieChartbox h1{font-size:20px;font-weight:600;color:#fff;margin-bottom:12px;text-align:center}.pieChartbox .chart{height:200px;padding-top:-15px;width:100%}.pieChartbox .view-all{margin-top:10px;text-align:center;padding-top:20px}.pieChartbox .view-all a{font-size:14px;font-weight:700;color:#4caf50;text-decoration:none;transition:color .3s ease}.pieChartbox .view-all a:hover{color:#66bb6a}.radarchart{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s ease-in-out;background:#1e293b;padding:40px;border-radius:8px;box-shadow:0 4px 8px #00000026;width:100%;max-width:500px}.radarchart:hover{background:#2a3447;transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.radarchart h1{font-size:20px;font-weight:600;color:#fff;margin-bottom:12px;text-align:center}.radarchart .chart{margin-right:25px;width:150%;height:180px}.radarchart .view-all{margin-top:10px;text-align:center}.radarchart .view-all a{font-size:14px;font-weight:700;color:#4caf50;text-decoration:none;transition:color .3s ease}.radarchart .view-all a:hover{color:#66bb6a}.treemapBox{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s ease-in-out;padding:60px;border-radius:8px;width:550px;margin-top:20px;max-width:700px}.treemapBox h1{font-size:20px;font-weight:600;color:#fff;margin-bottom:0;margin-top:-100px;text-align:center}.treemapBox .chart{margin-left:125px;margin-top:15px;width:650px;height:260px}.treemapBox .view-all{margin-top:160px;text-align:center}.treemapBox .view-all a{font-size:14px;font-weight:700;color:#4caf50;text-decoration:none;transition:color .3s ease}.treemapBox .view-all a:hover{color:#66bb6a}.name{font-size:13px;fill:#b0bec5}.tooltip{background:rgba(42,52,71,.9);color:#fff;padding:8px;border-radius:5px;font-size:12px}.compresults{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:100%;box-sizing:border-box;background-color:transparent}.compresults .file-input{margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:14px}.compresults .upload-text{font-size:16px;margin-bottom:10px;font-weight:700}.compresults .controls .chart-select{padding:8px;border-radius:5px;border:1px solid #ccc;font-size:14px;cursor:pointer}.compresults .controls .btn{padding:8px 12px;border:none;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;font-size:14px;transition:background .3s ease-in-out}.compresults .chart-container{width:100%;max-width:1150px;border:1px solid #ccc;border-radius:8px;padding:10px;background:white;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.compresults .chart-container{width:100%;height:300px}.compresults .controls{flex-direction:column;align-items:center}.compresults .btn,.compresults .chart-select{width:100%;font-size:12px}}.areacharttool{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:100%;box-sizing:border-box}.areacharttool .file-input{margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:5px;cursor:pointer}.areacharttool .upload-text{font-size:16px;margin-bottom:10px;font-weight:500}.areacharttool .controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.areacharttool .controls .chart-select{padding:8px;border-radius:5px;border:1px solid #ccc;font-size:14px;background:white;cursor:pointer}.areacharttool .controls .chart-select:focus{outline:none;border-color:#007bff}.areacharttool .controls .btn{padding:8px 12px;border:none;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.areacharttool .controls .btn:hover{background-color:#0056b3}.areacharttool .controls .btn:active{transform:scale(.98)}.areacharttool .chart-container{width:100%;max-width:1150px;height:450px;border:1px solid #ccc;border-radius:8px;padding:10px;background:transparent;display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.areacharttool .chart-container{max-width:90%;height:400px}}@media (max-width: 768px){.areacharttool .chart-container{max-width:100%;height:300px}.areacharttool .controls{flex-direction:column;align-items:center;width:100%}.areacharttool .chart-select{width:100%;text-align:center}.areacharttool .btn{width:100%;font-size:12px}}@media (max-width: 480px){.areacharttool .chart-container{height:250px}.areacharttool .btn{font-size:12px}}.barcharttool{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:100%;box-sizing:border-box}.barcharttool .file-input{margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:5px;cursor:pointer}.barcharttool .upload-text{font-size:16px;margin-bottom:10px;font-weight:500}.barcharttool .controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.barcharttool .controls .chart-select{padding:8px;border-radius:5px;border:1px solid #ccc;font-size:14px;background:white;cursor:pointer}.barcharttool .controls .chart-select:focus{outline:none;border-color:#007bff}.barcharttool .controls .btn{padding:8px 12px;border:none;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.barcharttool .controls .btn:hover{background-color:#0056b3}.barcharttool .controls .btn:active{transform:scale(.98)}.barcharttool .chart-container{width:100%;max-width:1150px;height:450px;border:1px solid #ccc;border-radius:8px;padding:10px;background:transparent;display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.barcharttool .chart-container{max-width:90%;height:400px}}@media (max-width: 768px){.barcharttool .chart-container{max-width:100%;height:300px}.barcharttool .controls{flex-direction:column;align-items:center;width:100%}.barcharttool .chart-select{width:100%;text-align:center}.barcharttool .btn{width:100%;font-size:12px}}@media (max-width: 480px){.barcharttool .chart-container{height:250px}.barcharttool .btn{font-size:12px}}.chart-tool{display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:1200px;box-sizing:border-box}.chart-tool .file-input{margin-bottom:12px;padding:10px;border:1px solid #ccc;border-radius:6px;cursor:pointer;transition:border-color .3s ease}.chart-tool .file-input:hover{border-color:#007bff}.chart-tool .upload-text{font-size:16px;font-weight:500;margin-bottom:12px;color:#333}.chart-tool .controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.chart-tool .controls .chart-select{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;background:white;cursor:pointer;transition:border-color .3s ease}.chart-tool .controls .chart-select:focus{outline:none;border-color:#007bff}.chart-tool .controls .btn{padding:10px 14px;border:none;background-color:#007bff;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.chart-tool .controls .btn:hover{background-color:#0056b3}.chart-tool .controls .btn:active{transform:scale(.96)}.chart-tool .chart-container{width:100%;max-width:1100px;height:450px;border:1px solid #ddd;border-radius:10px;padding:12px;background:#fafafa;display:flex;justify-content:center;align-items:center;transition:box-shadow .3s ease}.chart-tool .chart-container:hover{box-shadow:0 4px 12px #0000001a}@media (max-width: 1024px){.chart-tool .chart-container{max-width:90%;height:400px}}@media (max-width: 768px){.chart-tool .chart-container{max-width:100%;height:320px}.chart-tool .controls{flex-direction:column;align-items:center;width:100%}.chart-tool .chart-select{width:100%;text-align:center}.chart-tool .btn{width:100%;font-size:13px}}@media (max-width: 480px){.chart-tool .chart-container{height:280px}.chart-tool .btn{font-size:12px}}.compresults{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:100%;box-sizing:border-box}.compresults .file-input{margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:5px}.compresults .upload-text{font-size:16px;margin-bottom:10px}.compresults .controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.compresults .controls .chart-select{padding:8px;border-radius:5px;border:1px solid #ccc;font-size:14px}.compresults .controls .btn{padding:8px 12px;border:none;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;font-size:14px}.compresults .controls .btn:hover{background-color:#0056b3}.compresults .chart-container{width:1150px;height:1550px;border:1px solid #ccc;border-radius:8px;padding:10px;background:transparent}@media (max-width: 768px){.compresults .chart-container{width:100%;height:300px}.compresults .controls{flex-direction:column;align-items:center}.compresults .btn{width:100%;font-size:12px}}@media (max-width: 480px){.compresults .chart-container{height:250px}.compresults .btn{font-size:12px}}.container12 .textarea-input,.container12 .file-input,.container12 .select-input,.container12 .number-input{width:100%;max-width:500px;padding:.75rem;border:2px solid #007bff;border-radius:8px;outline:none;font-size:1rem}.container12 .future-prediction{display:flex;align-items:center;gap:.5rem;width:100%;max-width:500px}.container12 .future-prediction label{font-weight:700;color:red}.container12 .future-prediction .number-input{flex:1;border:2px solid #28a745;border-radius:8px;padding:.75rem;outline:none;font-size:1rem}@media (max-width: 600px){.container12 .textarea-input,.container12 .file-input,.container12 .select-input,.container12 .number-input,.container12 .submit-btn,.container12 .download-btn{width:100%}.container12 .model-selector,.container12 .future-prediction{flex-direction:column;align-items:flex-start}}.individual{display:flex;flex-direction:column;align-items:center;background:#1e293b;padding:20px;border-radius:8px;box-shadow:0 4px 8px #00000026;width:100%;max-width:500px;transition:transform .3s ease-in-out,background .3s ease-in-out}.individual:hover{background:#2a3447;transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.individual:not(:hover){transform:scale(1)}.individual h1{color:#fff;margin-bottom:20px;font-size:20px}.individual p{margin-bottom:10px}.individual .grid-container{display:flex;gap:20px}.individual .grid-container .column{background-color:#2a3447;padding:10px;border-radius:8px;text-align:center;transition:transform .3s ease-in-out}.individual .grid-container .column:hover{transform:scale(1.1)}.individual .grid-container .column h3{color:#4caf50;margin-bottom:8px}.individual .grid-container .column p{color:#fff;margin:5px 0}.individual .table-container{width:100%;margin-top:-5px}.individual .table-container .styled-table{width:100%;border-collapse:collapse}.individual .table-container .styled-table th,.individual .table-container .styled-table td{border:1px solid #4caf50;padding:10px;text-align:center;color:#fff}.individual .table-container .styled-table th{background-color:#4caf50}.individual .table-container .styled-table tr:nth-child(2n){background-color:#2a3447}.individual .table-container .styled-table tr:hover{background-color:#374151;transition:background .3s ease-in-out}.individual .view-all{margin-top:10px}.individual .view-all a{color:#4caf50;text-decoration:none;transition:color .3s ease}.individual .view-all a:hover{color:#66bb6a}.subject .view-all a{color:#02ff0a;text-decoration:none;transition:color .3s ease}.subject .view-all a:hover{color:#00ff0d}.subject{display:flex;flex-direction:column;align-items:center;background:#1e293b;padding:20px;border-radius:8px;box-shadow:0 4px 8px #00000026;width:100%;max-width:500px;transition:transform .3s ease-in-out,background .3s ease-in-out}.subject:hover{background:#2a3447;transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.subject:not(:hover){transform:scale(1)}.subject h1{color:#fff;margin-bottom:20px;font-size:20px}.subject p{margin-bottom:10px}.subject .grid-container{display:flex;gap:20px}.subject .grid-container .column{background-color:#2a3447;padding:10px;border-radius:8px;text-align:center;transition:transform .3s ease-in-out}.subject .grid-container .column:hover{transform:scale(1.1)}.subject .grid-container .column h3{color:#4caf50;margin-bottom:8px}.subject .grid-container .column p{color:#fff;margin:5px 0}.subject .table-container{width:100%;margin-top:-5px}.subject .table-container .styled-table{width:100%;border-collapse:collapse}.subject .table-container .styled-table th,.subject .table-container .styled-table td{border:1px solid #4caf50;padding:10px;text-align:center;color:#fff}.subject .table-container .styled-table th{background-color:#4caf50}.subject .table-container .styled-table tr:nth-child(2n){background-color:#2a3447}.subject .table-container .styled-table tr:hover{background-color:#374151;transition:background .3s ease-in-out}.subject .view-all{margin-top:10px}.subject .view-all a{color:#4caf50;text-decoration:none;transition:color .3s ease}.subject .view-all a:hover{color:#66bb6a}.semester{display:flex;flex-direction:column;align-items:center;background:#1e293b;padding:20px;border-radius:8px;box-shadow:0 4px 8px #00000026;width:100%;max-width:500px;transition:transform .3s ease-in-out,background .3s ease-in-out}.semester:hover{background:#2a3447;transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.semester:not(:hover){transform:scale(1)}.semester h1{color:#fff;margin-bottom:20px;font-size:20px}.semester p{margin-bottom:10px}.semester .grid-container{display:flex;gap:20px}.semester .grid-container .column{background-color:#2a3447;padding:10px;border-radius:8px;text-align:center;transition:transform .3s ease-in-out}.semester .grid-container .column:hover{transform:scale(1.1)}.semester .grid-container .column h3{color:#4caf50;margin-bottom:8px}.semester .grid-container .column p{color:#fff;margin:5px 0}.semester .table-container{width:100%;margin-top:-5px}.semester .table-container .styled-table{width:100%;border-collapse:collapse}.semester .table-container .styled-table th,.semester .table-container .styled-table td{border:1px solid #4caf50;padding:10px;text-align:center;color:#fff}.semester .table-container .styled-table th{background-color:#4caf50}.semester .table-container .styled-table tr:nth-child(2n){background-color:#2a3447}.semester .table-container .styled-table tr:hover{background-color:#374151;transition:background .3s ease-in-out}.semester .view-all{margin-top:10px}.semester .view-all a{color:#4caf50;text-decoration:none;transition:color .3s ease}.semester .view-all a:hover{color:#66bb6a}.Analytics{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense}@media screen and (max-width: 1200px){.Analytics{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px){.Analytics{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.Analytics{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 480px){.Analytics{grid-auto-rows:minmax(120px,auto)}}.Analytics .box{padding:20px;border-radius:10px;border:2px solid #384256}.Analytics .box1{grid-column:span 1;grid-row:span 3;height:320px;width:100%;margin-top:-260px}.Analytics .box11{grid-column:span 1;grid-row:span 3;height:320px;margin-top:-260px}.Analytics .box4{grid-column:span 1;grid-row:span 3;height:320px}.Analytics .box44{grid-column:span 1;grid-row:span 3;height:320px;margin-top:-260px}.Analytics .box3,.Analytics .box6{grid-column:span 1;grid-row:span 3;height:320px;margin-top:-520px}.Analytics .box7{grid-column:span 2;grid-row:span 2}@media screen and (max-width: 768px){.Analytics .box7{display:none}}.container12{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:100%;box-sizing:border-box;background-color:transparent;border-radius:10px;box-shadow:0 4px 8px #0000001a}.container12 h2{font-size:24px;font-weight:700;margin-bottom:15px;text-align:center;color:#f5f5f5}.container12 .selectors{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center;margin-bottom:20px}.container12 .selectors label{font-size:16px;font-weight:700;color:#f5f5f5}.container12 .selectors select{padding:10px;border-radius:5px;border:1px solid #ccc;font-size:14px;cursor:pointer;background-color:#fff;transition:all .3s ease-in-out}.container12 .selectors select:hover{border-color:#007bff}.container12 .selectors select:focus{outline:none;border-color:#0056b3;box-shadow:0 0 5px #005bbb80}.container12 .recharts-responsive-container{width:100%;max-width:900px;height:400px}@media (max-width: 1024px){.container12 .selectors{flex-direction:column;align-items:center}}@media (max-width: 768px){.container12 .recharts-responsive-container{height:300px}}@media (max-width: 480px){.container12 .recharts-responsive-container{height:250px}.container12 select{width:100%;font-size:14px}}.container12{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000001a}.container12 .textarea-input,.container12 .file-input,.container12 .select-input{width:100%;max-width:500px;padding:.75rem;border:2px solid #007bff;border-radius:8px;outline:none;font-size:1rem}.container12 .file-input{background-color:#fff;cursor:pointer}.container12 .model-selector{display:flex;align-items:center;gap:.5rem;width:100%;max-width:500px}.container12 .model-selector label{font-weight:700;color:red}.container12 .model-selector .select-input{flex:1}.container12 .submit-btn,.container12 .download-btn{width:100%;max-width:500px;padding:.75rem;border:none;border-radius:8px;cursor:pointer;background-color:#007bff;color:#fff;font-size:1rem;transition:background .3s ease-in-out}.container12 .submit-btn:hover,.container12 .download-btn:hover{background-color:#0056b3}.container12 h3{margin-top:1rem;color:#007bff}.container12 .recharts-wrapper{width:100%;max-width:700px}@media (max-width: 600px){.container12 .textarea-input,.container12 .file-input,.container12 .select-input,.container12 .submit-btn,.container12 .download-btn{width:100%}.container12 .model-selector{flex-direction:column;align-items:flex-start}}.chart-container .chart-box{width:45%;min-width:350px;height:400px;background:white;box-shadow:0 4px 8px #0000001a;border-radius:8px;padding:15px;transition:transform .3s ease}.chart-container .chart-box:hover{transform:scale(1.03)}.chart-container .chart-box .chart-title{text-align:center;font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#888}@media (max-width: 768px){.chart-container .chart-box{width:90%}}.select-container{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:20px}.select-container select{padding:8px;font-size:1rem;border:1px solid #ccc;border-radius:5px;outline:none;transition:border-color .3s ease}.select-container select:focus{border-color:#007bff}@media (max-width: 768px){.select-container{flex-direction:column;gap:10px}}.chart-box{width:45%;min-width:350px;height:400px;background:white;box-shadow:0 4px 8px #0000001a;border-radius:8px;padding:15px;transition:transform .3s ease}@media (max-width: 768px){.chart-box{width:90%}}.chart-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding:20px;background-color:#f8f9fa}.chart-box{width:55%;min-width:550px;height:400px;background:white;box-shadow:0 4px 8px #0000001a;border-radius:8px;padding:15px;transition:transform .3s ease}.chart-box:hover{transform:scale(1.03)}.chart-title{text-align:center;font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#888}@media (max-width: 868px){.chart-box{width:90%}}.container12{display:flex;flex-direction:column;align-items:center;padding:20px}.model-selector{display:flex;align-items:center;gap:10px;margin-bottom:20px}.model-selector label{font-size:16px;font-weight:700}.model-selector .select-input{padding:8px;font-size:14px;border-radius:5px;border:1px solid #ccc}.show-result-btn{padding:10px 15px;font-size:14px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.show-result-btn:hover{background-color:#0056b3}.show-result-btn:active{background-color:#004494}h3{margin-top:10px;font-size:18px;color:#333}.dataTable .dataGrid{background:white;padding:20px}.dataTable .dataGrid .MuiDataGrid-toolbarContainer{flex-direction:row-reverse}.dataTable .dataGrid img{width:32px;height:32px;border-radius:50%;object-fit:cover}.dataTable .dataGrid .action{display:flex;gap:15px}.dataTable .dataGrid .action img{width:20px;height:20px;cursor:pointer}.users .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.users .info button{padding:5px;cursor:pointer}.add{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#000000b9;display:flex;align-items:center;justify-content:center}.add .modal{padding:50px;border-radius:10px;background-color:#2a3447;position:relative}.add .modal h1{margin-bottom:40px;font-size:24px;color:#ddd}.add .modal .close{position:absolute;top:10px;right:10px;cursor:pointer}.add .modal form{display:flex;flex-wrap:wrap;max-width:500px;justify-content:space-between}.add .modal form .item{width:40%;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.add .modal form .item label{font-size:14px}.add .modal form .item input{padding:10px;background-color:transparent;color:#fff;outline:none;border:1px solid #ddd;border-radius:3px}.add .modal form button{width:100%;padding:10px;cursor:pointer}.products .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.products .info button{padding:5px;cursor:pointer}.navbar{width:100%;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(233,233,233,.1764705882),rgba(233,233,233,0),rgba(233,233,233,.2352941176));box-shadow:0 2px 10px #0000001a}.navbar .logout-btn{background-color:#dc3545;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;transition:background .3s ease-in-out;outline:none}.navbar .logout-btn:hover{background-color:#c82333}.navbar .logout-btn:active{background-color:#a71d2a}.navbar .logo{display:flex;align-items:center;font-weight:700;font-size:18px;color:#fff;gap:10px}.navbar .logo img{width:40px;height:30px}.navbar .icons{display:flex;align-items:center;gap:15px}.navbar .icons .icon{width:24px;height:24px;cursor:pointer;transition:transform .2s ease-in-out;filter:brightness(0) invert(1)}.navbar .icons .icon:hover{transform:scale(1.1)}@media screen and (max-width: 480px){.navbar .icons .icon{display:none}}.navbar .icons .search-container{display:flex;align-items:center;gap:5px}.navbar .icons .search-container .search-input{padding:5px 10px;font-size:14px;border:none;border-radius:5px;outline:none;width:150px;transition:width .3s ease-in-out}.navbar .icons .search-container .search-input:focus{width:200px}.navbar .icons .notification{position:relative;cursor:pointer}.navbar .icons .notification img{width:24px;height:24px}.navbar .icons .notification span{background-color:red;color:#fff;width:18px;height:18px;border-radius:50%;position:absolute;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.navbar .icons .user{display:flex;align-items:center;gap:10px;cursor:pointer}.navbar .icons .user img{width:32px;height:32px;border-radius:50%;object-fit:cover}.navbar .icons .user span{font-size:14px;color:#fff;font-weight:500}.footer{display:flex;align-items:center;justify-content:space-between;padding:30px}.footer span:first-child{font-weight:700}.footer span:last-child{font-size:14px}.menu .item{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.menu .item .title{font-size:12px;font-weight:200;color:#ddd;text-transform:uppercase}@media screen and (max-width: 1024px){.menu .item .title{display:none}}.menu .item .listItem{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px}.menu .item .listItem:hover{background-color:#384256}@media screen and (max-width: 1024px){.menu .item .listItem .listItemTitle{display:none}}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}.main{font-family:Poppins,sans-serif;background-color:#2a3447;color:#fff;background-image:linear-gradient(rgba(0,0,0,.8),rgb(0,0,0)),url(7.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.container{display:flex}.menuContainer{width:250px;padding:5px 20px;border-right:2px solid #384256}@media screen and (max-width: 1024px){.menuContainer{width:max-content}}.contentContainer{padding:5px 20px;width:100%}.single{display:flex}@media screen and (max-width: 1200px){.single{flex-direction:column;gap:50px}}.single .view{flex:1}.single .view .info .topInfo{display:flex;align-items:center;gap:20px}.single .view .info .topInfo img{width:100px;height:100px;border-radius:20px;object-fit:cover}.single .view .info .topInfo h1{font-weight:500}.single .view .info .details{font-size:18px}.single .view .info .details .item{margin:30px 0}.single .view .info .details .item .itemTitle{font-weight:600;margin-right:10px;text-transform:capitalize}.single .view hr{width:90%;height:0;border:.5px solid gray;margin:20px 0}@media screen and (max-width: 768px){.single .view hr{display:none}}.single .view .chart{margin-top:50px;width:80%;height:400px}@media screen and (max-width: 768px){.single .view .chart{display:none}}.single .activities{flex:1}.single .activities h2{margin-bottom:20px}.single .activities ul li{list-style-type:none;position:relative;width:1px;padding-top:50px;background-color:#f45b69}.single .activities ul li:after{content:"";position:absolute;left:50%;bottom:0;width:10px;height:10px;border-radius:50%;background-color:#f45b69;transform:translate(-50%)}.single .activities ul li div{min-width:480px;padding:15px;background-color:#f45b6810}@media screen and (max-width: 768px){.single .activities ul li div{min-width:250px}}.single .activities ul li div p{margin-bottom:5px}.single .activities ul li div time{font-size:12px}