.ls-none{list-style:none!important}.pointer{cursor:pointer!important}#controlsArea{margin-left:30%}.pageItems{border:none;border-bottom:1px solid black;background-color:transparent;height:-moz-fit-content;height:fit-content;margin-left:1%}.ngx-pagination .current{background:linear-gradient(to right,#80b6ab,#1ABB9C)!important}ul>li>a.active{color:#1abb9c!important;font-weight:700}.stepContainer{height:100%!important}.stats-container{margin:20px 0}.stat-card{position:relative;padding:25px;border-radius:10px;color:#fff;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%}.stat-card:hover{transform:translateY(-5px);box-shadow:5px #00000026}.stat-title{font-size:1.1rem;font-weight:600;margin-bottom:10px;position:relative;z-index:2}.stat-value{font-size:2.2rem;font-weight:700;margin:15px 0;text-align:center;position:relative;z-index:2}.stat-description{font-size:.9rem;opacity:.9;margin-bottom:0;position:relative;z-index:2}.stat-icon{position:absolute;right:20px;top:20px;font-size:3.5rem;opacity:.2;z-index:1;transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1);opacity:.3}.bg-primary-gradient{background:linear-gradient(135deg,#4a6cf7 0%,#2541b2 100%)}.bg-success-gradient{background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%)}.bg-info-gradient{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)}@media (max-width: 768px){.stat-card{padding:20px}.stat-value{font-size:1.8rem}.stat-icon{font-size:2.8rem}}@media (max-width: 576px){.stat-card{margin-bottom:15px}.stat-title{font-size:1rem}.stat-value{font-size:1.5rem;margin:10px 0}}.login-button{background-color:#c30;border-radius:15px;padding:10px;height:55px;color:#fff!important;width:100%}form-input{height:90px!important;padding:5px!important;border-color:#c30!important}forgot-password{color:#c30;padding:3px!important}.member-profile-image{width:180px;height:150px;border-radius:20px;object-fit:cover;border:2px solid #ddd;cursor:pointer}.member-image:hover,.image-placeholder:hover{border-color:#007bff;transform:scale(1.1);transition:all .3s ease}.image-placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;cursor:pointer}.member-image{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer}.profile-img-container{position:relative;display:inline-block;width:200px;height:200px;margin:0 auto 20px}.member-profile-image{width:100%;height:100%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 10px #0000001a}.id-img-container{position:relative;width:100%;max-width:200px}.id-img-container img{width:100%;height:auto;max-height:150px;object-fit:contain}.edit-pen-btn{position:absolute;bottom:10px;right:10px;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003;cursor:pointer;transition:all .3s}.edit-pen-btn:hover{background:#f8f9fa;transform:scale(1.1)}.table{font-size:.9rem}.table th{border-top:none;font-weight:600}@media (max-width: 768px){.profile-img-container{width:120px;height:120px}.member-profile-image{border-width:2px}.edit-pen-btn{width:25px;height:25px;bottom:5px;right:5px}.card-body{padding:1rem}}.pagination{display:inline-flex}.pagination .ngx-pagination a{color:#495057;text-decoration:none}.pagination .ngx-pagination .current{background:#343a40}.modal-dialog{max-width:600px}.modal-content{border:none;border-radius:16px;box-shadow:0 20px 40px #00000026;overflow:hidden}.modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;padding:1.5rem 2rem}.modal-header h4{font-weight:600;letter-spacing:.5px}.modal-body{padding:2rem;background:#f8f9fa}.file-upload-wrapper{border:3px dashed #dee2e6;border-radius:12px;padding:3rem 2rem;transition:all .3s ease;background:white;position:relative;cursor:pointer}.file-upload-wrapper:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 8px 25px #667eea1a}.file-upload-wrapper.has-file{border-color:#28a745;background:#f8fff8}.file-upload-label{display:block;cursor:pointer;margin:0;text-align:center}.file-upload-input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer}.preview-image{max-width:200px;max-height:200px;border-radius:12px;box-shadow:0 8px 20px #0000001a;border:4px solid white;display:block;margin:0 auto}.progress{height:8px;border-radius:4px;background:#e9ecef;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px}.btn{border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #667eea4d}.btn-outline-secondary{border-color:#6c757d;color:#6c757d}.btn-outline-secondary:hover{background:#6c757d;border-color:#6c757d;transform:translateY(-1px)}.btn-outline-primary{background:white;border:2px solid #667eea;color:#667eea;font-weight:500}.btn-outline-primary:hover{background:#667eea;border-color:#667eea;color:#fff}.alert-danger{border:none;border-radius:8px;background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.close{background:none;border:none;font-size:1.5rem;color:#fff;opacity:.8;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close:hover{opacity:1;background:rgba(255,255,255,.1)}@media (max-width: 768px){.modal-dialog{margin:1rem;max-width:calc(100% - 2rem)}.modal-body{padding:1.5rem}.modal-header{padding:1.25rem 1.5rem}.modal-footer{padding:1.25rem 1.5rem;flex-direction:column-reverse}.modal-footer .btn{width:100%;margin-bottom:.5rem}.modal-footer .btn:last-child{margin-bottom:0}.file-upload-wrapper{padding:2rem 1rem}.preview-image{max-width:150px;max-height:150px}}@media (max-width: 576px){.modal-header h4{font-size:1.1rem}.file-upload-wrapper{padding:1.5rem 1rem}.fa-3x{font-size:2rem!important}}.uploading-state{opacity:.7;pointer-events:none}.file-upload-input:focus+.file-upload-label{outline:2px solid #667eea;outline-offset:2px}.btn:focus{box-shadow:0 0 0 3px #667eea40}.file-upload-wrapper{border:2px dashed #ced4da;border-radius:8px;padding:2rem;background-color:#f8f9fa;cursor:pointer;transition:all .3s ease}.file-upload-wrapper:hover{border-color:#4e73df;background-color:#f0f7ff}.file-upload-wrapper.drag-over{border-color:#4e73df;background-color:#e7f1ff}.preview-image{max-width:100%;max-height:300px;object-fit:contain;border-radius:8px}.progress{height:10px;border-radius:5px}.progress-bar{background-color:#4e73df;transition:width .3s ease}.modal-header{padding:1rem 1.5rem;border-bottom:none}.modal-content{border-radius:12px}.bg-gradient-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.upload-area{border:2px dashed #e0e0e0;border-radius:10px;padding:2.5rem 1rem;text-align:center;background-color:#f8f9fa;transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:#667eea;background-color:#f0f5ff}.upload-area.active{border-color:#764ba2;background-color:#f8f0ff}.upload-content{max-width:300px;margin:0 auto}.image-preview-container{position:relative;display:inline-block;max-width:300px}.preview-image{max-height:200px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.btn-remove{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}.btn{transition:all .3s ease}.btn-primary{background-color:#667eea;border-color:#667eea}.btn-primary:hover{background-color:#5a6fd1;border-color:#5a6fd1;transform:translateY(-1px)}.progress{height:8px;border-radius:4px}.progress-bar{transition:width .6s ease}.modal-content{border-radius:12px;overflow:hidden}.modal-header{padding:1.25rem 1.5rem;border-bottom:none}.form-floating{margin-bottom:1rem}.form-floating>label{color:#6c757d;padding:.5rem .75rem}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);padding:1rem .75rem;border:1px solid #ced4da;border-radius:8px}.form-floating>.form-control:focus,.form-floating>.form-select:focus{box-shadow:0 0 0 .25rem #0d6efd40;border-color:#86b7fe}.is-invalid{border-color:#dc3545}.is-invalid:focus{box-shadow:0 0 0 .25rem #dc354540}.invalid-feedback{font-size:.875rem;margin-top:.25rem}.btn{transition:all .3s ease;font-weight:500}.btn-primary{background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca;transform:translateY(-1px)}.btn-outline-secondary{border-color:#dee2e6}.btn-outline-secondary:hover{background-color:#f8f9fa}@media (max-width: 768px){.modal-dialog{margin:1rem auto}.form-floating>.form-control,.form-floating>.form-select{height:calc(3rem + 2px);padding:.75rem}}.section-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:24px;display:flex;align-items:center;gap:8px}.section-title:before{content:"\1f465";font-size:1.2rem}.bg-gradient-warning{background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%)}.session-countdown{position:relative;display:inline-block;width:100px;height:100px}.progress-ring{transform:rotate(-90deg);width:100px;height:100px}.progress-ring-circle{stroke:#e9ecef;stroke-dasharray:226;stroke-dashoffset:0;transition:stroke-dashoffset .35s;transform-origin:50% 50%}.progress-ring-active{stroke:#ff6b35;stroke-dashoffset:113;animation:countdown 30s linear infinite}@keyframes countdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:226}}.countdown-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#ff6b35}.modal-content{border-radius:20px;overflow:hidden}.alert-warning-custom{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border:1px solid #ffeaa7;color:#856404}.btn-keep-active{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;color:#fff;transition:all .3s ease}.btn-keep-active:hover{background:linear-gradient(135deg,#218838 0%,#1c7c6d 100%);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d;color:#fff}.btn-logout{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border:none;color:#fff;transition:all .3s ease}.btn-logout:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%);transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d;color:#fff}.pulse-icon{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.modal-backdrop.show{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:float 20s infinite linear}@keyframes float{0%{transform:translate(0) rotate(0)}to{transform:translate(-50px,-50px) rotate(360deg)}}.moving-circle{position:absolute;border-radius:50%;opacity:.6;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.circle-1{width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.2),rgba(102,126,234,.1));top:10%;left:10%;animation:moveRandom1 15s infinite}.circle-2{width:120px;height:120px;background:radial-gradient(circle,rgba(118,75,162,.15),rgba(255,255,255,.05));top:70%;right:15%;animation:moveRandom2 20s infinite}.circle-3{width:60px;height:60px;background:radial-gradient(circle,rgba(255,255,255,.25),rgba(102,126,234,.1));top:30%;right:20%;animation:moveRandom3 18s infinite}.circle-4{width:100px;height:100px;background:radial-gradient(circle,rgba(118,75,162,.1),rgba(255,255,255,.1));bottom:20%;left:20%;animation:moveRandom4 22s infinite}.circle-5{width:40px;height:40px;background:radial-gradient(circle,rgba(255,255,255,.3),rgba(102,126,234,.15));top:50%;left:5%;animation:moveRandom5 16s infinite}.circle-6{width:90px;height:90px;background:radial-gradient(circle,rgba(118,75,162,.12),rgba(255,255,255,.08));top:80%;right:40%;animation:moveRandom6 25s infinite}@keyframes moveRandom1{0%{transform:translate(0) scale(1)}25%{transform:translate(200px,100px) scale(1.2)}50%{transform:translate(50px,300px) scale(.8)}75%{transform:translate(-100px,150px) scale(1.1)}to{transform:translate(0) scale(1)}}@keyframes moveRandom2{0%{transform:translate(0) scale(1) rotate(0)}20%{transform:translate(-150px,-100px) scale(1.3) rotate(72deg)}40%{transform:translate(-300px,50px) scale(.9) rotate(144deg)}60%{transform:translate(-100px,-200px) scale(1.1) rotate(216deg)}80%{transform:translate(-250px,-50px) scale(1.2) rotate(288deg)}to{transform:translate(0) scale(1) rotate(360deg)}}@keyframes moveRandom3{0%{transform:translate(0)}30%{transform:translate(-120px,200px)}60%{transform:translate(-250px,-100px)}to{transform:translate(0)}}@keyframes moveRandom4{0%{transform:translate(0) scale(1)}33%{transform:translate(180px,-150px) scale(1.4)}66%{transform:translate(300px,-50px) scale(.7)}to{transform:translate(0) scale(1)}}@keyframes moveRandom5{0%{transform:translate(0) rotate(0)}25%{transform:translate(300px,-100px) rotate(90deg)}50%{transform:translate(250px,200px) rotate(180deg)}75%{transform:translate(100px,-50px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes moveRandom6{0%{transform:translate(0) scale(1)}20%{transform:translate(150px,100px) scale(.8)}40%{transform:translate(-50px,-150px) scale(1.3)}60%{transform:translate(200px,-100px) scale(.9)}80%{transform:translate(-100px,50px) scale(1.1)}to{transform:translate(0) scale(1)}}.login-card{width:100%;max-width:420px;background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff4d,inset 0 1px #fff6;overflow:hidden;margin:auto;position:relative;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 576px){.login-card{width:95%;margin:20px auto}}.card-header{padding:3rem 2rem 1rem;text-align:center;background:transparent;position:relative}.logo{height:80px;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.logo:hover{transform:scale(1.05) rotate(2deg)}.card-body{padding:1rem 2rem 2rem}.title{color:#1a202c;font-size:2rem;font-weight:700;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,#cc3300 0%,#ff4444 50%,#b22d00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#64748b;text-align:center;margin-bottom:2.5rem;font-size:.95rem;font-weight:400;line-height:1.5}.input-group{position:relative;margin-bottom:1.5rem}.input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1.1rem;transition:color .3s ease;z-index:2}.form-control{width:100%;padding:16px 16px 16px 50px;border:1px solid #dee2e6;border-radius:5px;font-size:1rem;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none}.form-select{width:100%;padding:12px 16px 12px 50px;border:1px solid #dee2e6;border-radius:5px;font-size:1rem;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none}.form-control:focus{border-color:#c30;box-shadow:0 0 0 4px #cc33001a;background:rgba(255,255,255,1);transform:translateY(-2px)}.form-control:focus+.input-icon{color:#c30}.form-control::placeholder{color:#9ca3af;font-weight:400}.login-btn{width:100%;padding:16px;background:linear-gradient(135deg,#cc3300 0%,#ff4444 20%,#cc3300 50%,#b22d00 100%);color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:1rem;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 25px #cc33004d,inset 0 1px #fff3}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.login-btn:hover:before{left:100%}.login-btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,#ff4444 0%,#cc3300 30%,#ff4444 70%,#cc3300 100%);box-shadow:0 20px 40px #c306,0 0 0 1px #ffffff1a,inset 0 1px #ffffff4d}.login-btn:active{transform:translateY(-1px);background:linear-gradient(135deg,#b22d00 0%,#cc3300 50%,#b22d00 100%)}.forgot-password{display:block;text-align:center;margin-top:2rem;color:#c30;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;position:relative}.forgot-password:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:#cc3300;transition:all .3s ease;transform:translate(-50%)}.forgot-password:hover{color:#b22d00;transform:translateY(-1px)}.forgot-password:hover:after{width:100%}.card-footer{padding:2rem;text-align:center;background:rgba(241,243,245,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(209,213,219,.6);position:relative}.brand{color:#1a202c;font-weight:600;font-size:1.1rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:8px}.brand i{color:#c30;font-size:1.2rem}.copyright{color:#64748b;font-size:.85rem;margin:0;font-weight:400}.input-group:hover .form-control{border-color:#ced4da;transform:translateY(-1px)}.login-btn.loading{pointer-events:none}.login-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,.moving-circle{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.moving-circle{opacity:.2}}@media (prefers-color-scheme: dark){.login-card{background:rgba(26,32,44,.95)}.title{color:#f7fafc}.subtitle{color:#a0aec0}.brand{color:#f7fafc}.copyright{color:#a0aec0}}:root{--sidebar-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--sidebar-text: #ffffff;--sidebar-text-muted: rgba(255, 255, 255, .8);--sidebar-hover: rgba(255, 255, 255, .1);--sidebar-active: rgba(255, 255, 255, .2);--sidebar-border: rgba(255, 255, 255, .1);--section-header: rgba(255, 255, 255, .9);--shadow-light: 0 2px 10px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.left_col{background:var(--sidebar-bg);box-shadow:4px 0 25px #00000026;border-right:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.left_col:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:-1}.profile-container{padding:2rem 1rem;border-bottom:1px solid var(--sidebar-border);margin-bottom:0;background:rgba(255,255,255,.05)}.profile_pic img{border-radius:16px;padding:.75rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-medium);transition:var(--transition-smooth);border:2px solid rgba(255,255,255,.2)}.profile_pic img:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 8px 30px #0003}hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--sidebar-border),transparent);margin:0;opacity:.6}.main_menu_side{padding:1.5rem 0}.menu_section{margin-bottom:2.5rem}.menu_section h3{color:var(--section-header);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;padding:0 1.5rem;margin-bottom:1.2rem;opacity:.95;position:relative;font-family:Segoe UI,system-ui,-apple-system,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.1)}.menu_section h3:after{content:"";position:absolute;bottom:-.6rem;left:1.5rem;width:60px;height:2px;background:linear-gradient(90deg,var(--sidebar-text) 0%,rgba(255,255,255,.7) 70%,transparent 100%);border-radius:1px;box-shadow:0 1px 3px #fff3}.side-menu{list-style:none;padding:0;margin:0}.side-menu>li{margin-bottom:.5rem;position:relative}.side-menu>li>a{display:flex;align-items:center;color:var(--sidebar-text);text-decoration:none!important;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;transition:var(--transition-smooth);border-radius:0 30px 30px 0;margin-right:1rem;position:relative;cursor:pointer;background:transparent}.side-menu>li>a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,255,255,.1);transition:var(--transition-smooth);border-radius:0 30px 30px 0}.side-menu>li>a:hover{padding-left:2rem;color:var(--sidebar-text);box-shadow:var(--shadow-light)}.side-menu>li>a:hover:before{width:100%}.side-menu>li.active>a,.side-menu>li.active-sm>a{background:var(--sidebar-active);box-shadow:var(--shadow-medium);border-left:4px solid var(--sidebar-text);color:var(--sidebar-text);font-weight:600}.side-menu>li.active>a:before,.side-menu>li.active-sm>a:before{width:100%}.side-menu>li>a i{width:22px;margin-right:1rem;font-size:1.1rem;opacity:.9;transition:var(--transition-smooth)}.side-menu>li>a:hover i{transform:scale(1.1);opacity:1}.side-menu>li>a .fa-chevron-down{margin-left:auto;margin-right:0;width:auto;font-size:.75rem;transition:var(--transition-smooth);opacity:.7}.side-menu>li.active>a .fa-chevron-down,.side-menu>li.active-sm>a .fa-chevron-down{transform:rotate(180deg);opacity:1}.child_menu{list-style:none;padding:0;margin:0;background:rgba(0,0,0,.15);border-radius:0 20px 20px 0;margin-right:1rem;overflow:hidden;border-left:2px solid rgba(255,255,255,.3)}.child_menu li{border-bottom:1px solid rgba(255,255,255,.2);position:relative}.child_menu li:last-child{border-bottom:none}.child_menu li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,255,255,.05);transition:var(--transition-smooth)}.child_menu li:hover:before{width:100%}.child_menu a{display:block;color:var(--sidebar-text-muted);text-decoration:none!important;padding:.875rem 1.5rem .875rem 3.5rem;font-size:.85rem;font-weight:400;transition:var(--transition-smooth);position:relative}.child_menu a:hover{color:var(--sidebar-text);padding-left:4rem;font-weight:500}.child_menu a.active{color:var(--sidebar-text);background:rgba(255,255,255,.1);font-weight:600;border-left:3px solid var(--sidebar-text)}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:1.5rem 1rem;display:flex;justify-content:space-around;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-footer a{color:var(--sidebar-text-muted);font-size:1.1rem;padding:.875rem;border-radius:50%;transition:var(--transition-smooth);background:rgba(255,255,255,.08);width:52px;height:52px;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;overflow:hidden}.sidebar-footer a:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:scale(0);transition:var(--transition-smooth)}.sidebar-footer a:hover{color:var(--sidebar-text);background:rgba(255,255,255,.15);transform:translateY(-3px);box-shadow:var(--shadow-medium)}.sidebar-footer a:hover:before{transform:scale(1)}.left_col::-webkit-scrollbar{width:8px}.left_col::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.left_col::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.1));border-radius:4px;border:2px solid transparent;background-clip:padding-box}.left_col::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.2))}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.side-menu>li{animation:slideInLeft .3s ease forwards}.side-menu>li:nth-child(1){animation-delay:.1s}.side-menu>li:nth-child(2){animation-delay:.2s}.side-menu>li:nth-child(3){animation-delay:.3s}.side-menu>li:nth-child(4){animation-delay:.4s}.side-menu>li:nth-child(5){animation-delay:.5s}@media (max-width: 768px){.left_col{width:100%!important}.side-menu>li>a{padding:.875rem 1rem;margin-right:.5rem}.profile-container{padding:1rem}}@media (prefers-contrast: high){:root{--sidebar-bg: linear-gradient(135deg, #000080 0%, #4B0082 100%);--sidebar-border: rgba(255, 255, 255, .3)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.whatsapp-chat-container{max-width:100%;margin:0 auto;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026;border:1px solid #e0e0e0}.chat-header{background:#075e54;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #128c7e}.chat-header-info h4{margin:0;font-size:16px;font-weight:500}.online-status{font-size:12px;color:#4fc3f7;margin-top:2px}.chat-actions{display:flex;align-items:center}.message-count{background:rgba(255,255,255,.2);padding:4px 8px;border-radius:12px;font-size:11px}.messages-area{height:500px;overflow-y:auto;padding:20px;background:#e5ddd5;background-image:radial-gradient(circle at 25px 25px,rgba(255,255,255,.15) 2%,transparent 0%),radial-gradient(circle at 75px 75px,rgba(255,255,255,.1) 2%,transparent 0%);background-size:100px 100px;position:relative}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.message-row{display:flex;margin-bottom:8px;clear:both;animation:messageSlide .3s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.message-row.sent{justify-content:flex-end}.message-row.received{justify-content:flex-start}.message-bubble{max-width:70%;min-width:50px;padding:6px 7px 8px 9px;border-radius:7.5px;word-wrap:break-word;box-shadow:0 1px .5px #00000021;position:relative}.message-row.sent .message-bubble{background-color:#dcf8c6;margin-right:8px}.message-row.received .message-bubble{background-color:#fff;margin-left:8px}.sender-name{font-size:12.8px;font-weight:500;color:#e91e63;margin-bottom:3px}.message-text{font-size:14.2px;line-height:19px;color:#303030;margin-bottom:4px;white-space:pre-wrap}.message-footer{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px}.message-time{font-size:11px;color:#667781;opacity:.8}.message-status{width:16px;height:8px;display:flex;align-items:center}.checkmark{width:16px;height:8px;fill:#4fc3f7}.empty-chat{text-align:center;color:#667781;padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-chat p{font-size:16px;margin:0 0 8px;font-weight:500}.empty-chat small{font-size:13px;opacity:.7}.message-input-area{background:#f0f0f0;padding:10px 16px;border-top:1px solid #ddd}.message-form{margin:0}.input-wrapper{display:flex;align-items:flex-end;gap:8px}.input-container{flex:1;background:white;border-radius:21px;border:1px solid #ddd;display:flex;align-items:center;min-height:42px;max-height:100px;box-shadow:0 1px 3px #0000001a}.message-input{flex:1;border:none;outline:none;padding:9px 12px 11px;font-size:15px;line-height:20px;resize:none;background:transparent;font-family:inherit;max-height:78px;overflow-y:auto}.message-input::placeholder{color:#667781}.message-input:focus{outline:none}.input-container:focus-within{border-color:#25d366;box-shadow:0 0 0 2px #25d3661a}.send-btn{width:42px;height:42px;background-color:#25d366;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.send-btn:hover:not(:disabled){background-color:#128c7e;transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.send-icon{width:20px;height:20px;fill:#fff;transform:rotate(-45deg)}@media (max-width: 768px){.whatsapp-chat-container{border-radius:0;box-shadow:none;border:none}.message-bubble{max-width:85%}.messages-area{height:400px;padding:15px}.message-input-area{padding:8px 12px}.chat-header{padding:12px 16px}.chat-actions{display:none}.message-text{font-size:14px}}@media (max-width: 480px){.message-bubble{max-width:90%}.messages-area{height:350px;padding:12px}.chat-header-info h4{font-size:14px}.online-status{font-size:11px}}.message-input{transition:height .1s ease}.send-btn:focus{outline:2px solid #25d366;outline-offset:2px}.message-input:focus{border-color:#25d366}.sending-message .send-btn{background-color:#ccc;pointer-events:none}.sending-message .send-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}.message-bubble:hover{box-shadow:0 2px 4px #0000001a}.messages-area{scroll-behavior:smooth}.chart-container{position:relative;width:100%;height:400px;padding:15px;display:flex;justify-content:center;align-items:center}.chart-container canvas{max-width:100%;max-height:100%}.dashboard-container{padding:20px;background-color:#f8f9fa;min-height:100vh}.page-title{margin-bottom:20px}.page-title h3{color:#333;font-weight:600;margin-bottom:0}.dashboard-overview{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding:20px;background-image:linear-gradient(to right,#3ab5b0 0%,#3d99be 31%,#56317a 100%);border-radius:15px;color:#fff;font-weight:600}.member-profile-header{margin-bottom:30px;padding:20px;background-image:linear-gradient(to right,#3ab5b0 0%,#3d99be 31%,#56317a 100%);color:#fff!important;font-weight:600}.data-visualisation{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(to bottom,#D5DEE7 0%,#E8EBF2 50%,#E2E7ED 100%),linear-gradient(to bottom,rgba(0,0,0,.02) 50%,rgba(255,255,255,.02) 61%,rgba(0,0,0,.02) 73%),linear-gradient(33deg,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);background-blend-mode:normal,color-burn;border-radius:15px;color:#031e1e;font-size:20px!important;font-family:Harlow Solid Italic!important}.dashboard-overview i{font-size:32px;color:#fff}.dashboard-overview h2{color:#fff;margin:0;font-weight:600}.stat-card{padding:30px 20px;border-radius:15px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;min-height:180px;display:flex;flex-direction:column;justify-content:center}.stat-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.stat-title{font-size:18px;font-weight:600;margin-bottom:15px;color:#333}.stat-value{font-size:36px;font-weight:700;margin-bottom:10px;color:#2c3e50}.stat-description{font-size:14px;color:#666;margin:0}.stat-icon{position:absolute;top:20px;right:20px;font-size:32px;opacity:.3}.card{border-radius:15px;border:none;transition:all .3s ease;box-shadow:0 5px 15px #00000014}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.card-header{color:#fff;border-radius:15px 15px 0 0!important}.header-background{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.body-background{background-color:#cddcdc;background-image:radial-gradient(at 50% 100%,rgba(255,255,255,.5) 0%,rgba(0,0,0,.5) 100%),linear-gradient(to bottom,rgba(255,255,255,.25) 0%,rgba(0,0,0,.25) 100%);background-blend-mode:screen,overlay}.card-header h6{color:#fff!important;font-weight:600;margin:0;font-size:16px}.logout-background{margin:5px;background-image:linear-gradient(to top,#ff0844 0%,#ffb199 100%);color:#fff!important}.logout-background:hover{background-image:linear-gradient(-45deg,#FFC796 0%,#FF6B95 100%);color:#1e293b!important}.clinic-card-background{border-radius:0 30px/0px 30px!important;border-right-width:3px!important;border-left-width:3px!important;transition:transform .3s ease;background-image:linear-gradient(to right,#f9d423 0%,#ff4e50 100%);color:#0e0e0e!important;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.clinic-card-background:hover{background-image:linear-gradient(-225deg,#FFE29F 0%,#FFA99F 48%,#FF719A 100%);color:#fff!important;border-radius:30px 0/30px 0px!important;border-right-width:3px!important;border-left-width:3px!important;transform:translateY(-7px);box-shadow:0 4px 8px #0003;opacity:.9}.agent-card-background{border-radius:0 30px/0px 30px!important;border-right-width:3px!important;border-left-width:3px!important;transition:transform .3s ease;background-image:linear-gradient(15deg,#13547a 0%,#80d0c7 100%);color:#0e0e0e!important;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.agent-card-background:hover{background-image:linear-gradient(-225deg,#B7F8DB 0%,#50A7C2 100%);color:#fff!important;border-radius:30px 0/30px 0px!important;border-right-width:3px!important;border-left-width:3px!important;transform:translateY(-7px);box-shadow:0 4px 8px #0003;opacity:.9}.member-card-background{border-radius:0 30px/0px 30px!important;border-right-width:3px!important;border-left-width:3px!important;transition:transform .4s ease;background-image:linear-gradient(-225deg,#65379B 0%,#886AEA 53%,#6457C6 100%);color:#0e0e0e!important;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.member-card-background:hover{background-image:linear-gradient(-225deg,#5271C4 0%,#B19FFF 48%,#ECA1FE 100%);color:#fff!important;border-radius:30px 0/30px 0px!important;border-right-width:3px!important;border-left-width:3px!important;transform:translateY(-7px);box-shadow:0 4px 8px #0003;opacity:.9}.sme-card-background{border-radius:0 30px/0px 30px!important;border-right-width:3px!important;border-left-width:3px!important;transition:transform .4s ease;background-image:linear-gradient(to top,#e6b980 0%,#eacda3 100%);color:#0e0e0e!important;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.sme-card-background:hover{background-image:linear-gradient(to top,#fddb92 0%,#d1fdff 100%);color:#fff!important;border-radius:30px 0/30px 0px!important;border-right-width:3px!important;border-left-width:3px!important;transform:translateY(-7px);box-shadow:0 4px 8px #0003;opacity:.9}.member-registered-background{transition:transform .4s ease;background-image:linear-gradient(to right,#ffecd2 0%,#fcb69f 100%);box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.table{margin-bottom:0}.table th{border-top:none;font-weight:600;color:#333;background-color:#f8f9fa}.table td{vertical-align:middle}.badge{padding:6px 10px;font-size:12px;border-radius:10px}.fade-in{animation:fadeIn .8s ease-in}.stagger-animation .col-md-3:nth-child(1){animation-delay:.1s}.stagger-animation .col-md-3:nth-child(2){animation-delay:.2s}.stagger-animation .col-md-3:nth-child(3){animation-delay:.3s}.stagger-animation .col-md-3:nth-child(4){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.chart-container{height:350px;padding:15px}}@media (max-width: 768px){.dashboard-container{padding:10px}.chart-container{height:300px;padding:10px}.dashboard-overview{flex-direction:column;text-align:center;padding:15px}.dashboard-overview h2{font-size:24px}.stat-card{min-height:150px;padding:20px 15px}.stat-value{font-size:28px}.card-header{padding:15px}}@media (max-width: 576px){.chart-container{height:250px;padding:5px}.stat-value{font-size:24px}.stat-title{font-size:16px}.dashboard-overview h2{font-size:20px}}.chart-loading{display:flex;justify-content:center;align-items:center;height:400px;color:#666;font-size:18px}.text-decoration-none:hover{text-decoration:none!important}.clearfix:after{content:"";display:table;clear:both}.x_panel{background:white;border-radius:20px;box-shadow:0 5px 15px #00000014;padding:30px;margin-bottom:30px}.x_content{padding:0}.stats-container{margin-bottom:40px}.h4{color:#fff;font-weight:600;display:flex;align-items:center}.form-background{background-image:linear-gradient(to top,#e6e9f0 0%,#eef1f5 100%)}.form-container{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius);box-shadow:0 25px 50px var(--shadow-strong);max-width:600px;width:100%;overflow:hidden;position:relative}.form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--danger-gradient)}.delete-form{padding:0;margin:0}.form-header{padding:20px 20px 10px;text-align:center;position:relative}.warning-icon-container{width:100px;height:100px;background-image:linear-gradient(to right,#f83600 0%,#f9d423 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;animation:pulse-warning 2s infinite;box-shadow:0 10px 30px #ff6b6b4d}@keyframes pulse-warning{0%,to{transform:scale(1);box-shadow:0 10px 30px #ff6b6b4d}50%{transform:scale(1.05);box-shadow:0 15px 40px #ff6b6b66}}.warning-icon-container i{font-size:2.5rem;color:#fff}.clinic-name-display{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;padding:10px;margin:20px 0;position:relative;overflow:hidden}.clinic-name-display:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--danger-gradient)}.clinic-name{font-size:1.4rem;font-weight:700;color:#2c3e50;margin:0;padding-left:20px}.form-title{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:15px;line-height:1.3}.warning-text{font-size:1rem;color:#dc3545;font-weight:600;margin:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;background:rgba(220,53,69,.1);border-radius:10px;border:1px solid rgba(220,53,69,.2)}.warning-text i{font-size:1.1rem;animation:blink 1.5s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.form-body{padding:20px 40px}.modal-footer{border:none;padding:40px;display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-enhanced{border-radius:50px;padding:14px 30px;font-weight:600;font-size:1rem;border:none;transition:var(--transition);min-width:140px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.btn-enhanced:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn-enhanced:hover:before{width:300px;height:300px}.btn-cancel{background:var(--secondary-gradient);color:#fff;box-shadow:0 6px 20px #6c757d4d}.btn-cancel:hover{background:linear-gradient(135deg,#5a6268,#3d4043);transform:translateY(-2px);box-shadow:0 8px 25px #6c757d66;color:#fff}.btn-delete{background:var(--danger-gradient);color:#fff;box-shadow:0 6px 20px #ff6b6b4d}.btn-delete:hover{background:linear-gradient(135deg,#ff5252,#d63031);transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b80;color:#fff}.btn-enhanced i{margin-right:8px;font-size:1.1rem;z-index:1;position:relative}.btn-enhanced span{z-index:1;position:relative}.btn-loading{pointer-events:none;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:20px;height:20px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.confirmation-step{display:none;text-align:center;padding:20px 0}.confirmation-step.active{display:block;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirmation-input{border:2px solid #dc3545;border-radius:10px;padding:12px 16px;font-size:1rem;text-align:center;margin:20px auto;max-width:300px;font-weight:600}.confirmation-input:focus{outline:none;border-color:#bb2d3b;box-shadow:0 0 15px #dc354533}@media (max-width: 576px){.form-header,.form-body,.modal-footer{padding-left:25px;padding-right:25px}.btn-enhanced{min-width:120px;padding:12px 24px;font-size:.9rem}.form-title{font-size:1.5rem}.clinic-name{font-size:1.2rem}}.demo-clinic-name{color:#2c3e50!important;font-weight:700}.btn-responsive-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.btn-responsive{display:flex;align-items:center;justify-content:center;padding:5px 15px;border-radius:6px;font-weight:500;transition:all .3s ease;flex:1 0 auto;width:auto}.btn-responsive i{margin-right:5px}.btn-responsive:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.btn-responsive-group{justify-content:stretch;flex-direction:column;width:100%}.btn-responsive{width:100%;margin:5px 0}.justify-content-end{justify-content:flex-start!important}}@media (min-width: 769px) and (max-width: 992px){.btn-responsive-group{gap:8px}.btn-responsive{padding:8px 12px;font-size:.9rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-responsive{animation:fadeIn .4s ease-out}.btn-responsive:nth-child(1){animation-delay:.1s}.btn-responsive:nth-child(2){animation-delay:.2s}.btn-responsive:nth-child(3){animation-delay:.3s}.btn-responsive:nth-child(4){animation-delay:.4s}