@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";*{border:0;margin:0;box-sizing:border-box;font-family:Poppins;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,color .3s ease;text-decoration:none}button:hover{cursor:pointer}*{scrollbar-width:thin;scrollbar-color:#b1b1b1 #f1f1f1}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}*::-webkit-scrollbar-thumb{background-color:#b1b1b1;border-radius:10px;border:2px solid #f1f1f1}*::-webkit-scrollbar-thumb:hover{background-color:#b1b1b1}.skeleton-light{width:100%;border-radius:8px;background:linear-gradient(90deg,#d3d9de,#f0f2f4,#d3d9de);background-size:200% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;overflow:hidden}.skeleton-dark{width:100%;border-radius:8px;background:linear-gradient(90deg,#2e3338,#454d54,#2e3338);background-size:200% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;overflow:hidden}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.wrapper{display:flex;justify-content:space-between;align-items:stretch;gap:25px;height:450px}.light-mode{background-color:#fff;color:#222}.dark-mode{background-color:#1b2431;color:#fff}.barchart-container{margin-left:250px;display:flex;align-items:flex-start;margin-top:50px;flex-direction:column;padding:10px;gap:20px;border-radius:10px;background-color:#fff;color:#000;margin-bottom:20px;width:55%;box-shadow:0 2px 8px #00000014}.barchart-container h3{font-weight:500;font-size:25px}.no-data-message{padding:1rem;text-align:center;color:#888;font-size:1rem;margin:auto}.dark-mode .no-data-message{color:#ccc}.barchart-container svg:focus,.barchart-container g:focus,.barchart-container rect:focus{outline:none}.dark-mode.barchart-container{background-color:#273142;color:#fff}.dark-mode .barchart-container h3{color:#fff}.dark-mode .recharts-default-tooltip{background-color:#38485f!important;border:none!important;color:#fff!important}.category-container{flex:1;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;box-shadow:0 2px 8px #00000014;border-radius:10px;padding:10px;margin-top:50px;margin-bottom:20px;overflow-y:auto;transition:background-color .3s ease;margin-right:80px;scrollbar-width:thin;scrollbar-color:#888 transparent}.category-container.dark{background-color:#273142}.category-title{font-weight:500;font-size:22px;color:#000;transition:color .3s ease}.category-container.dark .category-title{color:#fff}.individual-category{display:flex;align-items:center;justify-content:space-between;margin-top:10px;background-color:#f9fafb;border-radius:10px;padding:5px 10px 5px 5px;transition:background-color .3s ease,color .3s ease}.individual-category.dark{background-color:#3a4552}.individual-title{padding-left:10px}.individual-title h1{font-size:23px;font-weight:500;color:#000;transition:color .3s ease}.category-container.dark .individual-title h1{color:#fff}.individual-title p{font-size:10px;color:#8f8f8f;transition:color .3s ease}.category-container.dark .individual-title p{color:#c9d1da}.individual-right{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.individual-right-icon{margin-top:8px}.individual-right-icon:hover{cursor:pointer}.individual-right h3{font-size:16px;font-weight:500;color:#000;transition:color .3s ease}.category-container.dark .individual-right h3{color:#fff}.cgpa-container{width:280px;min-height:140px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:20px;border-radius:10px;background-color:#ffffff7c;color:#3629b7;gap:14px;box-shadow:0 2px 8px #00000014;font-size:10px}.cgpa-title{color:#8f8f8f;font-weight:500;font-size:15px}.cgpa-value{font-weight:600;font-size:30px;color:#000}.dark-mode.cgpa-container{background-color:#273142;color:#fff}.dark-mode.cgpa-container .cgpa-title{color:#ccc}.dark-mode.cgpa-container .cgpa-value{color:#fff}.info-tooltip-container{position:relative;display:inline-block}.info-icon{cursor:pointer;transition:fill .3s ease}.info-icon:hover{fill:#2563eb}.tooltip-text{visibility:hidden;width:200px;background-color:#1f2937;color:#fff;text-align:center;border-radius:6px;padding:8px 12px;position:absolute;z-index:1000;bottom:125%;left:50%;margin-left:-100px;font-size:12px;opacity:0;transition:opacity .3s,visibility .3s;font-weight:400}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1f2937 transparent transparent transparent}.info-tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.dark-mode .tooltip-text{background-color:#374151}.dark-mode .tooltip-text:after{border-color:#374151 transparent transparent transparent}.csem-container{width:280px;min-height:140px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:20px;border-radius:10px;background-color:#ffffff7c;color:#3629b7;gap:14px;box-shadow:0 2px 8px #00000014;font-size:10px}.csem-title{color:#8f8f8f;font-weight:500;font-size:15px}.csem-value{font-weight:600;font-size:30px;color:#000}.dark-mode.csem-container{background-color:#273142;color:#fff}.dark-mode.csem-container .csem-title{color:#ccc}.dark-mode.csem-container .csem-value{color:#fff}.total-container{min-width:280px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:20px;border-radius:10px;background-color:#ffffff7c;color:#3629b7;gap:14px;box-shadow:0 2px 8px #00000014;font-size:10px}.total-title{color:#8f8f8f;font-weight:500;font-size:15px}.total-value{font-weight:600;font-size:30px;color:#000}.progress-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.progress-container p{color:#8f8f8f}progress{width:100%;height:12px;appearance:none;border-radius:10px;overflow:hidden;background-color:transparent}progress::-webkit-progress-bar{background-color:#ddd;border-radius:10px}progress::-webkit-progress-value{background-color:#4880ff;border-radius:10px;transition:width .4s ease-in-out}progress::-moz-progress-bar{background-color:#4880ff;border-radius:10px}.dark-mode-total{background-color:#273142;color:#fff}.dark-mode .total-title{color:#ccc}.dark-mode .total-value{color:#fff}.dark-mode .progress-container p{color:#aaa}.dark-mode progress::-webkit-progress-bar{background-color:#444}.dark-mode progress::-webkit-progress-value{background-color:#82b1ff}.dark-mode progress::-moz-progress-bar{background-color:#82b1ff}.tgrad-container{width:280px;min-height:140px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:20px;border-radius:10px;background-color:#ffffff7c;color:#3629b7;gap:14px;box-shadow:0 2px 8px #00000014;font-size:10px}.tgrad-title{color:#8f8f8f;font-weight:500;font-size:15px}.tgrad-value{font-weight:600;font-size:30px;color:#000}.dark-mode.tgrad-container{background-color:#273142;color:#fff}.dark-mode.tgrad-container .tgrad-title{color:#ccc}.dark-mode.tgrad-container .tgrad-value{color:#fff}.information-container{display:flex;justify-content:space-between;gap:20px;margin-top:40px;margin-left:250px;margin-right:80px}.information-container>*{flex:1}.navbar-container{margin-left:250px;padding-top:20px;display:flex;align-items:center;height:60px;margin-right:80px}.navbar-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.navbar-message{margin-top:10px;font-weight:400;color:#000}.navbar-message h1{font-size:33px}.navbar-message span{font-weight:400px;color:#4880ff;font-size:30px}.navbar-message p{color:#8f8f8f;font-size:12px}.title{font-size:26px}.title span{font-weight:300}.navbar-button-group{display:flex;align-items:center;gap:20px}.navbar-upload-button{padding-bottom:4px}.upload-button-icon{margin-right:5px}.navbar-upload-button button{background-color:#4880ff;color:#fff;width:200px;padding:12px 4px;border-radius:10px;font-size:16px}.navbar-upload-button button:hover{background-color:#3b2fc7}.navbar-toggle-button{width:100%;height:100%;background-color:#4880ff;color:#fff;margin-bottom:5px;border-radius:50%;padding:10px;display:flex;align-items:center;justify-content:center}.navbar-toggle-button:hover{cursor:pointer}.navbar-toggle-button svg{color:#fff}.toggle-icon{width:24px;height:24px;color:#fff}.custom-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:32px;outline:none;font-family:Inter,sans-serif;box-shadow:0 6px 20px #0000001a}.custom-modal.wide-modal{width:900px;max-width:98vw}.custom-modal.narrow-modal{width:500px;max-width:98vw}@media (max-width: 600px){.custom-modal.wide-modal,.custom-modal.narrow-modal,.custom-modal{width:98vw!important;padding:10px}}.important-info{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:20px;border-radius:16px;width:100%}.important-info>div:first-child{flex:1}.video{flex:1;display:flex;align-items:center;justify-content:center}.video video{width:100%;height:auto;max-width:100%;border-radius:12px;object-fit:contain}.font-warning{display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#dc2626}.important-header{font-size:24px;font-weight:700;color:#111827;text-align:center;margin:0 0 8px;letter-spacing:-.025em}.important-caption{text-align:center;color:#6b7280;font-size:16px;margin-bottom:24px;line-height:1.5}.important-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:20px;margin-bottom:24px;position:relative;overflow:hidden;width:100%}.important-message:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#dc2626,#ef4444)}.important-message p{color:#000;font-size:15px;line-height:1.6;margin:0;font-weight:500;text-align:justify;text-align-last:center}.checkbox-input{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease;width:100%}.checkbox-input:hover{background:#f3f4f6;border-color:#d1d5db}.checkbox-input input[type=checkbox]{width:18px;height:18px;accent-color:#16a34a;cursor:pointer}.checkbox-input label{color:#4b5563;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.proceed-buttons{display:flex;gap:12px;justify-content:space-between;width:100%}.btn{padding:12px 24px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px;text-align:center}.btn.cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.btn.cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn.proceed{background-color:#16a34a;color:#fff}.btn.proceed:hover{background:linear-gradient(135deg,#15803d,#166534)}.btn:active{transform:translateY(0)}.upload-form-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.upload-form-wrapper h2{font-size:20px;font-weight:600;margin-bottom:6px}.upload-form-wrapper p{color:#6b7280;margin-bottom:24px}.upload-form{width:100%}.upload-form .form-group{display:flex;flex-direction:column;margin-bottom:20px;position:relative}.upload-form label{font-size:14px;font-weight:500;margin-bottom:6px}.upload-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.upload-form select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background-color:#f9fafb;outline:none;cursor:pointer}.upload-label{display:block;text-align:center;padding:12px;background-color:#3b82f6;color:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.upload-label:hover{background-color:#2563eb}.upload-label.has-pdf{background-color:#16a34a}.form-actions{display:flex;flex-direction:row-reverse;justify-content:space-between;margin-top:20px}.btn.submit{background:#3b82f6;color:#fff}.btn.submit:hover{background:#2563eb}.custom-modal.dark{background-color:#1e1e2f;color:#f3f4f6;box-shadow:0 6px 20px #00000080}.custom-modal.dark h2,.custom-modal.dark .upload-form label{color:#fff}.custom-modal.dark select,.custom-modal.dark textarea{background-color:#2c2c3e;border:1px solid #4b5563;color:#f9fafb}.custom-modal.dark .upload-label{background-color:#2563eb;color:#f9fafb}.custom-modal.dark .upload-label:hover{background-color:#1e40af}.custom-modal.dark .upload-label.has-pdf{background-color:#16a34a}.custom-modal.dark .btn.cancel{background:transparent;color:#cbd5e1;border:1px solid #4b5563}.custom-modal.dark .btn.cancel:hover{background-color:#dc3545}.custom-modal.dark .btn.submit{background-color:#3b82f6}.custom-modal.dark .btn.submit:hover{background-color:#1e40af}@media (max-width: 768px){.important-info{flex-direction:column}.custom-modal.wide-modal,.custom-modal.narrow-modal{width:98vw}}.sidebar-container{position:fixed;top:0;left:0;height:100vh;width:220px;padding:20px 20px 20px 0;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff}.dark-mode.sidebar-container{background-color:#273142}.sidebar-title{padding-left:25px}.sidebar-title h1{font-size:36px;color:#000;font-weight:700;letter-spacing:-1px;margin:0}.dark-mode .sidebar-title h1{color:#fff}.siebar-title-span{color:#4880ff}.sidebar-menu-wrap{display:flex;flex-direction:column;gap:30px}.sidebar-menu{display:flex;flex-direction:column;gap:5px;padding-left:10px}.sidebar-menu div{display:flex;align-items:center;gap:15px;padding:12px 20px;border-radius:8px;color:#000;font-weight:500;font-size:15px;cursor:pointer;transition:.5s all ease}.sidebarDash{text-decoration:none}.sidebarDash:hover{border:1px solid #2b6aff}.sidebarprofile:hover{border:.5px solid #2b6aff}.dark-mode .sidebar-menu div{color:#fff}.logout-button-light{width:85%;font-size:16px;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;transition:background-color .3s ease,color .3s ease;background-color:#fff;color:#000;margin-left:18px;transition:.5s all ease-in-out}.logout-button-light:hover{background-color:#000;color:#fff;gap:20px}.logout-button-dark{width:85%;font-size:16px;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;transition:background-color .3s ease,color .3s ease;background-color:#273142;color:#fff;margin-left:18px;transition:.5s all ease-in-out}.logout-button-dark:hover{background-color:#fff;color:#000;gap:20px}.sidebar-menu div.active{background-color:#4880ff;color:#fff}.sidebar-menu div{transition:background-color .3s ease,transform .3s ease}.sidebar-menu div:hover{transform:scale(1.05)}.footer-container{margin:20px 8% 20px 250px;text-align:center}.contact-us{cursor:pointer;color:#4880ff;text-decoration:none;transition:text-decoration-color .3s ease;text-decoration-color:transparent}.contact-us:hover{text-decoration:underline;text-decoration-color:#4880ff}.userheader-container{margin-left:250px;display:flex;align-items:center;justify-content:flex-start;margin-top:35px;gap:30px;margin-bottom:30px}.back-icon:hover{cursor:pointer}.userdetails-container{margin:40px 25%;width:800px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #00000014;border-radius:14px;padding:32px;background:#fff}.userdetails-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:18px}.userdetails-body{display:flex;flex-direction:column;width:100%;gap:20px}.first-row,.second-row,.third-row{display:flex;flex-direction:row;gap:80px;width:100%;justify-content:space-between}.first-row>div,.second-row>div{flex:1;display:flex;flex-direction:column;gap:7px}.third-row div{margin-left:auto;margin-right:auto;width:50%;display:flex;flex-direction:column;gap:7px}.userdetails-input{width:100%;height:40px;border-radius:8px;background-color:#e9eaee;color:#000;padding:0 13px;font-size:15px;border:none}.userdetails-buttons{display:flex;justify-content:center;width:100%;gap:16px;margin-top:35px}.userdetails-buttons button{padding:10px 34px;border-radius:7px;font-size:15px;cursor:pointer;font-weight:500}.user-cancel{background-color:#fff;color:#4880ff;border:1px solid #4880FF}.user-save{background-color:#4880ff;color:#fff;border:none}label{color:#616161;font-size:13px;font-weight:500}.pencil-icon:hover{color:#4880ff;cursor:pointer}.userdetails-container.dark{background:#273142;color:#f3f4f6}.userdetails-container.dark label{color:#d1d5db}.userdetails-container.dark .userdetails-header{color:#f9fafb}.userdetails-container.dark .userdetails-input{background-color:#323f4b;color:#f9fafb;border:none}.userdetails-container.dark .userdetails-buttons button.user-cancel{background-color:transparent;color:#93c5fd;border:1px solid #3b82f6}.userdetails-container.dark .userdetails-buttons button.user-cancel:hover{background-color:#1e293b}.userdetails-container.dark .userdetails-buttons button.user-save{background-color:#3b82f6;color:#fff}.userdetails-container.dark .userdetails-buttons button.user-save:hover{background-color:#2563eb}.userdetails-container.dark .pencil-icon{color:#f3f4f6}.semdetails-list{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#f9fafb;border:1px solid rgb(189,188,188);padding:10px 20px;border-radius:10px;margin-bottom:20px}.semester-list-title{font-weight:500}.semdetails-list-right{display:flex;flex-direction:column;align-items:flex-start}.semdetails-list-right p{font-size:12px}.trash-icon{color:#f71414}.trash-icon:hover{cursor:pointer}.semdetails-list.dark{background-color:#2f3b49;border:1px solid #4b5563;color:#f3f4f6}.semdetails-list.dark .semester-list-title{color:#f3f4f6}.semdetails-list.dark .semdetails-list-right p{color:#d1d5db}.semdetails-list.dark .trash-icon{color:#f44}.semdetails-list.dark .trash-icon:hover{color:#ef4444;cursor:pointer}.confirm-toast{display:flex;flex-direction:column;gap:15px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;border-left:4px solid #ef4444;border-right:4px solid #ef4444;min-width:450px;max-width:600px;width:100%}.confirm-toast-header{display:flex;flex-direction:column;gap:8px}.confirm-toast-title{font-weight:600;font-size:16px;color:#1f2937;margin:0}.confirm-toast-message{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.confirm-toast-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:5px}.confirm-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px}.confirm-btn-delete{background-color:#ef4444;color:#fff}.confirm-btn-delete:hover{background-color:#dc2626;transform:translateY(-1px)}.confirm-btn-cancel{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.confirm-btn-cancel:hover{background-color:#e5e7eb;transform:translateY(-1px)}.confirm-toast.dark{background-color:#374151;border-left-color:#f44}.confirm-toast.dark .confirm-toast-title{color:#f9fafb}.confirm-toast.dark .confirm-toast-message{color:#d1d5db}.confirm-toast.dark .confirm-btn-cancel{background-color:#4b5563;color:#f9fafb;border-color:#6b7280}.confirm-toast.dark .confirm-btn-cancel:hover{background-color:#6b7280}.loginleft-container{width:50%;display:flex;align-items:center;justify-content:center;padding:40px 20px;flex-direction:column;background-color:#fff}.loginleft-title{display:flex;flex-direction:column;align-items:center}.loginleft-title h1{font-size:34px;font-weight:600;color:#4880ff;margin-bottom:10px}.loginleft-title-span{color:#000}.loginleft-title h3{font-size:24px;color:#000}.loginleft-title p{font-size:14px;color:#504f4f}.loginleft-image img{width:100%;height:auto;max-width:650px;max-height:350px}.loginleft-footer{text-align:center}.loginleft-footer p{font-size:16px;color:#504f4f;color:#000}.loginleft-footer h3{color:#000}.loginright-container{background-color:#4880ff;width:50%;height:100vh;padding:40px 20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-card{background-color:#fff;color:#000;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:40px 30px;border-radius:20px}.login-header{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:40px;text-align:center}.login-header p{color:#504f4f;font-size:14px}.login-inputs{display:flex;flex-direction:column;align-items:flex-start;gap:30px}.login-inputs div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.login-inputs input,textarea{width:450px;border-radius:10px;padding:12px 10px;border:1px solid #cccaca;color:#504f4f;font-size:16px;background-color:#d8dbdd8a}.login-inputs input:focus{outline:none}.login-inputs label{font-size:16px;font-weight:500;color:#504f4f}.footer{display:flex;align-items:center;flex-direction:column;margin-top:60px;gap:20px}.login-button button{padding:14px 130px;font-size:16px;background-color:#4880ff;color:#fff;border-radius:20px}.login-button button:hover{background-color:#3254a4}.footer p{color:#504f4f}.link{color:#4880ff}.signupright-container{background-color:#4880ff;width:50%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.signup-card{background-color:#fff;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4vh 3vw;border-radius:22px;box-shadow:0 4px 24px #608fff14;width:100%;max-width:570px;height:auto;overflow:hidden}.signup-header{display:flex;flex-direction:column;align-items:center;margin-bottom:10px;text-align:center}.signup-header h2{font-size:1.5rem;font-weight:600}.signup-inputs{width:100%;display:flex;flex-direction:column;gap:16px}.signup-inputs .reg-no,.signup-inputs .password{width:100%;display:flex;flex-direction:column;gap:6px}.signup-inputs input,.signup-inputs select{width:100%;border-radius:12px;padding:12px 40px 12px 12px;border:1px solid #e0e6ed;background:#f6f8fa;font-size:15px;color:#3a3a3a}.signup-inputs input:focus{outline:none}.signup-inputs label{font-size:14.5px;font-weight:500;color:#393e46}.reg-wrapper{display:flex;gap:12px;width:100%}.reg-wrapper .reg-no{flex:1}.password-wrapper{display:flex;align-items:center;position:relative;width:100%}.eye-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#888;font-size:18px}.eye-icon:hover{color:#333}.footer-signup{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:10px}.signup-button{width:100%}.signup-button button{width:100%;padding:12px 0;font-size:1rem;background-color:#4880ff;color:#fff;border-radius:22px;border:none;font-weight:600;transition:background .18s}.signup-button button:hover{background-color:#3254a4}.footer-signup p{margin:0;color:#797979;font-size:1rem}.link{color:#4880ff;text-decoration:underline;font-weight:500}.link:hover{color:#3254a4}@media (max-width: 700px){.signupright-container{width:100vw;min-width:100vw;padding:0}.signup-card{width:98vw;border-radius:0;height:100vh;padding:3vh 6vw}}.single-category-container{min-height:100vh;background-color:#f8fafc;transition:background-color .3s ease}.single-category-container .stat-number{font-size:56px;font-weight:500;color:#1f2937;margin:0;line-height:1;font-family:Poppins,sans-serif}.single-category-container.dark{background-color:#1b2431}.single-category-content{margin-left:250px;margin-right:80px;padding:20px 0;background-color:#f8fafc;transition:all .3s ease;width:calc(100% - 330px)}.single-category-content.dark{background-color:#1b2431;color:#fff}.category-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;margin-top:20px}.back-link{color:#fff;text-decoration:none;font-size:18px;transition:color .2s ease;padding:8px;border-radius:6px}.back-link-light{color:#000;text-decoration:none;font-size:18px;transition:color .2s ease;padding:8px;border-radius:6px}.back-link-light:hover{color:#030303;background-color:#d0d0d0}.back-link:hover{color:#fff;background-color:#374151}.single-category-content.dark .back-link{color:#d1d5db}.single-category-content.dark .back-link:hover{color:#fff;background-color:#374151}.category-title{font-size:28px;font-weight:600;color:#1f2937;margin:0;font-family:Poppins,sans-serif}.single-category-content.dark .category-title{color:#fff}.stats-container{display:flex;gap:20px;margin-bottom:40px;width:100%}.stat-card{background:#fff;border-radius:12px;padding:30px;flex:1;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;text-align:left;min-height:180px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.single-category-content.dark .stat-card{background:#273142}.stat-content{display:flex;flex-direction:column;flex:1}.stat-icon{width:70px;height:70px;object-fit:contain;opacity:.8;transition:opacity .3s ease;align-self:flex-start}.stat-card:hover .stat-icon{opacity:1}.stat-card h3{font-size:16px;font-weight:500;color:#4b5563;margin:0 0 12px;font-family:Poppins,sans-serif}.single-category-content.dark .stat-card h3{color:#9ca3af}.stat-number{font-size:48px;font-weight:500;color:#1f2937;margin:0;line-height:1;font-family:Poppins,sans-serif}.single-category-content.dark .stat-number{color:#fff}.table-container{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.single-category-content.dark .table-container{background:#273142}.courses-table{width:100%;border-collapse:collapse;font-family:Poppins,sans-serif}.courses-table thead{background-color:#f8fafc}.single-category-content.dark .courses-table thead{background-color:#374151}.courses-table th{padding:20px 24px;text-align:center;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.single-category-content.dark .courses-table th{color:#d1d5db;border-bottom-color:#4b5563}.courses-table td{padding:20px 24px;text-align:center;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6;font-weight:400}.single-category-content.dark .courses-table td{color:#d1d5db;border-bottom-color:#374151}.courses-table tbody tr:hover{background-color:#f9fafb}.single-category-content.dark .courses-table tbody tr:hover{background-color:#374151}.courses-table tbody tr:last-child td{border-bottom:none}.courses-table td:nth-child(4){font-weight:600;color:#059669}.single-category-content.dark .courses-table td:nth-child(4){color:#10b981}.sem-number{font-family:monospace}.no-courses{text-align:center;padding:60px 20px;color:#6b7280}.no-courses p{font-size:16px;margin:0;font-family:Poppins,sans-serif}.single-category-content.dark .no-courses{color:#9ca3af}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:#6b7280;font-family:Poppins,sans-serif}.single-category-content.dark .loading-spinner{color:#d1d5db}@media (max-width: 1024px){.single-category-content{margin-left:0;margin-right:20px;padding:20px}.stats-container{flex-direction:column;gap:20px}.stat-card{min-width:unset}}@media (max-width: 768px){.category-header{flex-direction:column;align-items:flex-start;gap:16px}.category-title{font-size:24px}.single-category-content{margin-right:10px;padding:16px}.table-container{overflow-x:auto}.courses-table{min-width:600px}.courses-table th,.courses-table td{padding:12px 16px}}@media (max-width: 480px){.category-title{font-size:20px}.stat-number{font-size:36px}.courses-table th,.courses-table td{padding:8px 12px;font-size:12px}.single-category-content{margin-right:5px}}.back-button{display:flex;align-items:center;color:#fff}.back-button:hover{color:#7a7979}.back-button p{font-size:18px;margin-left:8px}.link-back:hover{color:#4880ff}