*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.card{background:#fff;border-radius:10px;padding:18px 20px;box-shadow:0 2px 10px #00000008}.page-head{display:flex;justify-content:flex-start;align-items:center;padding:0 10px}.page-head .page-title{display:inline-flex;align-items:center;font-size:24px;font-weight:600;color:#1a202c;margin:0;letter-spacing:.5px;word-spacing:1px}.page-head .page-title .icon-badge{display:inline-flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:50%;margin:3px 12px 0 0;background-color:#4d7cff;color:#fff;box-shadow:0 2px 4px #4d7cff33}.page-head .page-title .icon-badge i{font-size:16px;margin-right:0}.page-head_2{padding:0 10px}.page-head_2 .page-title_2{display:inline-flex;align-items:center;font-size:20px;font-weight:600;color:#1a202c;margin:0}.page-head_2 .page-title_2 .highlight-name{background-color:#dce7f9;border-radius:7px;padding:5px 20px 7px;margin:6px 0 0 14px;font-weight:600;box-shadow:0 4px 25px #00000012}.page-head_2 .page-title_2 .icon-badge_2{display:inline-flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:50%;margin-right:12px;background-color:#4d7cff;color:#fff}.header-card,.action-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.header-card .button-group,.action-card .button-group{display:flex;gap:15px}.header-card .search-container,.action-card .search-container{position:relative;width:450px}.header-card .search-container i,.action-card .search-container i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#adb5bd}.header-card .search-container input,.action-card .search-container input{width:100%;padding:10px 15px 10px 45px;border-radius:8px;border:1px solid #d0d4dc;outline:none;font-size:15px}.header-card .search-container input::placeholder,.action-card .search-container input::placeholder{opacity:.5}.table-card{padding:0;display:flex;flex-direction:column;height:490px;overflow:hidden}.table-container{flex:1;overflow-y:auto!important;scrollbar-gutter:stable;padding:0 15px;position:relative;border-top:16px solid transparent;border-bottom:16px solid transparent}.table-container table{width:100%;border-collapse:collapse!important;margin-top:-.5px!important}.table-container table thead{position:static;z-index:10}.table-container table th{position:sticky!important;top:-.5px!important;z-index:12!important;background-color:#ecedef!important;background-clip:padding-box;color:#5a6a85;font-weight:600;text-transform:uppercase;font-size:12px;padding:18px 15px;text-align:center;border:1px solid #e3e2e2}.table-container table td{padding:11px 13px;text-align:center;border:1px solid #e3e2e2;color:#333;font-size:14px}.action_btns{border:none;background:none;padding:5px 8px;margin:0 3px;font-size:12px;letter-spacing:.5px;transition:background .3s;border-radius:5px}.action_btns i{margin-right:2px}.action_btns[data-type=edit]{background:#5d87ff;color:#fff}.action_btns[data-type=edit]:hover{background:#4a6cf7}.action_btns[data-type=delete]{background:#dc3545;color:#fff}.action_btns[data-type=delete]:hover{background:#dc3546e2}.action_btns[data-type=relieve]{background:#dc8335;color:#fff}.action_btns[data-type=relieve]:hover{background:#ca762d}.action_btns[data-type=relieve] i{font-size:11px}.action_btns[data-type=reactivate]{background:#45a319;color:#fff}.action_btns[data-type=reactivate]:hover{background:#358d0d}.student_name_parent{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.student_name_parent .name{font-weight:600}.student_name_parent .class{font-size:12px;color:#8d9195}.add-btn{background:#5d87ff;color:#fff;border:none;padding:10px 20px 9px;border-radius:7px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;transition:background .3s}.add-btn i{margin-right:10px!important;font-size:14px}.add-btn:hover{background:#4a6cf7}.pagination{padding:10px 30px;display:flex;justify-content:flex-end;align-items:center;gap:40px;color:#5d87ff;font-size:15px}.pagination .pg-left,.pagination .pg-right{display:flex;align-items:center;gap:30px}.pagination select{border:1px solid #dfe5ef;padding:4px 8px;border-radius:6px;outline:none;cursor:pointer;background:#fff}.pagination .nav-icons{display:flex;gap:40px;margin-left:10px}.pagination .nav-icons i{cursor:pointer}.pagination .nav-icons i.disabled{color:#dfe5ef;cursor:default}.btn-add-submit{border:none;padding:12px 40px;border-radius:5px;font-weight:600;cursor:pointer;background:#5d87ff;color:#fff;transition:background-color .2s ease}.btn-add-submit.btn-submitting{background:#f1f3f4!important;color:#5a6a85;cursor:not-allowed;opacity:.8}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em;display:inline-block;vertical-align:middle;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin-rotation .75s linear infinite;margin-right:8px}@keyframes spin-rotation{to{transform:rotate(360deg)}}.btn-cancel{border:none;padding:12px 40px;border-radius:5px;font-weight:600;cursor:pointer;background:#f1f3f4;color:#5a6a85;transition:.2s}.btn-cancel:hover{background:#e2e6e9}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:none;align-items:center;justify-content:center;z-index:2000}.modal-overlay.show{display:flex}.modal-card{background:#fff;width:700px;border-radius:15px;padding:25px 30px;box-shadow:0 10px 30px #0000001a}.modal-header{position:relative;display:flex;justify-content:space-between;align-items:center;color:#5d87ff;letter-spacing:.1px;word-spacing:3px}.modal-header .fa-user-edit,.modal-header .fa-user-plus{background-color:#5d87ff;color:#fff;padding:8px 7px;border-radius:100%;font-size:12px;margin-right:5px}.modal-header h3{margin:0 0 15px}.fa-times-circle{position:absolute;cursor:pointer;color:#dc3545;margin:0 0 18px;font-size:26px;border-radius:13px;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;transition:scale .2s;top:13.5%;right:28.3%}.fa-times-circle:hover{scale:1.1}.close_popup_btn{top:-12%;right:-1.5%}.close_delete_popup_btn{top:4%;right:-3.3%}.avatar-container{display:flex;justify-content:center;margin-bottom:30px}.avatar-preview{position:relative;width:70px;height:70px}.avatar-preview img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;border:2px solid #f0f3ff}.edit-badge{position:absolute;bottom:0;right:0;background:#5d87ff;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid white}.modal-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-container{position:relative;margin-bottom:5px}.field-container input,.field-container select{width:100%;padding:11px 12px;border:1.5px solid #dfe5ef;border-radius:8px;outline:none;background:transparent;font-size:14px;transition:.2s}.field-container input:focus,.field-container select:focus{border-color:#5d87ff}.field-container label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:#fff;padding:0 5px;color:#999;font-size:14px;pointer-events:none;transition:.2s}.field-container input:focus+label,.field-container input:not(:placeholder-shown)+label,.field-container select:focus+label,.field-container select:valid+label{top:0;font-size:12px;color:#5d87ff;font-weight:600}.field-container span{position:absolute;border:1px solid #e5a097;box-shadow:#00000026 0 5px 15px;top:70%;right:6%;background:#fff;padding:4px 17px;border-radius:4px;font-size:11.5px;letter-spacing:.5px;word-spacing:1px;color:#ea9928;transition:.1s ease-in-out;z-index:10;display:inline-flex;align-items:center;gap:6px}.field-container span:before,.field-container span:after{content:"";position:absolute;bottom:100%;left:80%;transform:translate(-50%);width:0;height:0;border:solid transparent;pointer-events:none}.field-container span:before{border-color:transparent transparent #eaad28 transparent;border-width:5px}.field-container span:after{border-color:transparent transparent #fff transparent;border-width:5px;margin-bottom:-1px}.field-container span i{font-size:10px;margin-top:2px}.field-container.invalid-field input{border-color:#eaad28}.field-container.invalid-field input:valid,.field-container.invalid-field select:valid{border-color:#5d87ff!important;box-shadow:none!important}.field-container.invalid-field input+label,.field-container.invalid-field select+label{color:#eaad28!important}.full-width{grid-column:span 2}.centered-footer{display:flex;justify-content:center;gap:15px;margin-top:20px}.custom-select{width:100%;padding:11px 12px;border:1.5px solid #dfe5ef;border-radius:8px;outline:none;background:transparent;font-size:14px;transition:.2s;cursor:pointer;position:relative;background:#fff;display:flex;align-items:center}.custom-select .select-trigger{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:20px}.custom-select .select-trigger i{position:absolute;right:10px;color:#999;font-size:12px;transition:transform .3s}.custom-select.open{border-color:#5d87ff}.custom-select.open .select-trigger i{transform:rotate(180deg)}.custom-select.disabled{background-color:#f8f9fa;cursor:not-allowed;color:#adb5bd;border-color:#e0e0e0}.options-list{position:absolute;top:calc(100% + 5px);left:0;width:100%;background:#fff;border:1.5px solid #5d87ff;border-radius:10px;box-shadow:0 10px 25px #0000000d;list-style:none;padding:5px 0;margin:0;z-index:50;max-height:200px;overflow-y:auto}.options-list li{padding:10px 15px;font-size:14px;cursor:pointer;color:#333}.options-list li:hover{background-color:#f0f3ff;color:#5d87ff}.custom-select:focus+label,.custom-select.has-value+label,.custom-select.open+label{top:0!important;font-size:12px!important;color:#5d87ff!important;font-weight:600!important}.field-container.invalid-field .custom-select{border-color:#eaad28!important}.field-container.invalid-field label{color:#eaad28!important}.field-container.invalid-field .error-msg{color:#eaad28;font-size:11px;margin-top:4px;display:block}.action-cell{position:relative}.popup-anchor-wrapper{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-block;line-height:0;z-index:100}.hover-icon{visibility:hidden;opacity:0;background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b;border-radius:4px;padding:4px 6px;cursor:pointer;font-size:12px;transition:opacity .2s ease,background .2s ease}.hover-icon:hover{background:#e2e8f0;color:#334155}.action-cell:hover .hover-icon,.popup-anchor-wrapper:focus-within .hover-icon,.popup-anchor-wrapper:has(.popup-card) .hover-icon{visibility:visible;opacity:1}.popup-card{position:absolute;top:50%;left:37px;transform:translateY(-50%);z-index:9999;width:max-content;min-width:240px;max-width:350px;background:#faf9f9!important;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:12px;text-align:left;line-height:normal}.popup-card:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:8px;border-style:solid;border-color:transparent #faf9f9 transparent transparent;z-index:2}.popup-card:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:11px;border-style:solid;border-color:transparent #e2e8f0 transparent transparent;z-index:1}.popup-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#25c379;border-bottom:1px solid #d1d4d6;padding:0 5px 6px;margin-bottom:4px}.close-btn{background:none;border:none;color:#dc2626;font-size:16px;cursor:pointer;padding:0 3px;border-radius:15px;line-height:1;transition:scale .1s;box-shadow:#0000003d 0 3px 8px}.close-btn:hover{color:#dc2626;scale:1.2}.popup-body p{margin:4px 0 0 5px;font-size:13px;color:#334155}.copy-contact-btn{font-size:10px;letter-spacing:.5px;background:#5d87ff;border:1px solid #4a6cf7;border-radius:3px;padding:2px 5px;margin:0 0 0 5px;color:#fff}.copy-contact-btn:hover{background:#4a6cf7;border:1px solid #5d87ff}.popup-card.popup-left{left:155%}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background-color:#1e293b;color:#fff;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;box-shadow:0 10px 15px -3px #00000040;z-index:9999;display:flex;align-items:center;animation:slideUpFadeIn .2s ease-out}@keyframes slideUpFadeIn{0%{bottom:10px;opacity:0}to{bottom:24px;opacity:1}}.delete-student-modal-card{background:#fff;width:500px;border-radius:15px;padding:15px 30px;box-shadow:0 10px 30px #0000001a}.warning-header{color:#dc2626}.warning-header h3{margin:0}.modal-body p{margin:3px 0}.confirm-data-box{background-color:#f8fafc;border-left:4px solid #dc2626;padding:5px 12px;margin-top:20px;border-radius:4px}.confirm-data-box p{margin:4px 0;color:#334155}.btn-delete-submit{background-color:#dc2626;color:#fff;padding:5px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:600}.btn-delete-submit:hover{background-color:#b91c1c}.btn-delete-cancel{border:none;padding:7px 30px;border-radius:4px;font-weight:600;cursor:pointer;background:#f1f3f4;color:#5a6a85;transition:.2s}.btn-delete-cancel:hover{background:#e2e6e9}.print_student_list_btn{background:#1c85ac;color:#fff;border:none;padding:5px 8px;border-radius:4px;font-size:12px;cursor:pointer;display:flex;align-items:center;margin-right:6px;letter-spacing:.5px}.print_student_list_btn i{margin-right:8px;font-size:11px;color:#fff}.print_student_list_btn:hover{background:#1a7595}.school_actions{display:inline-flex;justify-content:center;align-items:center;flex-direction:row}.student_count_school_delete{background:#c8541a;color:#fff;padding:4px 7px 7px 10px;border-radius:100%;margin:0 9px 0 5px;font-size:13px}.scsc_para{color:#e2530b!important;margin-top:10px!important;font-weight:500}.tabs-container{display:flex;gap:10px;margin:0 24px 16px}.tab-btn{background:transparent;border:none;padding:10px 16px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:6px;position:relative;transition:all .2s ease;border-radius:10px;border:2px solid #cbccce;margin-bottom:-1px}.tab-btn:hover{color:#49576e}.tab-btn.active{background:#639cf9;color:#fff;border:2px solid #3b82f6}.tab-btn i{font-size:15px;margin-right:5PX}.tab-content-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 4px 6px #00000005}.profile_body_card{padding:0;display:flex;flex-direction:column;height:432px;overflow:hidden}.profile-groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;align-items:start;padding:10px 5px}.profile-groups-grid .group-info-card{background:#fff;border:none;border-radius:12px;box-shadow:#00000026 0 5px 15px;border:2px solid rgba(128,128,128,.2);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;padding:12px;height:310px}.profile-groups-grid .group-info-card .card-body-header{border-radius:9px 9px 0 0;padding:7px 13px 9px;background:#ebedf2e6;text-align:center;font-size:15px;font-weight:600;color:#4a89e6}.profile-groups-grid .group-info-card .card-body-content{padding:18px 10px;display:flex;flex-direction:column;gap:14px;border:1px solid rgba(235,237,242,.9019607843);border-radius:0 0 9px 9px}.profile-groups-grid .group-info-card .card-body-content .detail-row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;border-bottom:1px dashed #d4d8db;padding:0 13px 8px}.profile-groups-grid .group-info-card .card-body-content .detail-row:last-child{border-bottom:none;padding-bottom:0}.profile-groups-grid .group-info-card .card-body-content .detail-row.vertical-layout{flex-direction:column;align-items:flex-start;gap:6px}.profile-groups-grid .group-info-card .card-body-content .detail-row .field-lbl{color:#718096;font-weight:500;min-width:130px}.profile-groups-grid .group-info-card .card-body-content .detail-row .field-val{color:#1a202c;font-weight:500;text-align:right}.profile-groups-grid .group-info-card .card-body-content .detail-row .field-val.highlight-bold{font-weight:600;color:#1a202c}.profile-groups-grid .group-info-card .card-body-content .detail-row .field-val.font-medium{font-weight:500}.profile-groups-grid .group-info-card .card-body-content .detail-row .field-val.fee-highlight{font-weight:700;color:#4784c5}.profile-groups-grid .group-info-card .card-body-content .detail-row .field-val.text-danger{color:#e53e3e}.profile-groups-grid .group-info-card .card-body-content .detail-row .field-val.address-text{text-align:left;line-height:1.4;color:#2d3748}.type-badge{background:#f0fdf4;color:#16a34a;padding:3px 6px;font-size:11px;font-weight:600;border-radius:4px;border:1px solid #bbf7d0;text-transform:uppercase}.type-badge_red{background:#fdf8f0;color:#dc8335;padding:4px 8px;font-size:11px;font-weight:600;border-radius:4px;border:1px solid #f5e6db;text-transform:uppercase}.main_name{color:#3b82f6;font-weight:600;text-decoration:none;cursor:pointer}