body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.profile-image{border-radius:50%;height:40px;object-fit:cover;width:40px}.MuiDialogTitle-root{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:10px}.MuiDialogContent-root{display:flex;flex-direction:column;gap:12px}.MuiTypography-root{font-size:.9rem}.MuiDialogActions-root{display:flex;justify-content:space-between;padding:20px}.MuiButton-root{text-transform:none}@media (max-width:600px){.MuiDialogContent-root{gap:10px}.MuiTypography-root{font-size:.8rem}.MuiDialogTitle-root{font-size:1.1rem}}.circle-mask{border:1px solid #fff;border-radius:50%;height:132px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:132px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-header-left{align-items:center;display:flex;gap:8px}.dashboard-title{color:#000;font-size:24px;font-weight:600;line-height:1.2;margin:0}.back-icon{margin-top:2px}.dashboard-search-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.search-bar{align-items:center;border:1px solid #cccc!important;border-radius:12px!important;box-shadow:none;display:flex;max-width:700px;padding:10px 18px;width:100%}.search-icon{height:18px;margin-right:14px;width:18px}.search-input{font-size:12px;font-weight:500}.filter-icon{height:34px;width:34px}.dashboard-cards{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.info-card{align-items:flex-start;border-radius:20px!important;color:#fff!important;display:flex;flex:1 1 300px;flex-direction:column;font-weight:600!important;height:166px;justify-content:flex-start;overflow:hidden;padding:10px 0 0 20px!important;position:relative}.info-title{font-size:24px!important}.info-value{font-size:48px!important;font-weight:700!important}.info-img{bottom:0;height:68px;position:absolute;right:10px;transform:translateY(20%)}.dashboard-charts{display:flex;flex-wrap:wrap;gap:5%;justify-content:flex-start}.white-container{background-color:#fff!important;border-radius:16px!important;box-shadow:0 2px 10px #0000001a!important;margin-left:15px!important;padding:2rem!important}.chart-card{border:1px solid #cccc;border-radius:12px;box-shadow:0 4px 20px #0003;flex:1 1 300px;max-width:100%;padding:15px}.chart-title-dashboard{font-size:26px!important;font-weight:600!important;margin-bottom:28px;text-align:left!important}.pie-container{align-items:center;display:flex;flex-direction:column;position:relative}.pie-center-value{color:#000;font-size:20px;font-weight:600!important;left:50%;position:absolute;text-align:center;top:43%;transform:translate(-50%,-50%)}.pie-labels{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:20px;width:100%}.pie-label-item{align-items:center;display:flex}.pie-color-box{border-radius:10px;height:10px;margin-right:7px;width:28px}.bar-header{margin-top:20px}.chart-subtitle{color:gray;font-size:18px;margin-bottom:4px}.bar-title-container{align-items:center!important;display:flex;justify-content:space-between;margin-bottom:16px}.bar-title{color:#000;font-size:22px;font-weight:700;text-align:center!important}.bar-filter{background-color:#f8f8ff!important;border-radius:20px!important;font-size:14px!important}@media (max-width:768px){.dashboard-charts{flex-direction:column;gap:24px}.info-card{flex-shrink:0!important;min-width:250px!important;scroll-snap-align:start!important}.dashboard-cards{-webkit-overflow-scrolling:touch!important;display:flex;display:flex!important;flex-direction:row;flex-direction:row!important;flex-wrap:wrap;gap:16px;gap:16px!important;justify-content:space-between;margin-bottom:32px;overflow-x:auto!important;padding-bottom:10px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}.dashboard-cards::-webkit-scrollbar{display:none!important}#gradiantboxtitle{font-size:20px!important;font-weight:600!important}#gradiantboxsubtitle{font-size:40px!important;font-weight:600!important}.dashboard-container{height:160vh!important}.pie-center-value{color:#000;font-size:20px;font-weight:600!important;left:50%;position:absolute;text-align:center;top:40%;transform:translate(-50%,-50%)}.pie-labels{justify-content:center}}.exam-card{background:#fff;border-radius:20px;box-shadow:0 4px 10px #00000014;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:400px;padding:24px;text-align:center}.card-title{color:#1e1e2f;font-size:18px;font-weight:700;margin-bottom:16px!important}.bar-container{background-color:#ffe4e6;border-radius:10px;height:50px;margin:50px 20px 10px;overflow:hidden;position:relative}.fail-bar,.pass-bar{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:600;height:100%;justify-content:center;position:absolute}.fail-bar{background-color:#ff718b;left:0}.pass-bar{background-color:#7fe47e}.result-stats{display:flex;justify-content:space-around}.result-box{flex-direction:column;margin:30px}.icon,.result-box{align-items:center;display:flex}.icon{border-radius:50%;color:#fff;height:32px;justify-content:center;width:32px}.icon.red{background-color:#f87171}.icon.green{background-color:#4ade80}.label{color:#666;font-size:14px;margin-top:6px}.count{color:#1e1e2f;font-size:16px;font-weight:700}.horizontal-box{align-items:center;display:flex;gap:8px}.icon-img{height:24px;width:24px}@media (max-width:425px){.white-container{background-color:#fff!important;border-radius:16px!important;box-shadow:0 2px 10px #0000001a!important;margin-left:15px!important;padding:2rem!important}.pie-center-value{color:#000;font-size:20px;font-weight:600!important;left:50%;position:absolute;text-align:center;top:32%;transform:translate(-50%,-50%)}}@media (max-width:412px){.white-container{background-color:#fff!important;border-radius:16px!important;box-shadow:0 2px 10px #0000001a!important;margin-left:15px!important;padding:2rem!important}.pie-center-value{color:#000;font-size:20px;font-weight:600!important;left:50%;position:absolute;text-align:center;top:40%;transform:translate(-50%,-50%)}}@media (max-width:375px){.white-container{border-radius:16px!important;box-shadow:0 2px 10px #0000001a!important;margin-left:15px!important;padding:1%!important}}@media (max-width:360px){.white-container{border-radius:16px!important;box-shadow:0 2px 10px #0000001a!important;margin-left:15px!important;padding:1%!important}}.form-header{margin-top:-25px}.header_text1{font-size:24px!important;font-weight:600!important;margin-left:5px!important;text-align:left!important}@media (min-width:600px){.header_text{margin-left:5px!important}}@media (min-width:900px){.header_text{margin-left:5px!important}}.input-lable{display:flex;flex-direction:row}.input-lable,.input_lable_text{align-items:start!important;text-align:left!important}.css-w76bbz-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{border-radius:50px!important;padding:10px 15px!important}.input-fields-section .css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input{padding:10px 15px!important}.input-field-instructions{overflow-y:auto!important}.input-fieldd-instructions{min-height:350px!important}.input_field_placeholder{color:#a6a6a6!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px}.input_field_menuItems{color:#000;font-size:20px!important;font-style:normal;font-weight:600!important;line-height:24px}.file-upload-container{min-height:100px}.input-fields-section .MuiInputBase-input::placeholder{font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px}.file_upload_text{color:#000;font-family:Inter;font-size:16px!important;font-style:normal;font-weight:500!important;line-height:170%}.upload-preview-uploaded{align-items:center;background-color:#fff;border-radius:16px;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;margin-top:16px;width:100%}.file-icon-uploaded{align-items:center;background-color:#fe7373;border-radius:8px;display:flex;justify-content:center;padding:8px}.cancel_exam_button{background:#aeaeae!important;border-radius:10px!important;box-shadow:none!important;color:#fff!important;font-size:20px!important;font-weight:600!important;line-height:170%;padding:5px 15px!important;text-align:center;text-transform:none}.add_exam_button{color:#fff}.cancel-button{background:#fff!important;border:1px solid gray!important;border-radius:10px!important;color:#000!important;font-size:20px!important;line-height:170%;padding:5px 15px!important;text-align:center;text-transform:none}.cancel-button:hover{background:#c4c4c4!important;color:#fff!important}.cancel-button1{background:#aeaeae!important;border-radius:10px!important;box-shadow:none!important;color:#fff!important;font-size:20px!important;font-weight:600!important;line-height:170%;padding:5px 35px!important;text-align:center;text-transform:none}.cancel-button1:hover{background:#c4c4c4!important;color:#fff!important}.add_exam_button1{background:#5f9fd5!important;border-radius:10px!important;box-shadow:none!important;color:#fff;font-size:20px!important;font-weight:600!important;line-height:170%;padding:5px 35px!important;text-align:center;text-transform:none}.cancell-button{border:1px solid #aeaeae!important;border-radius:10px!important}.link_text{color:#000;cursor:pointer}.phonenumber_input{display:flex;gap:10px}.phonenumber_input_countycode{align-items:center;border:1px solid #ccc;border-radius:8px;display:flex;padding:10px 12px!important}.phonenumber_input_countycode img{height:14px;margin-right:10px;width:20px}.toggle_switch_container{align-items:center;background-color:#fff;border-radius:1px;box-shadow:1;display:flex;gap:10px;max-width:"fit-content";padding:2px}.status-toggle-section{margin-left:13px}.user_state_text{color:#000;font-size:20px!important;font-style:normal;font-weight:500!important;line-height:24px!important}.accordion-component{margin-bottom:20px!important}.notes-scrollable{border:1px solid #e0e0e0;border-radius:4px;max-height:200px;overflow-y:auto;padding:8px 12px}.truncate-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.5em;max-height:4.5em;overflow:hidden;text-overflow:ellipsis}.expandable-text{color:#1976d2;cursor:pointer}.expandable-text:hover{text-decoration:underline}.file-preview-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:12px;padding:12px;position:relative}.file-preview-content{align-items:center;display:flex;gap:8px;padding-right:24px}.file-type-icon{align-items:center;background-color:#6495ed;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.file-info{flex:1 1;min-width:0}.file-name{color:#333;font-size:14px}.file-size{color:#666;font-size:12px}.close-preview-button{align-items:center;background-color:#0000001a;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:4px;top:4px;transition:background-color .2s;width:20px}.close-preview-button:hover{background-color:#0003}.close-preview-button svg{color:#666;font-size:14px}@media screen and (min-width:768px) and (max-width:1024px){.white-container{margin:0 auto!important;width:95%!important}.input-fields-section{flex-direction:column;gap:8px}.input-lable,.input_field_containter{width:100%}.input_lable_text{font-size:17px!important}.input_field_containter .MuiBox-root{flex-direction:row!important;flex-wrap:wrap!important}.input_field_containter .MuiBox-root>div{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1}}@media screen and (max-width:1024px){.white-container{margin:0 auto!important;padding:10px!important;width:100%!important}.form_main{border-radius:12px!important}.form_main,.input-container{padding:15px!important}.input-fields-section{flex-direction:column;gap:8px;margin-bottom:15px}.input-lable,.input_field_containter{flex:none;width:100%}.input_lable_text{font-size:16px!important;line-height:20px!important}.header_text{font-size:20px!important}.button_container{align-items:stretch;flex-direction:column;gap:10px}.button_container button{font-size:16px!important;margin:0!important;padding:10px!important;width:100%}.input_field_containter .MuiBox-root{padding:12px!important}.table-container+div{flex-direction:column!important;gap:16px!important;padding:16px!important}.table-container+div>*{justify-content:center!important;text-align:center!important;width:100%!important}.pagination-controls{justify-content:center!important;margin-top:8px!important}}@media screen and (max-width:768px){.form_main{padding:12px!important}.form-header{gap:12px;margin-top:-15px}.form-header img{height:24px;width:24px}.input-container{margin-top:20px;padding:0}.button_container{justify-content:center!important;margin-top:40px!important;width:150px!important}.add_exam_button{font-size:16px!important;padding:5px!important}.cancel-button{font-size:16px!important;padding:5px 15px!important}.cancell-button{font-size:16px!important;padding:5px!important}.file-upload-container,.input-field{max-width:none}.file_upload_text{font-size:13px!important;text-align:center}.input_field_placeholder{font-size:16px}.input-fields-section{align-items:start;flex-direction:column}.input-lable{text-align:center!important;width:100%}.input_lable_text{font-size:16px!important;line-height:19px;text-align:center!important}.input_field_containter{margin-top:10px;width:100%}.input_field_containter .MuiBox-root{flex-direction:column!important;gap:10px!important}.MuiInputAdornment-root{display:none!important}[class*=input_field_containter]>.MuiBox-root{min-height:60px!important}.table-container+div{padding:12px 16px!important}.pagination-controls .page-number{display:none}.pagination-controls .page-number.active-page,.pagination-controls .page-number:first-child,.pagination-controls .page-number:last-child,.pagination-controls .page-number:nth-child(2),.pagination-controls .page-number:nth-last-child(2),.pagination-controls .page-number:nth-last-child(3){display:inline-block!important}.pagination-controls span.page-number[style*="padding: 8px 4px"]{padding:8px 2px!important}.pagination-controls .MuiIconButton-root{padding:6px!important}}@media screen and (max-width:480px){.form_main{border-radius:8px!important}.form_main,.input-container{padding:10px!important}.button_container{align-items:center!important;justify-content:center!important;margin-left:60px!important;margin-top:40px!important;width:150px!important}.add_exam_button{font-size:16px!important;padding:5px!important}.cancel-button{font-size:16px!important;padding:5px 15px!important}.cancell-button{font-size:16px!important;padding:5px!important}.input_lable_text{font-size:16px!important;line-height:19px;text-align:center!important}.input-field .MuiInputBase-root{font-size:14px!important}.input_field_containter .MuiTypography-root{font-size:13px!important}.status-toggle-section{justify-content:center!important;margin-left:0!important}.table-container+div .MuiTypography-body2{font-size:14px!important}.pagination-controls{gap:8px!important}.page-number{align-items:center!important;display:flex!important;font-size:14px!important;height:28px!important;justify-content:center!important;min-width:28px!important;padding:4px 8px!important}.pagination-controls .page-number:nth-last-child(3){display:none!important}}@media screen and (min-width:400px) and (max-width:700px){.input-fields-section{align-items:center!important;flex-direction:column!important}.input-lable{align-items:center!important;display:flex;justify-content:center!important;width:100%}.input_lable_text{font-size:16px!important;line-height:19px!important;text-align:center!important;width:100%}}.upload-progress-container{border:1px;border-radius:4px;margin-top:12px;padding:12px}.upload-file-info{align-items:center;display:flex;gap:12px;margin-bottom:8px}.file-icon-container{align-items:center;display:flex;flex-direction:column;min-width:40px}.file-icon-container svg{font-size:24px}.file-details{flex-grow:1;min-width:0}.file-name{font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#757575}.cancel-upload-button{margin-left:auto;white-space:nowrap}.upload-progress-bar{border-radius:3px;height:6px}.file-icon-container.pdf{color:#f44336}.file-icon-container.word{color:#2b579a}.file-icon-container.image{color:#4caf50}.file-icon-container.generic{color:#757575}.student-form-button{min-width:140px!important}.cancel-stu-button{background:#aeaeae!important;border:none!important;color:#fff!important}.exam_info{display:flex;justify-content:end;width:100%}.exam-info-text{color:#acacac;font-size:15px!important;font-style:normal!important;font-weight:600!important;line-height:18px!important}@media screen and (width:344px) and (height:882px){.white-container{padding:2rem}}.gradient-box{border-Radius:12px!important;align-Items:center!important;justify-Content:center!important;font-Weight:600!important;font-Size:18px!important;flex-Direction:column!important;align-Items:flex-start!important;justify-Content:flex-start!important;padding-Top:10px!important;padding-Left:20px!important;color:#fff!important;display:flex!important;flex:1 1!important;height:176px!important;overflow:hidden!important;position:relative!important}.box-image{bottom:0!important;height:68px;position:absolute;right:10px!important;transform:translateY(20%);width:50%!important}.custom-input-selecter{background-color:#f8f8ff;border-radius:20px;font-size:14px}.custom-input-selecter .MuiOutlinedInput-notchedOutline{border:1px solid #ccc;border-radius:20px}.custom-input-selecter:hover .MuiOutlinedInput-notchedOutline{border-color:#888}.custom-input-selecter.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#5e35b1}.pie-container *{outline:none}@media (max-width:768px){.gradient-box{margin-bottom:16px;width:100%!important}.dashboard-charts{flex-direction:column!important;gap:20px!important}.dashboard-charts>div{width:100%!important}.dashboard-header,.search-bar{align-items:flex-start!important;flex-direction:column!important;gap:10px}.search-bar,.search-bar form{width:100%}.gradient-box .MuiTypography-root,.gradient-box h2{font-size:20px!important}.custom-input-selecter{width:50%}.dashboard-box-containcharts{flex-direction:column!important;gap:20px!important}.total-result-box{margin-top:100px!important;width:100%!important}.gradient-scroll-container{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:none}.gradient-scroll-container::-webkit-scrollbar{display:none}.gradient-box{flex-shrink:0;min-width:20px;scroll-snap-align:start}#gradiantboxtitle{font-size:32px!important}#gradiantboxsubtitle{font-size:27px!important}}@media (max-width:1200px){.gradient-box{margin-bottom:16px;width:100%!important}.dashboard-charts{flex-direction:column!important;gap:20px!important}.dashboard-charts>div{width:100%!important}.dashboard-header,.search-bar{align-items:flex-start!important;flex-direction:column!important;gap:10px}.search-bar,.search-bar form{width:100%}.gradient-box .MuiTypography-root,.gradient-box h2{font-size:20px!important}.custom-input-selecter{width:20%}.dashboard-box-containcharts{flex-direction:column!important;gap:20px!important}.total-result-box{margin-top:100px!important;width:100%!important}.gradient-scroll-container{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:none}.gradient-scroll-container::-webkit-scrollbar{display:none}.gradient-box{flex-shrink:0;min-width:250px;scroll-snap-align:start}#gradiantboxtitle{font-size:32px!important}#gradiantboxsubtitle{font-size:27px!important}}@media screen and (max-width:480px){.gradient-box{gap:0;min-width:74vw}}@media screen and (max-width:375px){.gradient-scroll-container{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:10px;max-width:30rem;overflow-x:auto;padding:2rem;scroll-snap-type:x mandatory;scrollbar-width:none}.gradient-scroll-container::-webkit-scrollbar{display:none}.gradient-box{align-items:center;flex-shrink:0;min-width:300px;padding:2rem}.dashboard-charts{padding:.5rem}}@media screen and (max-width:344px){.gradient-scroll-container{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:10px;max-width:25rem;overflow-x:auto;padding:2rem;scroll-snap-type:x mandatory;scrollbar-width:none}.gradient-scroll-container::-webkit-scrollbar{display:none}.gradient-box{align-items:center;flex-shrink:0;min-width:250px;padding:2rem}.dashboard-charts{padding:.5rem}}@media screen and (max-width:360px){.gradient-scroll-container{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:10px;margin:.5rem;max-width:30rem;overflow-x:auto;padding:2rem;scroll-snap-type:x mandatory;scrollbar-width:none;z-index:1}.gradient-scroll-container::-webkit-scrollbar{display:none}.gradient-box{align-items:center;flex-shrink:0;min-width:290px;padding:3rem;z-index:0}.dashboard-charts{padding:.5rem}}.login-main-box{padding:40px!important}.custom-textfield{margin-top:40px!important}.custom-textfield .MuiOutlinedInput-root fieldset{border-color:#424242!important;border-radius:10px!important;border-width:2px!important}.custom-textfield .MuiOutlinedInput-root:hover fieldset{border-color:#424242!important;border-radius:10px!important}.custom-textfield .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#424242!important;border-radius:10px!important;border-width:3px!important}.custom-textfield .MuiInputLabel-root,.custom-textfield .MuiInputLabel-root.Mui-focused,.custom-textfield .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{color:#424242!important}.login-paper{align-items:center!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;height:550px!important;justify-content:flex-start!important;margin:20px;padding:40px!important;width:460px!important;z-index:2!important}.content-area{background-color:#fff;border-radius:20px;min-height:85vh;padding:30px}.header_area{align-items:center;display:flex;gap:20px;justify-content:flex-start}.cards_section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:50px}.card_container{background:#fff;border-radius:10px;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026;box-sizing:border-box;max-width:400px;overflow:hidden}.card_container_header{align-items:center;background:#d9d9d940;border-bottom:.3px solid #00000080;box-sizing:border-box;display:flex;gap:10px;justify-content:flex-start;padding:5px 10px}.link_text{text-decoration:none!important}.card_container_header_text{color:#000!important;font-size:15px!important;font-style:normal;font-weight:600!important;line-height:19px!important}.card_container_info{background:#fff;padding:10px 20px}.card_container_info_text{color:#000!important;font-size:14px!important;font-style:normal;font-weight:500!important}.arrow_container{align-items:center;display:flex;justify-content:end;margin-top:30px;width:100%}.imgsettingaddstudent{height:30px;width:30px}.arrow_icon{cursor:pointer;height:36px;width:36px}@media (max-width:1024px){.setting-box-add-studenrt{width:100%!important}}@media (max-width:912px){.card_container_header_text{color:#000!important;font-size:16px!important;font-style:normal;font-weight:600!important;line-height:19px!important}}@media (max-width:540px) and (max-height:720px){.cards_section{grid-template-columns:1fr!important;margin-left:auto;margin-right:auto;max-width:300px}}@media (max-width:360px) and (max-height:740px){.cards_section{grid-template-columns:1fr!important;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:280px}}@media (max-width:344px) and (max-height:882px){.cards_section{grid-template-columns:1fr!important;margin-left:auto;margin-right:auto;padding:10px;width:30%}}.cp-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.cp-container{animation:fadeIn .25s ease;background:#fff;border-radius:25px;box-shadow:0 4px 30px #0000001f;box-sizing:border-box;max-width:380px;padding:28px;position:relative;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.cp-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;justify-content:center;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s ease;z-index:1}.cp-close-btn:hover:not(:disabled){background:#0000000d;color:#333}.cp-close-btn:disabled{cursor:not-allowed;opacity:.5}.cp-title{font-size:30px;font-weight:700;margin-bottom:22px;text-align:center}.cp-field{margin-bottom:18px}.cp-field label{display:block;font-size:15px;font-weight:600;margin-bottom:6px}.cp-required{color:#e53935}.cp-input-box{align-items:center;background:#fff;border:1px solid #7e7979;border-radius:15px;display:flex;padding:10px 12px;transition:border-color .2s ease}.cp-input-box:focus-within{border-color:#6ca8ff}.cp-icon{color:#c4c4c4;font-size:18px;margin-right:10px}.cp-input-box input{background:#0000;border:none;color:#c4c4c4;flex:1 1;font-size:15px;font-weight:400;outline:none}.cp-eye{color:#000;cursor:pointer;font-size:18px;margin-left:8px}.cp-error-border{border-color:#ffb7b7!important}.cp-error-text{background:#f13e3e40;border-radius:10px;color:#f13e3e;font-size:13px;font-weight:500;margin-top:6px;padding:8px 10px}.cp-submit-btn{background:#5f9fd5;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:12px;transition:background .2s ease;width:100%}.cp-submit-btn:hover:not(:disabled){background:#5694f0}.cp-submit-btn:disabled{cursor:not-allowed;opacity:.6}.cp-success{padding:10px 0;text-align:center}.cp-success-circle{align-items:center;background:#40e25e29;border-radius:50%;display:flex;height:110px;justify-content:center;margin:0 auto 18px;width:110px}.cp-checkmark{color:#40e25e;font-size:48px}.cp-success-text{font-size:25px;font-weight:700}.cp-done-btn{background:#5f9fd5;border:none;border-radius:15px;color:#fff;cursor:not-allowed;font-size:15px;margin-top:20px;padding:12px;width:100%}.tag-input-box{align-items:center;background-color:#fff;border:1px solid #828282;border-radius:35px;cursor:text;display:flex;flex-wrap:wrap;margin-top:10px;max-width:500px;min-height:48px;padding:4px}.tag-input-box input{border:none;flex:1 1;font-size:16px;min-width:100px;outline:none}.back-button-container{flex-wrap:nowrap}.header{white-space:nowrap}.tag{align-items:center;background-color:#d8d8d8;border-radius:20px;color:#737373;display:flex;font-size:16px;margin-right:10px;padding:2px 5px}.tag button{margin-left:6px}.clear-all-btn,.tag button{background:none;border:none;color:#737373;cursor:pointer;font-size:25px}.clear-all-btn{border-radius:12px;font-weight:700;margin-left:12px;margin-right:10px}.clear-all-btn:hover{background-color:#e0f7fa}.tag-input-box2{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;margin-top:30px}.tag-input-fields-1s{display:flex;flex-direction:column;margin-right:20px;width:100%}.input-tagmain-fields-2s{display:flex;flex:1 1;flex-direction:row;margin-right:20px}.serach-fields-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-content:start;margin-top:1rem;width:100%}#buttonlabels{font-size:17px;font-weight:500}#input-field-student-add-tablee{border-radius:10px!important;height:40px!important;width:300px!important}#input-field-student-add-tablee::placeholder{color:#c4c4c4!important;font-size:15px!important}.marking-button-blue{text-Transform:none!important;background-Color:#5f9fd5!important;font-Weight:600!important;border-Radius:8px!important;align-self:center!important;border:1px solid #ccc!important;color:#fff!important;padding:10px 36px!important}.tablestudentshow{border:.4px solid #bfbfbf!important;border-radius:20px!important;box-shadow:none!important;padding-top:20px!important}.table-title-student-add{margin-bottom:10px}.table-head-section-student-show,.table-title-student-add{font-size:20px!important;font-weight:600}.headsub-student-add,.sub-student-add{color:#161616!important;font-size:14px!important;font-weight:600}.pagenumberbutton{height:20px;width:20px!important}.search_input{border:1px solid #ccc;border-radius:4px;padding:8px}.student-form-button{border-radius:10px!important;box-shadow:none!important;font-size:20px!important;font-weight:600!important;line-height:170%;min-width:180px!important;padding:5px 15px!important;text-align:center;text-transform:none!important}.add_stu_button{background:#5f9fd5!important;color:#fff!important}@media (max-width:768px){.input-tagmain-fields-2s{display:flex;flex-direction:row;gap:5px;margin-bottom:20px;margin-right:0;width:100%}.tag-input-box2{align-items:stretch;display:flex;flex-direction:column;gap:20px}.pageunberpaginationstudentadd{font-size:12px!important;width:100px!important}.pagination-student-addmain{align-items:center;display:flex;flex-direction:column;width:100%}.pagenumberbutton{min-height:10px!important;min-width:10px!important}#input-field-student-add-tablee{width:100%!important}.tag-input-fields-1s{display:flex;flex-direction:column;margin-right:0;width:100%}.marking-button-blue{text-Transform:none!important;background-Color:#5f9fd5!important;font-Weight:600!important;border-Radius:8px!important;align-self:center!important;border:1px solid #ccc!important;color:#fff!important;padding:10px 36px!important}.serach-fields-container{gap:.75rem;grid-template-columns:1fr;justify-content:center}.search-container,.searchh-field{width:100%!important}.mobile-add-button{display:block!important;margin:0 auto!important}.tag-input-box2>.input-tagmain-fields-2s>.tag-input-fields-1s>div:first-of-type{justify-content:center!important}.MuiChip-root{margin:2px!important}.MuiTableContainer-root+.MuiBox-root{align-items:center!important;flex-direction:column!important;text-align:center!important}.pagination-controls{justify-content:center!important;margin-top:8px!important;width:100%!important}}@media (max-width:820px){.tag-input-fields-1s{display:flex;flex-direction:column;margin-bottom:20px;margin-right:0}}@media screen and (min-width:400px) and (max-width:700px){.tag-input-box2{flex-direction:column;gap:16px;margin-bottom:20px;margin-top:20px}.tag-input-box2>:last-child{display:flex;justify-content:center;width:100%}.marking-button-blue{font-size:16px!important;padding:8px 24px!important}.tag-input-fields-1s{margin-bottom:8px;margin-right:0}.serach-fields-container{gap:6px!important;margin-top:8px!important}.search-container{margin-bottom:0!important}.searchh-field{margin:0!important}.MuiStack-root{justify-content:center!important}.MuiChip-root{flex-grow:0!important;margin:2px!important}}@media (max-width:480px){.header{font-size:1.5rem!important}.table-title-student-add{font-size:16px!important}.headsub-student-add,.sub-student-add{font-size:12px!important;padding:8px!important}.student-form-button{font-size:14px!important;min-width:120px!important;padding:6px 12px!important}.serach-fields-container{grid-template-columns:1fr}.MuiStack-root{justify-content:center!important}.MuiChip-root{font-size:12px!important;margin:1px!important;padding:2px 8px!important}}@media (min-width:768px) and (max-width:1024px){.tag-input-box2{align-items:flex-start;flex-direction:row}.serach-fields-container{grid-template-columns:repeat(2,minmax(200px,1fr))}.student-form-button{align-self:flex-start;margin-top:0}}.white-container{border-radius:16px;min-height:80vh}.pagination-dots{font-weight:600;opacity:.7;padding:0 8px;-webkit-user-select:none;user-select:none}.back-icon{height:16px;width:18px}.add-results-btn:disabled,.delete-btn:disabled,.edit-btn:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.results-title{color:#000;font-size:24px;font-weight:600;margin:0}.add-results-btn{background:#5f9fd5;border:none;border-radius:10px!important;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:38px;margin:30px 0;padding:8px 16px;transition:background .3s ease;width:160px}.add-results-btn:hover{background:#4a8fc9}.searchbar-add-addbtn{align-items:center;display:flex;gap:10px}.loading-box{align-items:center;display:flex;flex-direction:column;gap:12px;height:300px;justify-content:center;text-align:center}.title-section{display:flex;flex-direction:row}.results-title{margin-top:-.5rem;padding-left:.5rem}.header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.exam-accordion{background:#d9d9d9!important;border:1px solid #e0e0e0!important;border-radius:10px!important;box-shadow:none!important;margin-bottom:14px!important}.exam-accordion:before{display:none}.exam-title{color:#000;font-weight:600!important}.MuiAccordionSummary-content{margin:12px 0!important}.MuiAccordionDetails-root{background:#fff;border-radius:0 0 10px 10px;padding:0!important}.no-records-box{margin:30px 0;text-align:center}.no-records-icon{align-items:center;background:#eaeaea;border-radius:50%;display:flex;height:50px;justify-content:center;margin:0 auto 10px;width:50px}.no-records-icon img{height:30px;object-fit:contain;width:30px}.no-records-box p{color:#666;font-size:14px;margin:0}.results-table-container{border:1px solid #d5d5d5;border-radius:10px!important;box-shadow:none;overflow:hidden;padding:0;width:100%}.table-title-row{background:#fff}.table-title-cell{border-bottom:2px solid #e0e0e0!important;color:#000!important;font-size:16px!important;font-weight:600!important;padding:16px!important;text-align:center!important}.results-table{border-collapse:collapse}.table-header-row{align-items:center;background:#f8f8f8!important}.header-cell{border-bottom:2px solid #e0e0e0!important;color:#333!important;font-size:14px!important;font-weight:700!important;padding:12px 16px!important}.header-cell:last-child{border-right:none!important}.table-cell{border-bottom:1px solid #e0e0e0!important;font-size:14px!important;padding:12px 16px!important}.table-cell:last-child{border-right:none!important}.table-row:last-child .table-cell{border-bottom:none!important}.even-row{background-color:#fff}.odd-row{background-color:#d9d9d940}.table-row:hover{background-color:#f0f0f0!important}.action-buttons{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px!important;margin-bottom:10px;margin-top:10px}.edit-btn{background:#e6e6e6;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:12px;min-width:60px;padding:6px 12px;transition:background .3s ease}.edit-btn:hover{background:#d4d4d4}.delete-btn{background:#fdd;border:none;border-radius:6px;color:#c00;cursor:pointer;font-size:12px;margin-top:5px;min-width:60px;padding:6px 12px;transition:background .3s ease}.delete-btn:hover{background:#ffc8c8}.add-row-container{background:#f9f9f9;border-top:1px solid #e0e0e0;padding:0!important}.add-row-table-row{background:#d9d9d940!important}.add-row-table-row:hover{background:#f9f9f9!important}.add-input-cell{padding:8px 16px!important;vertical-align:middle!important}.add-input .MuiOutlinedInput-root{border-radius:10px;margin-bottom:20px!important;margin-top:20px!important}.add-input .MuiOutlinedInput-input{font-size:14px;padding:8px 12px}.add-input .MuiOutlinedInput-notchedOutline{border-color:#d5d5d5}.add-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#5f9fd5}.add-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#5f9fd5;border-width:1px}.add-result-btn{background:#5f9fd5!important;border-radius:6px!important;color:#fff!important;font-weight:500!important;min-width:120px;padding:8px 20px!important;text-transform:none!important}.add-result-btn:hover{background:#4a8fc9!important}.index-cell.add-input-cell{padding-left:16px!important;width:25%}.name-cell.add-input-cell{width:30%}.marks-cell.add-input-cell{text-align:center;width:20%}.action-cell.add-input-cell{margin-left:-150px!important;text-align:center;width:25%}.index-cell{text-align:left;width:25%}.name-cell{text-align:left;width:30%}.marks-cell{text-align:center;width:20%}.action-cell{text-align:center;width:25%}.pagination-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px!important;padding:0 16px 16px}.pagination-text{color:#666}.pagination-controls{gap:4px}.page-number{background:#d9d9d9!important;border:none;color:#949494!important}.page-number.active-page{background:#5f9fd5!important;color:#fff!important}@media (max-width:768px){.white-container{padding:15px}.results-title{font-size:20px;margin-top:0}.add-results-btn{font-size:13px;padding:6px 12px}.searchbar-add-addbtn{align-items:stretch;flex-direction:column}.searchbar-add-addbtn .MuiTextField-root{width:110%}.exam-title{white-space:normal!important}.results-table-container{padding:12px}.header-cell,.table-cell{font-size:13px!important;padding:8px 12px!important}.add-input-cell{padding:6px 12px!important}.add-input .MuiOutlinedInput-input{font-size:13px;padding:6px 10px}.add-result-btn{font-size:13px!important;min-height:36px;padding:4px 12px!important}.action-buttons{flex-direction:column;gap:4px}.delete-btn,.edit-btn{font-size:11px;min-width:50px;padding:4px 8px}.index-cell{width:30%}.name-cell{width:35%}.marks-cell{width:15%}.action-cell{width:20%}.index-cell.add-input-cell{padding-left:12px!important;width:30%}.name-cell.add-input-cell{width:35%}.marks-cell.add-input-cell{width:15%}.action-cell.add-input-cell{width:20%}}@media (max-width:480px){.white-container{padding:10px}.results-title{font-size:18px}.exam-title{font-size:13px}.results-table-container{border-radius:8px!important;padding:8px}.header-cell,.table-cell{font-size:12px!important;padding:6px 8px!important}.add-input-cell{padding:4px 8px!important}.add-input .MuiOutlinedInput-input{font-size:12px;padding:4px 8px}.add-result-btn{font-size:12px!important;min-height:32px;padding:3px 8px!important}.index-cell.add-input-cell{padding-left:8px!important}.page-number{min-width:30px;padding:4px 8px}.page-number,.pagination-text{font-size:12px}.header-section{align-items:flex-start;flex-direction:column;gap:10px}.add-results-btn{margin:0}}@media (max-width:360px){.header-cell,.table-cell{font-size:11px!important;padding:4px 6px!important}.add-input-cell{padding:3px 6px!important}.add-input .MuiOutlinedInput-input{font-size:11px;padding:3px 6px}.add-result-btn{font-size:11px!important;min-height:28px;padding:2px 6px!important}.pagination-controls{gap:2px}.page-number{font-size:11px;min-width:28px;padding:3px 6px}.action-buttons{flex-direction:column;gap:2px}.delete-btn,.edit-btn{font-size:10px;min-width:45px;padding:3px 6px}}.table-row:nth-of-type(odd){background-color:initial}.table-row:nth-of-type(2n){background-color:#d9d9d940}.unread-dot{background-color:#1976d2;border-radius:50%;height:8px;margin-right:40px;margin-top:6px;width:8px}.pagination button{align-items:center;background-color:#e0e0e0;border-radius:6px;color:#999;display:flex;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.pagination .active-page{background-color:#bfbfbf;color:#fff;font-weight:700}.pagination{gap:8px;justify-content:left;margin-top:15px}@media (max-width:768px){.course-card{width:25%!important}.pagination button{font-size:12px;height:26px;width:26px}.pagination{display:flex;flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}}@media (max-width:600px){.unread-dot{height:8px;width:30px}}.pagination button{background:none;border:none;color:#949494;cursor:pointer;font-size:16px;padding:0}.pagination button.number{background:#fff;border:1px solid #ccc;border-radius:4px;color:#5f9fd5;margin:0 4px;padding:4px 8px}.pagination button.number.active-page{background:#1294f2;color:#fff;font-weight:700}.pagination button:disabled{color:#949494;cursor:not-allowed}.search-bar{width:350px}.search-bar input::placeholder{font-size:14px}@media (max-width:1024px){.search-bar{width:40%!important}.search-bar input::placeholder{font-size:13px!important}}@media (max-width:600px){.header-row{align-items:flex-start;flex-direction:column}.search-bar{width:100%!important}.search-bar input::placeholder{font-size:12px!important}}.login-main-box{align-items:center!important;background-color:#f5f5f5!important;display:flex!important;justify-content:center!important;min-height:100vh!important;padding:0!important}.login-background-image{height:70%;left:0;position:absolute!important;top:-10vh;width:100%;z-index:0}h2,h4,h5{font-family:Inter,sans-serif}.login-page{background:#fff;height:50vh;width:100%}.login-hero{align-items:center;background-position:50%;background-size:cover;display:flex;height:30rem;justify-content:center;max-width:300rem;position:relative;width:100%}.login-card{background:#fafafa;border-radius:24px;margin-top:1rem;max-width:400px;padding:2.5rem 2rem;text-align:center;width:100%;z-index:1000}.login-card h2{color:#000;font-family:Inter,sans-serif;font-size:25px;font-style:normal;font-weight:600;margin-bottom:1rem;margin-top:.4rem}@media screen and (max-width:1024px){.line-break{display:none}}.login-card h5{color:#000;font-size:13px;font-weight:500;letter-spacing:1px;margin-bottom:.01rem;margin-top:.05rem}.primary-btn,.secondary-btn{border:none;border-radius:6px;padding:.8rem;transition:.3s ease}.primary-btn,.secondary-btn{cursor:pointer;font-weight:700;width:100%}.primary-btn{background:#212121;border:none;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:12.8px;font-style:normal;margin-bottom:.3rem;margin-top:1rem;padding:1.3rem;text-align:center;transition:background .3s ease}.primary-btn:hover{background-color:#333}.secondary-btn{background-color:initial;border:2px solid #cacaca;border-radius:8px;color:#000;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-style:normal;font-weight:500;margin-top:.5rem;padding:.8rem;text-align:center;transition:background .3s ease;width:100%}.secondary-btn:hover{background-color:#f0f0f0}.separator{align-items:center;color:#212121;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin:1.5rem 0 1rem;text-align:center}.separator:after,.separator:before{border-bottom:1px solid #ddd;content:"";flex:1 1;margin:0 .75rem}.login-error{align-items:center;color:red;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:700;justify-content:center;min-height:25px!important;text-align:center}.forgot-password-link{color:#1976d2!important;margin-top:4px;text-decoration:underline}.forgot-password-link,.resent-otp{cursor:pointer;display:block;font-family:Inter,sans-serif;font-size:14px!important;font-weight:500;text-align:right}.resent-otp{color:#1294f2!important}.resent-otp,.resent-otpp{margin-top:.5rem!important}.resent-otpp{color:#000!important;cursor:pointer;display:block;font-family:Inter,sans-serif;font-size:14px!important;font-weight:600!important;text-align:left}.forgetpassword_container_header{align-items:center;display:flex;justify-content:start;margin-bottom:18px}.backbutton{cursor:pointer;height:20px;margin-right:10px;width:20px}.header_text{margin:0;text-align:center;width:100%}@media screen and (max-width:768px){.login-card{max-width:80vw;padding:2rem 1.5rem;width:100%}.login-card h2{font-size:22px}.primary-btn,.secondary-btn{font-size:14px}}.input-fielddd{background-color:#fafafa;border:1px solid #000;border-radius:8px;font-size:20px;height:48px!important;outline:none;text-align:center;width:48px!important}@media (max-width:768px){.input-fielddd{height:35px!important;width:35px!important}}@media (max-width:480px){.input-fielddd{height:35px!important;width:35px!important}.forgetpassword_container_header{display:flex;justify-content:center;margin-bottom:18px;width:100%}.backbutton{margin-right:0}}.tab-header{display:flex;gap:40px;margin-bottom:15px}.tab-item{color:#7a7a7a;cursor:pointer;font-size:16px;font-weight:500}.active-tab{color:#000;font-weight:600;text-decoration:underline;text-underline-offset:4px}.tab-item:hover{color:#000}.search-section{gap:20px;margin-top:20px}.search-section-right{align-items:center}.search-container-lable{font-size:14px!important;margin-bottom:8px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-box{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:8px;height:40px;max-width:220px;min-width:220px;overflow:hidden;position:relative}.sort-left{color:#333;flex:1 1;height:100%;max-width:160px;overflow:hidden;padding:0 12px;text-overflow:ellipsis;white-space:nowrap}.filter-right,.sort-right{cursor:pointer;height:100%;opacity:0;right:0;top:0;width:100%;z-index:2}.dropdown-icon{background-position:right 12px center!important;background-size:12px!important}.sort-box:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #666;content:"";height:0;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;z-index:1}.class-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:40px}.class-card{background:#fff;border:1px solid #e3e3e3;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.class-card-image{height:150px;padding:5px 8px;width:100%}.class-card-body{padding:12px 14px}.class-card-title{font-size:20px!important;font-weight:600!important;margin-bottom:4px!important}.class-card-label{color:#acacac!important;font-size:13px!important;font-weight:600!important}.class-card-row{align-items:center;display:flex;gap:6px;justify-content:space-between;margin-top:4px}.card-icon{font-size:14px}.card-text{color:#333;font-size:13px!important}.class-card-desc{word-wrap:break-word;color:#acacac!important;font-size:12.5px!important;font-weight:500!important;margin-top:8px!important;overflow:hidden;overflow-wrap:break-word;padding:0;text-align:left;word-break:break-word}.status-pill{font-size:13px;gap:6px;padding:4px 10px}.status-pill .status-dot{border-radius:50%;height:8px;width:8px}.status-pill.inactive .status-dot{background:#f13e3e!important}.class-card-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:0 14px 14px}.edit-class-btn{background-color:#e4e4e4!important;color:#7e7979!important}.delete-class-btn,.edit-class-btn{border-radius:10px!important;font-weight:600!important;text-transform:none!important}.delete-class-btn{background-color:#f13e3e40!important;color:#f13e3e!important}@media (max-width:1024px){.class-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.class-cards-grid{grid-template-columns:1fr}}.date-time-row{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem;width:100%}.date-left,.time-right{align-items:center;display:flex;gap:5px}.card-icon-cal{height:30px;object-fit:contain;width:30px}.card-icon-wch{height:24px;object-fit:contain;width:24px}.card-text{color:#121212;font-size:14px;font-weight:500}.date-time-row span+img{margin-left:16px}.record-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.record-card{background:#fff;border-radius:14px;box-shadow:0 0 0 1px #eee;display:flex;flex-direction:column;overflow:hidden}.record-card-image-wrapper{height:150px;overflow:hidden;position:relative;width:100%}.record-card-image{height:100%;object-fit:cover;width:100%}.record-pill{align-items:center;background-color:#d9d9d980;border-radius:8px;bottom:12px;color:#000;display:inline-flex;font-size:12px;font-weight:600;gap:10px;padding:4px 10px;position:absolute;right:12px}.record-pill-icon{font-size:14px;line-height:1}.record-pill-icon-img{height:14px;object-fit:contain;width:14px}.record-card-body{padding:12px 14px 0}.record-card-title-row{align-items:center;display:flex;justify-content:space-between}.record-card-date,.record-card-subtitle{color:#333;font-size:10px;font-weight:600}.record-card-subtitle{margin-top:4px}.record-card-desc{color:#acacac;font-size:12.8px!important;font-weight:500;margin-top:25px}.record-card-attachments{margin-top:10px}.record-attachment{color:#333;font-size:14px!important}.record-card-actions{display:flex;flex-direction:column;gap:6px;padding:10px 14px 14px}.table-main{background-color:#fff;border-radius:20px;padding:10px;width:100%}.back-button-container{align-items:center;display:flex;gap:15px}.search-section{flex-wrap:wrap;gap:30px!important;margin-top:1rem}.search-section-right{display:flex;flex:1 1;flex-wrap:wrap;gap:20px;margin-top:1rem;width:100%}.search-container{flex:1 1!important;flex-direction:row;margin-bottom:30px!important;max-width:300px;min-width:200px;width:100%}.search-section1{align-items:flex-end!important;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px!important;margin-top:1rem;width:100%}.button-section{display:flex;justify-content:flex-end}.search-container-lable{font-weight:500!important;margin-bottom:5px!important}.search-field,.searchh-field{border:.8px solid #828282!important;border-radius:10px!important;height:35px!important;padding:8px 15px!important}.search-field::placeholder,.searchh-field::placeholder{color:#c4c4c4!important;font-size:15px!important}.searchh-field{max-width:100%!important;width:350px!important}.add-button{background-color:#5f9fd5!important;border-radius:8px!important;color:#fff!important;font-weight:600!important;padding:10px 15px!important;text-transform:none!important}.table-container{border:.3px solid #000!important;border-radius:10px;margin-top:30px!important;min-height:50vh;padding-top:20px}.table-header-text{color:#000!important;font-size:16px!important;font-weight:600!important;line-height:19px!important;margin-bottom:20px!important;text-align:center!important}.table-header{background:#d9d9d940!important}.table-body-text,.table-head-text{color:#000!important;font-size:13px!important;font-style:normal!important;font-weight:500!important;line-height:16px!important}.table-head-text{font-weight:600!important}.status-box{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px}.status-box.pending{background-color:#fffacd;color:#b8860b}.status-box.active{background-color:#acffa4;color:#057b28}.status-box.inactive{background-color:#ffa4a6;color:#ae1618}.status-pill{align-items:center;background-color:#f5f5f5;border-radius:999px;display:inline-flex;font-size:12px;font-weight:500;gap:8px;padding:4px 14px}.status-dot{border-radius:50%;height:8px;width:8px}.status-pill.active{background-color:#03a41040;color:#03a410}.status-pill.active .status-dot{background-color:#03a410}.status-pill.inactive{background-color:#f13e3e40!important;color:#f13e3e!important}.status-pill.inactive .status-dot{background-color:#f13e3e!important}.status-pill.pending{background-color:#ffc10740;color:#b8860b}.status-pill.pending .status-dot{background-color:#b8860b}.status-pill.completed{background-color:#03a41040;color:#03a410}.status-pill.completed .status-dot{background-color:#03a410}.sort-box{border:.8px solid #828282!important;border-radius:8px!important;display:flex;max-width:100%;width:100%}.sort-left{background:#e5e5ef;border-bottom-left-radius:10px;border-right:1px solid #828282!important;border-top-left-radius:10px;color:#7e7979;flex:1.3 1;font-size:14px}.sort-left,.sort-right{align-items:center;display:flex;justify-content:center;padding:6px 15px!important}.sort-right{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:none!important;border-bottom-right-radius:10px;border-top-right-radius:10px;cursor:pointer;flex:2 1}.sort-right.dropdown-icon::-ms-expand{display:none}.dropdown-icon{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-position:calc(100% - 12px)!important;background-repeat:no-repeat!important;background-size:14px!important;padding-right:40px!important}.sort-icon{object-fit:contain;width:14px}.deletee-btn,.editt-btn{border-radius:5px!important;font-size:13px;font-weight:500;padding:0 5px!important}.editt-btn{border:.5px solid #000!important;box-shadow:none!important;color:#000!important}.deletee-btn,.editt-btn{background-color:#fff!important}.deletee-btn{border:.5px solid #f1351b!important;color:#f1351b!important}.description-cell{max-width:400px;min-width:300px}.full-description,.full-paper-name{word-wrap:break-word;color:#333;font-size:14px;line-height:1.4;white-space:normal}.headerr{color:#000!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.search-section{align-items:stretch;flex-direction:column}.button-section,.search-container{margin:.1rem;width:100%}.button-section{justify-content:flex-start}.searchh-field,.sort-box{max-width:100%;width:100%}}@media (max-width:768px){.description-cell{max-width:250px;min-width:200px}.full-description{font-size:13px;line-height:1.3}.full-paper-name{font-size:13px}.pagination-box{flex-direction:column;gap:10px}.pagination-controls{justify-content:center;width:100%}}@media (max-width:480px){.search-section{align-items:stretch;flex-direction:column;gap:10px}.button-section{justify-content:center}.searchh-field,.sort-box{width:100%}.headerr{font-size:22px!important}.page-number{font-size:12px;min-width:30px;padding:4px 8px}.description-cell{max-width:180px;min-width:150px}.full-description{font-size:12px;line-height:1.2}.full-paper-name{font-size:12px}}.striped-row:hover{background-color:#f0f0f0!important}.striped-row:nth-of-type(2n){background-color:#d9d9d940}.white-container{height:100%;padding:20px;width:97%}.back-button-container{height:26px;width:26px}.header{color:#333;font-size:22px;font-weight:600}.search-section{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%}.search-container-lable{color:#000!important;font-size:16px!important;font-weight:600!important;line-height:170%!important}.category-table-container{border:1px solid #d5d5d5;border-radius:10px!important;margin-top:.7rem;overflow:hidden;width:100%}.table-title{color:#000!important;font-size:16px!important;font-weight:600!important;margin-bottom:16px;padding:1rem 0;text-align:center}.table-header-row{background:#f8f8f8}.table-header-row .table-cell{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600!important;padding:12px 16px}.table-row .table-cell{align-items:left!important;border-bottom:1px solid #e0e0e0;justify-content:flex-start!important;padding:2px 16px!important}.category-thumb{border:1px solid #ddd;border-radius:8px!important;height:54px!important;object-fit:cover;width:104px!important}.image-cell{max-width:120px!important;min-width:120px!important;width:120px!important}.image-cell,.name-cell{padding:8px 12px!important}.name-cell{max-width:180px!important;min-width:180px!important;width:180px!important}.description-cell{max-width:220px!important;min-width:220px!important;padding:8px 12px!important;width:220px!important}.action-cell,.date-cell,.status-cell{max-width:120px!important;min-width:120px!important;padding:8px 12px!important;width:120px!important}.full-category-name{-webkit-line-clamp:3}.full-category-name,.truncated-description{word-wrap:break-word;-webkit-box-orient:vertical;color:#333;cursor:pointer;display:-webkit-box;font-size:14px;line-height:1.4;margin:0;overflow:hidden;padding:4px 0;white-space:normal}.truncated-description{-webkit-line-clamp:2;height:3em;text-overflow:ellipsis}.status-container{align-items:center;display:flex;gap:8px}.status-icon{height:8px;margin-left:5px;width:8px}.status-chip{border-radius:10px;display:inline-block;font-size:12px;font-weight:600;padding:5px 14px;text-align:center;width:90px}.status-chip.active{background:#03a41040;color:#03a410}.status-chip.inactive{background:#f13e3e40;color:#f13e3e}.action-buttons{flex-wrap:nowrap;gap:0!important}.edit-btn{border:.5px solid #000!important;border-radius:4px!important;max-width:84px!important;padding:3px 12px!important}.edit-btn:hover{background:#d4e9ff!important}.delete-btn{border:.5px solid #f1351b!important;border-radius:4px!important;color:#f1351b!important;max-width:84px!important;padding:3px 12px!important}.delete-btn:hover{background:#ffd1d1!important}.pagination-box{margin-top:20px}.pagination-text{font-size:16px}.pagination-controls{flex-wrap:nowrap;gap:6px}.page-number{flex-shrink:0;margin:0 4px;padding:4px 8px}.pagination-arrow{padding:4px!important}.page-number{color:#949494;font-size:20px}.page-number:hover{background:#f5f5f5}.page-number.active-page{border:none}.custom-dialog .MuiDialog-paper{border-radius:15px!important;box-shadow:0 10px 30px #0003!important;max-width:480px;overflow:hidden;width:100%}.dialog-container{display:flex;flex-direction:column;height:100%;padding:1rem}.dialog-title{align-items:center!important;border-bottom:1px solid #e0e0e0;box-sizing:border-box;display:flex!important;justify-content:space-between!important;margin:0!important;padding:5px 0!important}.delete-title,.success-title,.warning-title{background:#fff!important;border-bottom:1px solid #000!important}.success-text,.warning-text{color:#000!important;font-size:18px!important;font-weight:600!important;margin:0!important}.close-button{color:#666!important;padding:4px!important}.close-button:hover{background:#0000001a!important}.dialog-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2px!important;justify-content:start;text-align:center}.success-content,.warning-content{padding:0 24px!important}.dialog-icon{height:120px;object-fit:contain;width:150px}.delete-message,.success-message,.warning-message{color:#333!important;font-size:20px!important;font-weight:600!important;margin:0!important;padding:0 24px 0 0!important;text-align:center!important}.dialog-actions{box-sizing:border-box;gap:12px;min-height:80px;padding:16px 24px!important}.delete-actions,.success-actions,.warning-actions{justify-content:center!important}.continue-button,.success-button{background:#5f9fd5!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;font-weight:600!important;min-width:140px!important;padding:10px 30px!important;text-transform:none!important}.continue-button:hover,.success-button:hover{background:#4a8fc9!important}.cancel-button{background:#6c757d!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;font-weight:600!important;min-width:100px!important;padding:10px 24px!important;text-transform:none!important}.cancel-button:hover{background:#5a6268!important}.confirm-delete-button{background:#5f9fd5!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;font-weight:600!important;min-width:100px!important;padding:10px 24px!important;text-transform:none!important}.confirm-delete-button:hover{background:#4a8fc9!important}@media (max-width:1024px){.category-top-row{align-items:center;flex-direction:row;gap:16px}.category-filter-section{flex-wrap:nowrap;justify-content:flex-start;width:auto}.filter-item{flex:0 1 auto;min-width:180px}.sort-box{width:100%}.add-button{margin-top:0;width:auto}.delete-btn,.edit-btn{text-align:center;width:100%}}@media (max-width:768px){.white-container{padding:15px}.header{font-size:20px}.category-table-container{border-radius:12px;max-width:400px!important;padding:12px;width:100%!important}.category-filter-section,.category-top-row{flex-wrap:nowrap;gap:10px}.filter-item{min-width:150px}.sort-box{width:100%!important}.add-button{min-width:120px;padding:8px 16px!important}.table-header-row .table-cell,.table-row .table-cell{font-size:14px;padding:8px 12px}.category-thumb{height:40px;width:60px}.description-cell,.name-cell{max-width:200px;min-width:180px}.full-category-name,.truncated-description{font-size:13px;line-height:1.3}.action-buttons{flex-direction:column;gap:4px!important}.delete-btn,.edit-btn{text-align:center;width:100%}.pagination-box{flex-direction:column;gap:10px}.pagination-controls{justify-content:center;width:100%}.custom-dialog .MuiDialog-paper{margin:20px!important;min-width:0!important;min-width:auto!important;width:calc(100% - 40px)!important}.dialog-title{padding:12px 20px!important}.dialog-content{padding:20px!important}.dialog-actions{padding:12px 20px!important}.delete-message,.success-message,.warning-message{font-size:14px!important}.dialog-icon{height:48px;width:48px}}@media (max-width:480px){.white-container{padding:10px}.header{font-size:18px}.category-table-container{border-radius:8px;padding:8px}.category-top-row{align-items:stretch;flex-direction:column;gap:15px}.category-filter-section{flex-direction:row;gap:10px;width:100%}.filter-item{flex:1 1;min-width:0}.sort-box{width:100%!important}.add-button{margin-top:0;width:100%}.table-title{font-size:16px}.table-header-row .table-cell,.table-row .table-cell{font-size:12px;padding:6px 8px}.category-thumb{height:35px;width:50px}.description-cell,.name-cell{max-width:150px;min-width:120px}.full-category-name,.truncated-description{font-size:12px;line-height:1.2}.action-buttons{flex-direction:column;gap:4px!important}.status-chip{font-size:11px;min-width:60px;padding:3px 10px}.page-number{font-size:12px;min-width:30px;padding:4px 8px}.custom-dialog .MuiDialog-paper{margin:16px!important;width:calc(100% - 32px)!important}.dialog-title{padding:10px 16px!important}.dialog-content{padding:16px!important}.dialog-actions{flex-direction:column;padding:10px 16px!important}.delete-actions{flex-direction:row!important;justify-content:space-between!important}.cancel-button,.confirm-delete-button,.continue-button,.success-button{min-width:0!important;min-width:auto!important;width:100%}}.form_main{background-color:#fff;border-radius:20px;padding:30px}.form-header{align-items:center;display:flex;gap:20px;justify-content:flex-start}.header_text{font-size:24px!important;font-weight:600!important;margin-left:5px!important;text-align:left!important}.input-container{padding:30px 50px 50px}.input-fields-section{align-items:start;display:flex;margin-bottom:20px}.input-lable{flex:1 1}.input_lable_text{color:#000;font-size:20px!important;font-style:normal;font-weight:600!important;line-height:24px!important}.red_asterisk{color:red}.input_field_containter{flex:1.5 1}.input-field{padding:10px;width:100%}.input-field-instructions{min-height:150px!important}.file-upload-container{align-items:center;background-color:#fff;border:3px dotted #d5d7da;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-bottom:10px;min-height:120px;padding:20px;position:relative;text-align:center;width:100%}.camera-icon{height:40px;object-fit:contain;width:40px}.upload-text-main{align-items:center;color:#a6a6a6;display:flex;font-family:Inter;font-size:16px!important;font-style:normal;font-weight:500!important;gap:8px;line-height:100%;text-align:center}.Upload-icon{height:20px;width:20px}.image-preview-box{border-radius:12px;margin-top:10px;overflow:hidden;position:relative;width:100%}.preview-image{border-radius:12px;display:block;height:160px;object-fit:cover;width:100%}.preview-overlay{background:#d9d9d9cc;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:10px;position:absolute;width:100%}.overlay-btn{align-content:center;align-items:center!important;background:#0000!important;border-radius:6px!important;color:#343434!important;font-weight:600!important;padding:6px 12px!important;text-transform:none!important}.overlay-btn.remove{color:red!important}.button_container{align-content:center;display:flex;flex-wrap:nowrap;gap:20px;justify-content:flex-end;margin-bottom:0!important;margin-top:0!important}.cancell-button{box-shadow:none!important;font-family:Inter,sans-serif!important;font-size:20px!important;font-weight:600!important;line-height:170%;padding:5px 15px!important;text-align:center;text-transform:none;white-space:nowrap}.cancell-button,.cancell-button:hover{background:#aeaeae!important;color:#fff!important}.add_exam_button{background:#5f9fd5!important;border-radius:10px!important;box-shadow:none!important;color:#fff!important;font-family:Inter,sans-serif!important;font-size:20px!important;font-style:normal;font-weight:600!important;line-height:170%;padding:5px 15px!important;text-align:center;text-transform:none;white-space:nowrap}.status-toggle-section{align-items:center;display:flex;flex-direction:row!important}.status-toggle-container{align-items:center;display:flex;justify-content:flex-start}.status-toggle-label{margin-right:0!important}.status-toggle .MuiSwitch-switchBase{padding:8px}.status-toggle .MuiSwitch-thumb{height:20px;width:20px}.status-toggle .MuiSwitch-track{background-color:#ccc;border-radius:12px;height:24px!important;margin-top:-6.5px;width:44px!important}.status-toggle .MuiSwitch-switchBase.Mui-checked{transform:translateX(20px)}.status-toggle .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#6495ed!important}.togglebutton{margin-left:-7px!important;margin-right:10px!important}@media screen and (max-width:768px){.input-container{margin-top:20px;padding:0}.file-upload-container,.input-field{max-width:none}.upload-text-main{font-size:14px!important;text-align:center}.input-fields-section{align-items:start;flex-direction:column}.input-lable{text-align:center;width:100%}.input_lable_text{font-size:16px!important;line-height:19px;text-align:center!important}.input_field_containter{margin-top:10px;width:100%}.button_container{flex-direction:row!important;gap:15px;justify-content:center;margin-top:40px!important}.add_exam_button,.cancell-button{font-size:16px!important;min-width:140px;padding:8px 16px!important;width:auto}.status-toggle-section{align-items:center;flex-direction:row!important}.status-toggle-container{justify-content:flex-start}}@media screen and (max-width:480px){.form_main{padding:20px}.input-container{padding:20px 0}.button_container{flex-direction:row!important;gap:10px;justify-content:center;margin-top:30px!important}.add_exam_button,.cancell-button{font-size:14px!important;min-width:120px;padding:6px 12px!important}.file-upload-container{min-height:100px;padding:15px}.camera-icon{height:30px;width:30px}.upload-text-main{flex-direction:column;gap:4px}.preview-overlay{flex-wrap:wrap;gap:8px;justify-content:center}.overlay-btn{font-size:14px!important;padding:4px 8px!important}.status-toggle-section{align-items:center;flex-direction:row!important}}.label{color:#000;font-weight:600!important}.action-cell{min-width:140px}.page-number.active{background:#1294f2;color:#fff}.exam-selector-container{padding:0 10px}.exam-selector-label{color:#000!important;font-size:18px!important;font-weight:600!important;margin-bottom:12px!important}.exam-selector-wrapper{max-width:450px;position:relative}.exam-selector-trigger{align-items:center;background:#fff;border:1px solid #000;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:0;transition:all .2s ease}.exam-selector-trigger:hover{box-shadow:0 0 0 2px #5f9fd51a}.exam-selector-text{background:#e5e5ef;border-bottom-left-radius:10px;border-top-left-radius:10px;color:#7e7979;direction:ltr;display:block;flex:1 1;font-size:14px;min-width:0;overflow:hidden;padding:10px 12px!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.exam-selector-arrow{align-items:center;background:#fff;border:none!important;border-bottom-right-radius:10px;border-top-right-radius:10px;cursor:pointer;display:flex;flex:2 1;font-size:12px;justify-content:end;margin-left:12px;padding:6px 15px!important;transition:transform .2s ease}.exam-selector-arrow.open{justify-content:start;transform:rotate(180deg)}.exam-dropdown-panel{animation:dropdownSlideDown .2s ease;background:#fff;border:1px solid #d5d5d5;border-radius:12px;box-shadow:0 4px 20px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.exam-dropdown-search{border-bottom:1px solid #e0e0e0;padding:16px}.exam-dropdown-list{max-height:320px;overflow-y:auto;padding:8px 0}.exam-dropdown-list::-webkit-scrollbar{width:8px}.exam-dropdown-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.exam-dropdown-list::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:4px}.exam-dropdown-list::-webkit-scrollbar-thumb:hover{background:#999}.exam-dropdown-item{grid-gap:16px;align-items:center;cursor:pointer;display:grid;gap:16px;grid-template-columns:110px 1fr 140px;padding:12px 16px;transition:background-color .15s ease}.exam-dropdown-item:hover{background-color:#f8f9fa}.exam-code{background:#e8e8e8;border-radius:6px;color:#333;font-size:13px;font-weight:600;padding:6px 10px;text-align:center;white-space:nowrap}.exam-title{color:#333;font-size:14px;font-weight:500}.exam-category,.exam-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exam-category{color:#999;font-size:13px;text-align:right}.exam-dropdown-empty{color:#999;font-size:14px;font-style:italic;padding:32px 16px;text-align:center}@media (max-width:768px){.exam-selector-wrapper{max-width:none}.exam-dropdown-item{gap:12px;grid-template-columns:90px 1fr 120px;padding:10px 12px}.exam-code{font-size:12px;padding:5px 8px}.exam-title{font-size:13px}.exam-category{font-size:12px}}@media (max-width:480px){.exam-selector-container{padding:0 5px}.exam-dropdown-item{gap:8px;grid-template-columns:1fr;padding:12px}.exam-category{text-align:left}.exam-dropdown-list{max-height:280px}}.addresult-container{background:#fff;border-radius:16px;box-sizing:border-box;margin-left:15px;min-height:80vh;padding:20px!important;width:97%}.result-header{align-items:center;display:flex;gap:15px;margin-bottom:25px;padding:0 10px}.back-icon{cursor:pointer;height:24px;transition:opacity .2s ease;width:24px}.back-icon:hover{opacity:.7}.title{color:#333;font-size:24px!important;font-weight:600!important;line-height:1.2;margin:0!important}.result-filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:0 10px}.result-filter-group{align-items:center;display:flex;flex-direction:row;gap:20px;width:100%}.input_label_text{color:#333;font-size:20px!important;font-weight:600!important;line-height:1.4;margin:0!important;min-width:80px}.red_asterisk{color:#d32f2f;margin-left:2px}.result-filter-dropdown-container{flex:1 1;max-width:572px}.result-filter-dropdown{background:#fff;border:1px solid #7e7979!important;border-radius:8px!important;color:#333;font-size:14px;height:48px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.result-filter-dropdown:hover{border-color:#6495ed!important}.result-filter-dropdown.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#6495ed!important;box-shadow:0 0 0 2px #6495ed1a}.exam-option{align-items:center;display:flex;gap:8px}.index-code{background:#d9d9d9;border-radius:4px;font-size:12px;font-weight:500;padding:2px 6px}.exam-details{flex:1 1}.result-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014!important;margin-bottom:20px;overflow:hidden}.card-header-main{align-items:center;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px}.card-title{color:#000;font-size:18px!important;font-weight:600!important;line-height:1.4;margin:0!important;text-align:center!important}.result-search-container{align-items:center;background:#fff;border:1px solid #d5d5d5;border-radius:8px;display:flex;flex:1 1;max-width:400px;min-width:320px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.result-search-container:focus-within{border-color:#6495ed;box-shadow:0 0 0 2px #6495ed1a}.search-icon{color:#7e7979;flex-shrink:0;font-size:20px;margin-right:8px}.search-input{background:#0000;border:none;color:#333;flex:1 1;font-size:14px;outline:none;padding:4px 0;width:100%}.search-input::placeholder{color:#7e7979;opacity:.8}.custom-table{border-collapse:collapse;margin:16px 0;min-width:600px;width:100%}.table-header{padding:16px 20px}.table-header,.table-header-center{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;text-align:left;white-space:nowrap}.table-header-center{padding:16px 50px}.table-row{transition:background-color .2s ease}.table-row:hover{background-color:#f8f9fa}.table-cell{border-bottom:1px solid #e0e0e0;font-size:14px;padding:16px 20px;vertical-align:middle}.index-cell{color:#333;font-weight:500;white-space:nowrap}.name-cell{color:#555;white-space:nowrap}.marks-cell{min-width:150px}.mark-input{background:#fff;border:1px solid #d5d5d5;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:120px}.mark-input:focus{border-color:#6495ed;box-shadow:0 0 0 2px #6495ed1a;outline:none}.mark-input::placeholder{color:#7e7979;opacity:.7}.action-cell{flex-direction:column;gap:10px}.no-data{background:#fafafa;color:#666;font-size:16px;font-style:italic;padding:48px 20px!important;text-align:center}.add-btn{background:#fff!important;border:.5px solid #000!important;border-radius:6px!important;box-shadow:none!important;color:#000!important;font-size:13px!important;font-weight:500!important;min-width:120px!important;padding:8px 20px!important;text-transform:none!important;transition:all .2s ease!important}.add-btn:hover{background:#f5f5f5!important;border-color:#333!important}.add-btn:disabled{background:#f9f9f9!important;border-color:#e0e0e0!important;color:#ccc!important;cursor:not-allowed;transform:none}.edit-btn{border:1px solid #000!important;color:#000!important;margin-right:8px!important}.delete-btn,.edit-btn{background:#fff!important;font-size:13px!important;padding:2px 14px!important;text-transform:none!important}.delete-btn{border:1px solid #cc0a0a!important;color:#cc0a0a!important}.pagination{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.pagination-text{font-size:14px;font-weight:500;white-space:nowrap}.pagination-arrow{border-radius:6px!important;color:#333!important;padding:8px!important;transition:all .2s ease!important}.pagination-arrow:hover{background:#e0e0e0!important}.pagination-arrow.Mui-disabled{background:#0000!important;color:#ccc!important}.page-number{background:#f0f0f0;border:1px solid #0000;color:#666;font-weight:500;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.page-number:hover{background:#e0e0e0;color:#333}.page-number.active{background:#1294f2!important;border:none;color:#fff!important;transform:scale(1.05)}.button-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:30px;padding:0 10px}.cancel-btn{background:#aeaeae!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;font-size:16px!important;font-weight:600!important;min-width:120px!important;padding:12px 28px!important;text-transform:none!important;transition:all .2s ease!important}.cancel-btn:hover{background:#5a6268!important;transform:translateY(-1px)}.submit-btn{background:#5f9fd5!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;font-size:16px!important;font-weight:600!important;min-width:120px!important;padding:12px 32px!important;text-transform:none!important;transition:all .2s ease!important}.submit-btn:hover{background:#4178c0!important;transform:translateY(-1px)}@media (max-width:1024px){.addresult-container{margin-left:0;padding:16px;width:100%}.card-header-main{align-items:stretch;flex-direction:column;gap:16px}.result-search-container{max-width:none;min-width:100%}}@media (max-width:768px){.addresult-container{padding:12px}.result-header{margin-bottom:20px;padding:0 5px}.title{font-size:22px!important}.result-filter-row{flex-direction:column;gap:16px;padding:0 5px}.result-filter-group{align-items:flex-start;flex-direction:column;gap:8px}.input_label_text{font-size:18px!important}.result-filter-dropdown-container{max-width:none;width:100%}.card-header-main{padding:20px}.card-title{font-size:16px!important;text-align:left}.table-wrapper{padding:0 16px}.table-cell,.table-header{font-size:13px;padding:12px 16px}.mark-input{padding:8px 10px;width:100px}.add-btn{font-size:12px!important;min-width:100px!important;padding:6px 16px!important}.pagination{flex-direction:column;gap:12px;padding:16px 20px}.button-row{justify-content:center;padding:0 5px}.cancel-btn,.submit-btn{flex:1 1;font-size:14px!important;max-width:140px;min-width:110px!important;padding:10px 20px!important}}@media (max-width:480px){.addresult-container{padding:8px}.result-header{gap:12px}.back-icon{height:20px;width:20px}.title{font-size:20px!important}.result-filter-dropdown{height:44px}.result-search-container{padding:6px 12px}.search-icon{font-size:18px;margin-right:8px}.table-wrapper{padding:0 12px}.table-cell,.table-header{font-size:12px;padding:10px 12px}.mark-input{font-size:12px;padding:6px 8px;width:80px}.pagination-controls{gap:4px}.page-number{font-size:13px;min-width:32px;padding:6px 10px}.button-row{gap:12px}.cancel-btn,.submit-btn{font-size:14px!important;min-width:100px!important;padding:8px 16px!important}}@media (max-width:360px){.addresult-container{padding:6px}.card-header-main{padding:16px}.table-wrapper{padding:0 8px}.pagination{padding:12px 16px}}.metrics-graph-section,.metrics-graph-section-first-row,.metrics-graph-section-second-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start;width:100%!important}.white-container{background:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;width:97%!important}.header-container{align-items:center;display:flex;gap:10px;margin-bottom:20px;width:100%}.back-button-container{cursor:pointer;flex-shrink:0;height:20px!important;transition:transform .2s ease;width:12px!important}.header{color:#000!important;flex:1 1;font-size:24px!important;font-weight:600!important;margin:0}.filter-sort-container{display:flex;flex-direction:column!important;flex-wrap:wrap;gap:40px;margin:30px 0 20px;position:relative;width:100%;z-index:10}.filter-section,.sort-section{flex:1 1;min-width:300px;position:relative}.section-label{color:#000;display:block;font-size:16px;font-weight:500;margin-bottom:12px;min-height:24px}.filter-controls,.sort-controls{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;position:relative;width:100%}.filter-control-item,.sort-control-item{display:flex;flex:1 1;flex-direction:row;max-width:200px;position:relative}.filter-box,.filter-box-wrapper{position:relative;width:100%}.filter-box{background:#fff;border:.8px solid #7e7979;border-radius:10px;cursor:pointer;display:flex;height:40px;min-width:0;overflow:hidden;transition:border-color .3s ease}.filter-box:hover{border-color:#1294f2}.filter-box.active{border-color:#1294f2!important;box-shadow:0 0 0 2px #1294f21a}.filter-select-wrapper{position:relative}.filter-select,.filter-select-wrapper{align-items:center;background:#fff;cursor:pointer;display:flex;flex:1 1;min-width:40px;width:100%}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none!important;bottom:0;color:#333;font-size:14px;height:100%;left:0;opacity:0;padding:4px 35px 4px 15px;position:absolute;right:0;top:0;transition:background-color .3s ease;z-index:2}.filter-select:hover{background:#0000}.filter-select:focus{outline:none}.filter-left{align-items:center;background:#e5e5ef;border-right:.8px solid #7e7979;color:#7e7979;display:flex;flex:2 1;font-size:14px;justify-content:center;min-width:0;overflow:hidden;padding:5px 15px;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:1}.filter-right-wrapper{position:relative}.filter-right,.filter-right-wrapper{align-items:center;background:#fff;cursor:pointer;display:flex;flex:1 1;min-width:40px}.filter-right{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none!important;color:#333;font-size:14px;height:100%;padding:4px 35px 4px 15px;transition:background-color .3s ease;width:100%}.filter-right:hover{background:#f5f5f5}.dropdown-arrow{color:#7e7979;font-size:10px}.dropdown-arrow,.filter-select-wrapper:after{pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:1}.filter-select-wrapper:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #7e7979;content:"";height:0;width:0}.filter-box:hover .filter-left{background:#e5e5ef;border-right-color:#1294f2}.filter-box:hover .dropdown-arrow{color:#1294f2}.filter-box.active,.filter-box:focus-within{border-color:#1294f2!important;box-shadow:0 0 0 2px #1294f21a}.filter-box:focus-within .filter-left{border-right-color:#1294f2}.filter-box:focus-within .dropdown-arrow{color:#1294f2}.filter-select option{background:#fff;color:#333;font-size:14px;padding:10px 15px;position:relative}.filter-select option:hover{background:#f5f5f5}.filter-icon{flex-shrink:0;height:auto;object-fit:contain;width:14px}.date-text{color:#333!important;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.filter-select{left:auto!important;position:fixed!important;top:auto!important}@media screen and (-webkit-min-device-pixel-ratio:0){.filter-select:focus{height:auto!important;left:auto!important;max-height:300px!important;position:fixed!important;top:auto!important;width:250px!important}}.custom-dropdown-menu{z-index:9999!important}.custom-dropdown-menu .MuiPaper-root{border:1px solid #e0e0e0;border-radius:10px!important;box-shadow:0 4px 20px #00000026!important}.custom-dropdown-menu .MuiMenuItem-root{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:10px 16px!important}.custom-dropdown-menu .MuiMenuItem-root:last-child{border-bottom:none}.custom-dropdown-menu .MuiMenuItem-root:hover{background-color:#f5f5f5!important}.custom-dropdown-menu .MuiMenuItem-root.Mui-selected{background-color:#e3f2fd!important;color:#1294f2!important;font-weight:500}.result-summary-section{margin:30px 0!important;padding:0;width:100%}.result-summary-title{color:#000!important;font-size:24px!important;font-weight:600!important;margin-bottom:20px!important;width:100%}.summary-cards-container{display:flex!important;gap:50px!important;justify-content:space-between!important;margin:0!important;width:100%!important}.summary-card-grid{display:flex;flex:1 1;min-width:0}.summary-card{background:#2d4cffe5!important;border:1px solid #e0e0e0!important;border-radius:20px!important;box-shadow:0 3px 2px 0 #00000040!important;display:flex;flex:1 1;flex-direction:column;height:100%;max-height:230px;padding:20px 15px;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:100%}.summary-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.summary-card-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:16px 8px!important;width:100%}.summary-card-icon{background:#fff;border-radius:50px;height:56px;object-fit:contain;width:56px}.summary-value{font-size:40px!important;line-height:1.2;margin-bottom:8px!important}.summary-label,.summary-value{color:#fff;font-weight:600!important;word-break:break-word}.summary-label{font-size:20px!important;line-height:1.4}.metrics-section{display:flex!important;flex-direction:column!important;margin:40px 0;width:100%}.metrics-title{color:#000!important;font-size:24px!important;font-weight:600!important;margin-bottom:25px!important;width:100%}.charts-grid{flex-direction:column;gap:30px;width:100%!important}.chart-row,.charts-grid{display:flex;margin:0!important}.chart-row{flex-direction:row;justify-content:start;width:100}.chart-grid-item{display:flex}.chart-card1,.chart-card2,.chart-card3,.chart-card4{background:#fff;border:1px solid #a6a6a6;border-radius:15px!important;box-shadow:0 23px 28.6px 0 #00000008!important;padding:20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.chart-card1{max-width:450px;min-width:20%}.chart-card2{max-width:550px;min-width:50%}.chart-card3{max-width:750px;min-width:70%}.chart-card4{max-width:250px;min-width:15%}.chart-card1:hover,.chart-card2:hover,.chart-card3:hover,.chart-card4:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.chart-title{color:grey;font-size:15px!important;font-weight:700!important;margin-bottom:20px!important;text-align:center!important;width:100%}.chart-container{align-items:center;display:flex;flex:1 1;height:280px;justify-content:center;width:100%}.circular-passrate-wrapper,.pass-rate-card{display:flex;flex-direction:column}.circular-passrate-wrapper{align-items:center;height:100%;justify-content:center;padding:15px 0;width:100%}.circular-chart{height:120px;margin-bottom:20px;position:relative;width:120px}.circle-svg{height:120px;left:0;position:absolute;top:0;width:120px}.circle-bg{fill:none;stroke:#e6e6e6;stroke-width:6}.circle-progress{fill:none;stroke-width:6;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .5s ease}.ring-outer{transform:scale(1) rotate(-90deg);transform-origin:center}.ring-middle{transform:scale(.82) rotate(-90deg);transform-origin:center}.ring-inner{transform:scale(.64) rotate(-90deg);transform-origin:center}.passrate-labels{display:flex;flex-direction:column;gap:18px;text-align:center;width:100%}.label-row-main{color:#000;font-size:16px!important;font-weight:600!important;margin-bottom:10px!important;width:100%}.label-row{align-items:center;display:flex;gap:12px;text-align:start;width:100%}.percentage{color:#22367a!important;flex-shrink:0;font-size:18px!important;font-weight:700!important;min-width:50px!important;text-align:start!important}.range{color:#555!important;flex:1 1;font-size:12px!important;font-weight:500!important}.result-table-container{background:#fff;border:1px solid #d5d5d5;border-radius:10px!important;margin-top:20px;overflow:hidden;width:100%}.result-title{color:#000;font-size:18px!important;font-weight:600!important;margin:12px 0!important;width:100%}.table-wrapper{overflow-x:auto;width:100%}.results-table{min-width:800px;width:100%}.header-row th{background:#d9d9d940;border-bottom:2px solid #e0e0e0!important;color:#333!important;font-weight:600!important}.body-row td,.header-row th{font-size:14px;padding:12px 16px!important;white-space:nowrap}.body-row td{border-bottom:1px solid #e0e0e0!important}.body-row:nth-of-type(2n){background-color:#d9d9d940}.striped-row:nth-of-type(odd){background-color:initial}.body-row:hover{background-color:#f9f9f9}.table-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination-box{align-items:center;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:15px;padding:1rem;width:100%}.pagination-text{color:#000;flex-shrink:0;font-size:15px;font-weight:600}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pagination-arrow{color:#949494;padding:6px!important}.pagination-arrow:hover{background:#f0f0f0!important}.pagination-arrow:disabled{cursor:not-allowed;opacity:.5}.page-number{background:#d9d9d9;border-radius:6px;color:#444;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;min-width:36px;padding:6px 12px;text-align:center;transition:all .3s ease}.page-number:hover{background:#c9c9c9}.page-number.active-page{background:#1294f2;color:#fff}@media (max-width:1024px) and (min-width:769px){.white-container{padding:15px;width:95%!important}.filter-sort-container{gap:30px}.filter-controls,.sort-controls{gap:8px}.filter-control-item,.sort-control-item{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0;min-width:calc(50% - 10px)}.summary-cards-container{gap:20px!important}.summary-card{max-height:200px;padding:15px 10px}.summary-card-icon{height:48px;width:48px}.summary-value{font-size:32px!important}.summary-label{font-size:16px!important}.chart-card1,.chart-card2,.chart-card3,.chart-card4{min-height:300px;min-width:0!important;min-width:auto!important;padding:15px;width:100%}.chart-container{height:250px}.chart-row{flex-direction:column;gap:20px}.chart-grid-item{width:100%}.circle-svg,.circular-chart{height:100px;width:100px}.passrate-labels{gap:15px}.percentage{font-size:16px!important;min-width:45px!important}.range{font-size:11px!important}}@media (max-width:768px){.white-container{border-radius:0;padding:15px;width:100%!important}.header{font-size:20px!important}.filter-sort-container{gap:25px;margin:20px 0}.filter-section,.sort-section{min-width:100%}.filter-select{font-size:12px;padding:4px 30px 4px 10px}.filter-left{font-size:12px;padding:5px 10px}.dropdown-arrow{font-size:9px;right:8px}.filter-controls,.sort-controls{flex-direction:column;gap:12px}.filter-control-item,.sort-control-item{flex:1 1;min-width:100%}.filter-box{width:100%}.metrics-title,.result-summary-title{font-size:20px!important;margin-bottom:15px!important;text-align:center}.summary-cards-container{flex-direction:row!important;flex-wrap:wrap;gap:15px!important;justify-content:center!important}.summary-card-grid{flex-basis:calc(50% - 15px);flex-grow:0;flex-shrink:0;min-width:calc(50% - 15px)}.summary-card{max-height:180px;min-height:180px;padding:15px 10px}.summary-card-icon{height:44px;margin-bottom:8px!important;width:44px}.summary-value{font-size:28px!important;margin-bottom:5px!important}.summary-label{font-size:14px!important}.metrics-section{margin:30px 0}.charts-grid{gap:20px}.chart-row{flex-direction:column;gap:20px}.chart-card1,.chart-card2,.chart-card3,.chart-card4{min-height:280px;min-width:0!important;min-width:auto!important;padding:15px;width:100%}.chart-container{height:220px}.chart-title{font-size:14px!important;margin-bottom:15px!important}.circular-chart{margin-bottom:15px}.circle-svg,.circular-chart{height:90px;width:90px}.circle-bg,.circle-progress{stroke-width:5}.passrate-labels{gap:12px}.label-row{gap:10px}.percentage{font-size:15px!important;min-width:40px!important}.range{font-size:11px!important}.pagination-box{align-items:center;flex-direction:column;gap:15px;padding:15px 10px;text-align:center}.pagination-controls{justify-content:center}.pagination-text{font-size:14px}}@media (max-width:480px){.white-container{padding:10px}.header-container{margin-bottom:15px}.header{font-size:18px!important}.back-button-container{height:16px!important;width:10px!important}.section-label{font-size:14px;margin-bottom:8px}.filter-select{font-size:11px;padding:4px 25px 4px 8px}.filter-left{font-size:11px;padding:5px 8px}.dropdown-arrow{font-size:8px;right:6px}.date-text,.filter-left{font-size:12px;padding:5px 10px}.filter-icon{width:12px}.metrics-title,.result-summary-title{font-size:18px!important;margin-bottom:12px!important}.summary-cards-container{flex-direction:column!important;gap:12px!important}.summary-card-grid{flex:0 0 100%;min-width:100%}.summary-card{border-radius:15px!important;max-height:140px;min-height:140px;padding:12px 8px}.summary-card-content{padding:12px 4px!important}.summary-card-icon{height:36px;margin-bottom:6px!important;width:36px}.summary-value{font-size:24px!important;margin-bottom:4px!important}.summary-label{font-size:12px!important}.metrics-section{margin:25px 0}.chart-card1,.chart-card2,.chart-card3,.chart-card4{border-radius:12px!important;min-height:250px;padding:12px;width:100%}.chart-card4{max-width:450px;min-width:25%}.chart-container{height:200px}.chart-title{font-size:13px!important;margin-bottom:12px!important}.circular-chart{margin-bottom:12px}.circle-svg,.circular-chart{height:70px;width:70px}.circle-bg,.circle-progress{stroke-width:4}.passrate-labels{gap:10px}.label-row{gap:8px}.percentage{font-size:13px!important;min-width:35px!important}.range{font-size:10px!important}.body-row td,.header-row th{font-size:12px;padding:8px 10px!important}.result-title{font-size:16px!important;margin:10px 0!important}.pagination-box{gap:12px;padding:12px 8px}.pagination-text{font-size:13px}.page-number{font-size:12px;min-width:30px;padding:4px 8px}.pagination-arrow{padding:4px!important}}@media (max-width:360px){.white-container{padding:8px}.header{font-size:16px!important}.summary-card{max-height:120px;min-height:120px;padding:10px 6px}.summary-card-icon{height:32px;width:32px}.summary-value{font-size:20px!important}.summary-label{font-size:11px!important}.chart-card1,.chart-card2,.chart-card3,.chart-card4{min-height:220px;padding:10px;width:100%}.chart-container{height:180px}.filter-left{padding:4px 8px}.date-text,.filter-left{font-size:11px}}@media (min-width:1025px){.charts-grid{display:flex!important;flex-direction:column}.summary-cards-container{justify-content:space-between!important}.chart-row{flex-direction:row}}@media (min-width:1440px){.white-container{width:98%}.filter-controls,.sort-controls{gap:15px}.filter-control-item,.sort-control-item{min-width:220px}}@keyframes filterActive{0%{box-shadow:0 0 0 0 #1294f266}70%{box-shadow:0 0 0 10px #1294f200}to{box-shadow:0 0 0 0 #1294f200}}.filter-box.active{animation:filterActive .6s ease}