*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system}:root,html[data-theme=light]{--bg:#f8fafc;--bg2:#eef2f7;--card:#fff;--card2:#f8fafc;--text2:#fff;--text:#0f172a;--text-soft:#475569;--border:#0f172a1f;--input:#fff;--hover:#3b82f614;--primary:#3b82f6;--success:#22c55e;--danger:#ef4444;--shadow:0 10px 30px #0f172a14}html[data-theme=dark]{--bg:#0f0f0f;--bg2:#1a1a1a;--card:#1d1d1dde;--card2:#151515;--text:#fff;--text-soft:#ffffffb8;--border:#ffffff1f;--input:#1c1c1c;--hover:#ffffff14;--primary:#3b82f6;--success:#22c55e;--danger:#ef4444;--shadow:0 20px 50px #00000059}body{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);min-height:100vh}html,body{height:100%}.login-wrapper{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{text-align:center;border:1px solid #ffffff14;border-radius:18px;width:100%;max-width:420px;padding:32px 28px;transition:all .4s;position:relative;box-shadow:0 20px 50px #0009}.login-card:hover{transform:translateY(-5px)scale(1.01)}.login-card h2{color:#fff;font-size:24px;font-weight:600}.login-card p{color:#ffffffb3;margin-bottom:25px;font-size:14px}.form-group input{color:#fff;background:#1c1c1c;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;height:50px;margin:25px 0;padding:0 14px;font-size:14px;transition:all .3s}.enquiry-modal .form-group{position:relative;margin:24px 0!important}.enquiry-modal .form-input{color:#000;background:#fff;border:1px solid #0003;border-radius:6px;outline:none;width:100%;height:44px;padding:10px 12px;font-size:14px}.enquiry-modal .form-label{color:#777;pointer-events:none;gap:20px 0;padding:10px 0;font-size:16px;transition:all .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.enquiry-modal .form-input:focus+.form-label,.enquiry-modal .form-input:not(:placeholder-shown)+.form-label{color:#000;font-size:16px;top:-12px}.enquiry-modal .form-group input{margin:0!important}.login-input input{margin:4px 0!important}.form-group input:focus{border-color:#fff;box-shadow:0 0 0 2px #6d5efc33}.form-group label{color:#aaa;pointer-events:none;font-size:16px;transition:all .3s;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{color:#fff;font-size:16px;top:-12px}.login-btn{color:#000;cursor:pointer;border:none;border-radius:12px;width:100%;height:46px;margin-top:10px;font-size:15px;font-weight:500;transition:all .3s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000080}.login-btn:active{transform:scale(.96)}.footer-text{color:#ffffffb3;margin-top:18px;font-size:15px}.footer-text a{color:#0f0;text-decoration:none}@media (max-width:420px){.login-card{padding:24px 18px}}.error-text{color:red;text-align:end;margin-top:4px;font-size:13px;display:block}.swal2-popup.swal2-toast.swal2-icon-success .swal2-timer-progress-bar{background:#22c55e!important}.swal2-popup.swal2-toast.swal2-icon-error .swal2-timer-progress-bar{background:#ef4444!important}.register-form{margin-top:10px}.register-page .login-card{max-width:800px}.register-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.register-grid .form-group{margin:0 0 8px!important}.register-grid .full-width{grid-column:span 2}.register-grid .form-group input{margin:8px 0!important}@media (max-width:768px){.register-grid{grid-template-columns:1fr}.register-grid .full-width{grid-column:span 1}}.layout{width:100%;min-height:100vh;display:flex}.app{flex-direction:column;flex:1;height:100vh;padding:18px;display:flex;overflow-y:auto}.main{z-index:1;flex:1;width:100%;position:relative}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;border:1px solid #ffffff40;width:240px;padding:22px 18px;transition:all .35s}.logo{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-wrapper{justify-content:center;align-items:center;display:flex}.logo-wrapper img{max-width:100%;height:auto}.logo-box{align-items:center;gap:10px;margin-bottom:25px;font-size:18px;font-weight:700;display:flex}.menu-item{color:#fffc;border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;font-size:15px;text-decoration:none;transition:all .3s;display:flex}.menu-item span{margin-left:8px;font-weight:600}.menu-item:hover{color:#fff;background:#ffffff14}.menu-item svg{flex-shrink:0}.close-btns{cursor:pointer;color:#fff;cursor:pointer;margin-bottom:25px;font-size:22px;display:none}@media (max-width:900px){.close-btns{display:block}}.forgot-link{color:#007bff;font-size:15px;text-decoration:none;transition:all .3s}.forgot-link:hover{color:#0056b3;text-decoration:underline}.menu a{color:#fff;border-radius:10px;margin-bottom:10px;padding:12px 14px;font-size:14px;text-decoration:none;display:block}.menu a:hover,.menu a.active{background:#3b82f6}.setting-item{justify-content:space-between;align-items:center;display:flex}.menu-left{align-items:center;gap:12px;display:flex}.arrow{transition:transform .35s}.arrow.rotate{transform:rotate(180deg)}.submenu{opacity:0;flex-direction:column;gap:2px;max-height:0;padding-left:35px;transition:max-height .4s,opacity .3s,transform .3s;display:flex;overflow:hidden;transform:translateY(-10px)}.submenu.open{opacity:1;max-height:200px;transform:translateY(0)}.submenu-item{color:#ffffffbf;border-radius:10px;font-size:14px;text-decoration:none;transition:all .25s;padding:8px 10px!important}.submenu-item:hover{color:#fff;background:#ffffff14;transform:translate(4px)}.submenu-item.active{color:#fff;background:linear-gradient(135deg,#4da0ff,#2f6fff)}.mp-label{color:#fff;margin-bottom:5px;font-size:14px;display:block}.dark-select{color:#fff;background:#111;outline:none;width:100%;padding:10px;transition:all .2s}.dark-select option{color:#fff;background:#111}.top-header{background:#3b82f6;border-radius:14px;justify-content:space-between;align-items:center;height:64px;margin-bottom:22px;padding:0 22px;display:flex}.top-header h2{color:#fff;font-size:18px}.left{align-items:center;display:flex}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;margin-right:12px;font-size:24px;display:none}.profile-box{cursor:pointer;position:relative}.profile-img{border:2px solid #fff9;border-radius:50%;width:38px;height:38px}.profile-dropdown{color:#fff;opacity:0;visibility:hidden;z-index:100;background:#1d1d1ddd;border:1px solid #ffffff40;border-radius:12px;width:230px;transition:all .25s;position:absolute;top:52px;right:0;overflow:hidden;transform:translateY(10px);box-shadow:0 25px 60px #00000040}.profile-box:hover .profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.profile-info{text-align:center;border-bottom:1px solid var(--border);padding:16px}.profile-info strong{font-size:15px;display:block}.profile-info span{color:var(--text-soft);font-size:13px}.profile-dropdown a{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;font-size:14px;text-decoration:none;display:flex}.profile-dropdown a:hover{color:#000;background:#f5f7ff}.profile-dropdown a.logout{color:var(--danger)}.top-header{z-index:9999;position:relative}.cards{z-index:1;position:relative}.stats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.cards{background:#1d1d1ddd;border:1px solid #ffffff40;border-radius:16px;padding:20px;color:#fff!important}.card-top{color:#fffc;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.cards svg{color:#fff}.cards h3{margin-top:5px;font-size:22px;font-weight:600}@media (max-width:900px){.hamburger{display:block}.sidebar{z-index:9999;height:100vh;position:fixed;top:0;left:-260px}.sidebar.show{left:-5px}.close-btns{display:block}.stats{grid-template-columns:1fr}}.table-card{-webkit-backdrop-filter:blur(18px);color:#fff;border:1px solid #ffffff40;border-radius:18px;padding:26px;box-shadow:0 30px 60px #00000040}.table-header{border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.table-header h2{margin-bottom:10px;font-size:22px;font-weight:600}.table-wrap{width:100%;max-height:425px;overflow-y:auto}table{border-collapse:collapse;width:100%;min-width:600px}.table-wrap thead th{z-index:2;background:#111;position:sticky;top:0}th,td{text-align:left;padding:14px 12px;font-size:14px}th{color:#ffffffe6;border-bottom:1px solid #ffffff40}tr{border-radius:10px;border-bottom:1px solid #ffffff40!important}.action-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:12px}.edit{background-color:#0b5ed7;margin-right:5px;text-decoration:none}.profile{margin-right:5px;text-decoration:none;background:#0dcaf0!important}.delete{background:linear-gradient(135deg,#ff6a6a,#ff4d4d)}@media (max-width:600px){.table-header{flex-direction:column;align-items:flex-start;gap:10px}}.table-wrap{scrollbar-width:thin;overflow-x:auto}.table-wrap::-webkit-scrollbar{height:6px}.table-action-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#4da0ff,#2f6fff);border:none;border-radius:8px;padding:8px 14px}.table-action-link{color:#fff;background:linear-gradient(135deg,#4da0ff,#2f6fff);border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;text-decoration:none;display:inline-flex}.table-actions{align-items:center;gap:10px;display:flex}.table-search{color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;outline:none;min-width:200px;padding:8px 12px;font-size:14px}.table-search::placeholder{color:#fff9}.table-search:focus{background:#ffffff1f;border-color:#4da0ff}.table-header button{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:8px 14px}.table-pagination{justify-content:flex-end;margin-top:18px;display:flex}.page-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;padding:6px 12px}.page-btn.active{background:linear-gradient(135deg,#4da0ff,#2f6fff);border:none}@media (max-width:600px){.table-actions{flex-direction:column;width:100%}.table-search,.table-header button{width:100%}.table-pagination{justify-content:center}}.member-profile-page{padding:20px}.member-profile-header{color:#fff;border:1px solid #ffffff17;border-radius:16px;padding:30px 18px}.member-profile-user{align-items:center;gap:16px;display:flex}.member-profile-avatar{border:3px solid #fff;border-radius:50%;width:78px;height:78px}.member-profile-status{background:#22c55e;border-radius:20px;margin-top:6px;padding:4px 14px;font-size:12px;display:inline-block}.member-profile-card{border:1px solid #ffffff17;border-radius:16px;margin-top:18px;padding:22px}.member-profile-section{margin-bottom:28px}.member-profile-title{color:#fff;border-left:4px solid #5b5be0;margin-bottom:14px;padding-left:10px;font-size:16px}.member-profile-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.member-profile-box{border:1px solid #ffffff14;border-radius:10px;padding:14px}.member-profile-box span{color:#fff;font-size:15px}.member-profile-box strong{color:#fff;margin-top:4px;font-size:14px;display:block}.member-profile-actions{flex-wrap:wrap;gap:12px;display:flex}.mp-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px}.mp-edit{background:#2563eb}.mp-invoice{background:#f59e0b}.mp-delete{background:#ef4444}@media (max-width:600px){.member-profile-user{text-align:center;flex-direction:column}}.mp-input{color:#fffe;border:1px solid #ffffff17;border-radius:8px;outline:none;width:100%;margin-top:6px;padding:10px;font-size:14px;background:0 0!important}.mp-input::placeholder{color:#fff}.avatar-upload-box{flex-direction:column;align-items:center;gap:8px;display:flex}.upload-btn{color:#5b5be0;cursor:pointer;background:#fff;border:1px dashed #c7c7ff;border-radius:20px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.upload-btn:hover{background:#eef2ff}.card-page{background:#e5e7eb;justify-content:center;align-items:center;height:100vh;display:flex}.gym-card{background:#fff;border-radius:25px;width:420px;overflow:hidden;box-shadow:0 15px 40px #0003}.card-header{color:#fbbf24;text-align:center;background:#000;padding:30px;font-size:28px;font-weight:700}.card-info{color:#fff;background:#1e3a5f;padding:20px;display:flex}.member-photo img{object-fit:cover;border:4px solid #fff;border-radius:10px;width:120px;height:140px}.member-details{flex:1;margin-left:20px}.member-details h2{margin-bottom:5px;font-size:28px}.member-id{border-bottom:1px solid #fff6;margin-bottom:12px;padding-bottom:6px}.batch{color:#000;background:#fbbf24;margin-bottom:8px;padding:8px;font-weight:600}.trainer{background:#ef4444;padding:8px;font-weight:600}.qr-section{text-align:center;padding:30px}.qr-section p{letter-spacing:2px;margin-top:10px;font-weight:700}.print-btn{color:#fff;cursor:pointer;background:#111827;border:none;width:100%;padding:12px;font-size:16px}@media print{.print-btn{display:none}body{background:#fff}}.custom-modal{z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.custom-modal-dialog{width:100%;max-width:500px;padding:10px}.custom-modal-content{background:#fff;border-radius:12px;animation:.3s scaleIn;overflow:hidden}.form-group{margin-top:20px;margin-bottom:20px;position:relative}.form-input{border-radius:6px;outline:none;width:100%;padding:12px;font-size:14px;border:1px solid #ffffff1a!important}.cstm{color:#000!important;background-color:#fff!important;border:1px solid #0003!important}.form-label{color:#999;pointer-events:none;padding:0 2px;font-size:16px;transition:all .2s;position:absolute;top:10px;left:10px}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{color:#000;font-size:16px;top:-15px}.custom-modal-header,.custom-modal-footer{border-bottom:1px solid #eee;padding:15px 20px}.custom-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.custom-modal-header h5{margin:0;font-size:18px;font-weight:600}.close-btn{cursor:pointer;background:0 0;font-size:18px;line-height:1;border:none!important;outline:none!important}.custom-modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:10px;display:flex}.custom-modal-body{padding:20px}@media (max-width:768px){.custom-modal-dialog{max-width:95%;padding:0}.custom-modal-content{border-radius:10px}.custom-modal-body{padding:15px}.custom-modal-header,.custom-modal-footer{padding:12px 15px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.help-page{color:#fff;background:#0b0f14;min-height:100vh;padding:20px}.help-title{margin-bottom:20px}.help-card{background:#11161c;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 0 10px #0000004d}.help-card h3{margin-bottom:10px}.help-btn{cursor:pointer;color:#000;background:#00ff9c;border:none;border-radius:8px;margin-top:10px;padding:10px 15px;font-weight:500}.help-textarea{color:#fff;background:#0b0f14;border:1px solid #222;border-radius:8px;width:100%;height:100px;margin-top:10px;padding:10px}@media (max-width:768px){.help-page{padding:15px}}.upgrade-container{justify-content:center;padding:30px;display:flex}.upgrade-card{background:#fff;border-radius:15px;width:100%;max-width:500px;padding:25px;box-shadow:0 10px 30px #0000001a}.upgrade-card h2{margin-bottom:20px}.user-box{background:#f1f5f9;border-radius:10px;margin-bottom:20px;padding:12px}.pay-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:10px;width:100%;margin-top:15px;padding:12px;font-size:16px}.pay-btn:disabled{background:gray}.upload-box{text-align:center;background:#fafafa;border:2px dashed #ccc;border-radius:12px;padding:20px;transition:all .3s}.upload-box:hover{border-color:#007bff}.upload-label:hover{color:#fff;background:#007bff}.mp-pay{background:green}.skeleton{background:#ffffff0d;border-radius:16px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff14 40%,#ffffff2e 50%,#ffffff14 60%,#0000 80%);animation:1.6s linear infinite dashShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes dashShimmer{to{transform:translate(100%)}}.sk{background:#ffffff14;border-radius:6px}.sk-text{width:100px;height:10px}.sk-icon{width:20px;height:20px}.sk-value{width:80px;height:20px;margin-top:10px}.sk-title{width:120px;height:12px;margin-bottom:15px}.sk-chart{border-radius:10px;width:100%;height:300px}.mp-view{color:#fff;background:#111;border:1px solid #333;border-radius:6px;padding:10px}.shimmer-line,.shimmer-item,.shimmer-circle{background:linear-gradient(90deg,#7a7a7a 25%,#9e9e9e 50%,#7a7a7a 75%);animation:1.5s infinite shimmer}.shimmer-line{border-radius:6px;height:14px;margin:6px 0}.w-200{width:200px}.w-150{width:150px}.shimmer-circle{border-radius:50%;width:80px;height:80px}.shimmer-item{border-radius:8px;height:50px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.neo-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;width:100%;padding:12px;font-weight:500}@media print{body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.neo-header{color:#fff!important;background:#000!important}.neo-profile h3,.neo-details p,.neo-details label{color:#000!important}.neo-print{display:none!important}}.attendance{color:#fff!important;background-color:#151515!important;border:1px solid #fff3!important;border-radius:12px!important}.btn-scan{color:#000!important;background-color:#fff!important}.custom-date{border-radius:8px;padding:8px 12px;color:#fff!important;background-color:#111!important;border-color:#ffffff17!important}.custom-date::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.password-field{position:relative}.eye-btn{cursor:pointer;color:#555;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-btn:hover{color:#000}@media (max-width:768px){.top-header{z-index:999;height:auto;padding:10px 14px;position:sticky;top:0}.top-header h2{font-size:15px}.left{gap:8px}.profile-img{width:32px;height:32px}.profile-dropdown{width:200px;right:-10px}}.table-wrap::-webkit-scrollbar-thumb{background:#888;border-radius:10px}@media (max-width:768px){.table-header{flex-direction:column;align-items:flex-start;gap:10px}.table-actions{flex-wrap:wrap;width:100%}.table-search,.table-header button{width:100%}.table-header{flex-direction:column;align-items:stretch}.table-actions,.table-search,.table-header button{width:100%}.table-pagination{flex-wrap:wrap;justify-content:center}.app{padding:10px}.main{width:100%}}.is-invalid{border:1px solid red!important}.text-danger{margin-top:3px;font-size:12px;display:block}.member-profile-box{flex-direction:column;gap:6px;display:flex}.mp-label{color:#888;font-size:13px}.mp-view{color:#fff;background:green;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-flex}.icard-page{justify-content:center;align-items:center;height:100vh;display:flex}.icard-container{color:#000;background:#fff;border:2px solid #000;border-radius:20px;width:380px;overflow:hidden;box-shadow:0 25px 60px #0006}.icard-header{color:#fff;text-align:center;background:#000;padding:18px 12px}.icard-header h2{letter-spacing:1px;text-transform:uppercase;font-size:18px;font-weight:700}.icard-address{color:#fffc;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.icard-header span{opacity:.7;font-size:12px}.icard-top{align-items:center;gap:15px;padding:18px;display:flex}.icard-photo img{object-fit:cover;border:2px solid #000;border-radius:10px;width:110px;height:110px}.icard-basic h3{margin-bottom:5px}.icard-id{color:#555;margin-bottom:10px;font-size:12px}.icard-mini{margin-bottom:6px}.icard-mini span{color:#777;font-size:11px}.icard-mini strong{font-size:13px;display:block}.icard-qr{text-align:center;padding:10px}.icard-qr p{margin-top:6px;font-size:11px}.icard-details{padding:15px}.icard-row{border-bottom:1px dashed #ccc;justify-content:space-between;padding:6px 0;display:flex}.icard-row span{color:#555;font-size:12px}.icard-row strong{font-size:13px}.icard-grid{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.icard-grid .icard-mini,.icard-grid .icard-row{border-bottom:1px dashed #ccc;padding-bottom:6px}.icard-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;width:100%;padding:12px;font-weight:500}@media print{.icard-print{display:none}body{background:#fff!important}}.tbl-sk-wrap{align-items:center;display:flex}.tbl-sk{background:#ffffff14;border-radius:8px;position:relative;overflow:hidden}.tbl-sk:after{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff40 40%,#fff6 50%,#ffffff40 60%,#0000 80%);animation:1.5s linear infinite tblShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes tblShimmer{to{transform:translate(100%)}}.tbl-sk-text{width:100%;height:14px}.tbl-sk-sm{width:35px;height:12px}.tbl-sk-btn{border-radius:6px;width:42px;height:28px}.table-actions{gap:10px;display:flex}@media (max-width:768px){.table-actions{flex-direction:row;justify-content:space-between}.table-actions button{flex:1;padding:6px;font-size:14px}}.action-buttons{flex-wrap:nowrap;justify-content:center;align-items:center;gap:2px;display:flex}.action-btn{justify-content:center;align-items:center;padding:5px;display:flex}.chart-box{color:#fff;background-color:#1d1d1ddd;border:1px solid #ffffff40;border-radius:18px;padding:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009,inset 0 1px #ffffff08}.chart-box:hover{transform:translateY(-6px);box-shadow:0 20px 50px #000c,inset 0 1px #ffffff0d}.charts{gap:20px;margin-top:20px;display:grid}@media (min-width:992px){.charts{grid-template-columns:7fr 3fr}.chart-box.big{grid-column:span 2}}@media (max-width:991px){.charts{grid-template-columns:1fr}}.pie-modern{flex-direction:column;justify-content:space-between;display:flex}.pie-wrapper{position:relative}.pie-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-center h2{color:#fff;margin:0;font-size:22px}.pie-center span{color:#aaa;font-size:12px}.pie-legend{color:#ccc;justify-content:space-around;margin-top:10px;font-size:13px;display:flex}.pie-stats{color:#ccc;justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.dot{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.green{background:#22c55e}.red{background:#ef4444}.reportx-wrapper{color:#fff;width:100%;margin-top:20px}.reportx-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px;display:grid}.reportx-card{background:linear-gradient(145deg,#0f0f0f,#1a1a1a);border:1px solid #ffffff0d;border-radius:16px;padding:18px;transition:all .3s;box-shadow:0 10px 30px #0009}.reportx-card:hover{transform:translateY(-5px)}.reportx-card p{color:#aaa;font-size:13px}.reportx-card h2{margin-top:6px;font-size:22px;font-weight:600}.reportx-charts{gap:20px;display:grid}@media (min-width:992px){.reportx-charts{grid-template-columns:7fr 3fr}}.reportx-chart-box{background:linear-gradient(145deg,#111,#1c1c1c);border:1px solid #ffffff40;border-radius:18px;flex-direction:column;justify-content:center;width:100%;padding:20px;transition:all .3s;display:flex;box-shadow:0 15px 40px #000000b3}.reportx-chart-box:hover{transform:translateY(-6px)}.reportx-chart-box h3{color:#fff;margin-bottom:15px;font-size:16px}@media (max-width:768px){.reportx-stats,.reportx-charts{grid-template-columns:1fr}}.reportx-sk{background:#ffffff0f;border-radius:10px;position:relative;overflow:hidden}.reportx-sk:after{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff26 40%,#ffffff40 50%,#ffffff26 60%,#0000 80%);animation:1.4s infinite reportxShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes reportxShimmer{to{transform:translate(100%)}}.reportx-sk-title{width:120px;height:14px;margin-bottom:10px}.reportx-sk-value{width:80px;height:22px}.reportx-sk-heading{width:160px;height:16px;margin-bottom:15px}.reportx-sk-chart{border-radius:12px;width:100%;height:300px}.reportx-sk-pie{border-radius:50%;width:100%;height:240px}.reportx-card .reportx-sk-value{margin-top:6px}.reportx-sk{box-shadow:inset 0 0 20px #ffffff05}@media (max-width:768px){.scanner-header{text-align:center;flex-direction:column;align-items:center}.scanner-header h4{margin-bottom:8px}.scanner-header input{width:100%}}.table-actionss{flex-wrap:wrap;gap:10px;display:flex}.table-actions-btn{flex:1;min-width:150px}@media (max-width:768px){.table-actions-btn{flex:0 0 48%}}body,.help-page,.card-page,.icard-page{color:var(--text);background:linear-gradient(135deg,var(--bg),var(--bg2))!important}h1,h2,h3,h4,h5,h6,p,span,label,strong,a,td,th,div{color:inherit}.sidebar,.table-card,.cards,.chart-box,.reportx-card,.reportx-chart-box,.member-profile-card,.member-profile-header,.help-card{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:var(--shadow)!important}.top-header{background:var(--primary)!important;color:#fff!important}.menu-item,.submenu-item,.menu a{color:var(--text-soft)!important}.menu-item:hover,.submenu-item:hover,.menu a:hover,.menu a.active{background:var(--primary)!important;color:var(--text2)!important}input,select,textarea,.form-input,.mp-input,.table-search,.custom-date,.dark-select{background:var(--input)!important;color:var(--text)!important;border:1px solid var(--border)!important}input::placeholder,textarea::placeholder,.form-label,.form-group label,.mp-label{color:var(--text-soft)!important}.table-wrap thead th{background:var(--card2)!important}tr{border-bottom:1px solid var(--border)!important}tr:hover td{background:var(--hover)!important}th,td{color:var(--text)!important}.profile-dropdown{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important}.profile-dropdown a{color:var(--text)!important}.profile-dropdown a:hover{background:var(--hover)!important}.theme-btn,.pay-btn,.mp-btn,.table-action-btn,.table-action-link,.page-btn{cursor:pointer;border:none}.theme-btn{color:#fff;background:#ffffff2e;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}html[data-theme=light] .theme-btn{color:#111;background:#fffffff2}html[data-theme=light] .profile-img{border-color:#0000001f}html[data-theme=light] .cards svg,html[data-theme=light] .card-top,html[data-theme=light] .member-profile-title,html[data-theme=light] .pie-center h2,html[data-theme=light] .pie-center span{color:var(--text)!important}.custom-modal-content{background:var(--card)!important;color:var(--text)!important}.custom-modal-header,.custom-modal-footer{border-color:var(--border)!important}.table-wrap::-webkit-scrollbar-thumb{background:var(--primary)!important}.member-profile-box{color:var(--text)!important;background:0 0!important}.member-profile-box span,.member-profile-box .mp-label{margin-bottom:6px;font-size:14px;color:var(--text-soft)!important}.member-profile-box .mp-input,.member-profile-box select,.member-profile-box input,.member-profile-box textarea{border-radius:8px;width:100%;background:var(--input)!important;color:var(--text)!important;border:1px solid var(--border)!important}.member-profile-box select option{background:var(--card)!important;color:var(--text)!important}.member-profile-box input[readonly]{opacity:.9;cursor:not-allowed}.member-profile-box input[type=file]{cursor:pointer;padding:8px!important}.member-profile-box input[type=file]::file-selector-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-right:10px;padding:8px 12px}.text-danger,.error-text{margin-top:4px;font-size:12px;color:#ef4444!important}.mp-view,.mp-edit{align-items:center;gap:6px;text-decoration:none;display:inline-flex}html[data-theme=light] .member-profile-box{border-color:#00000014!important}html[data-theme=light] .member-profile-title{color:#111827!important}.member-profile-box input:focus,.member-profile-box select:focus,.member-profile-box textarea:focus{outline:none;box-shadow:0 0 0 3px #3b82f61f;border-color:var(--primary)!important}.attendance{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;border-radius:16px!important}.scanner-header h4,.attendance p,.attendance strong{color:var(--text)!important}#reader{min-height:250px;padding:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 30px #0000001f;background:var(--card2)!important;border:3px solid var(--border)!important;background:radial-gradient(circle at top right,#3b82f62e,transparent 35%),radial-gradient(circle at bottom left,#22c55e24,transparent 35%),var(--card2)!important;border:1px solid var(--border)!important;border-radius:18px!important}#reader video{object-fit:cover;border-radius:14px;width:100%!important;height:100%!important}#reader:after{content:"";background:linear-gradient(90deg,#0000,#22c55e,#0000);border-radius:999px;height:3px;animation:2s linear infinite scanMove;position:absolute;top:20px;left:12px;right:12px;box-shadow:0 0 12px #22c55ecc}#reader:before{content:"";pointer-events:none;border:2px solid #3b82f659;border-radius:14px;position:absolute;inset:14px}@keyframes scanMove{0%{opacity:1;top:20px}50%{opacity:1}to{opacity:.4;top:calc(100% - 20px)}}@media (max-width:768px){#reader{min-height:260px}}.manual-card{background:radial-gradient(circle at top right,#3b82f61f,transparent 30%),radial-gradient(circle at bottom left,#22c55e14,transparent 30%),var(--card)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;border-radius:18px!important}.manual-card h4{font-weight:700;color:var(--text)!important}.manual-card .form-label{margin-bottom:8px;font-size:14px;color:var(--text-soft)!important}.manual-card .form-control{border-radius:12px;height:48px;background:var(--input)!important;color:var(--text)!important;border:1px solid var(--border)!important}.manual-card .form-control:focus{box-shadow:0 0 0 4px #3b82f61f;border-color:var(--primary)!important}.manual-card .hint-box{background:var(--card2);border:1px dashed var(--border);color:var(--text-soft);border-radius:14px;font-size:14px}.manual-card .btn-scan{border-radius:12px;height:48px;font-weight:600}@media (max-width:768px){.manual-card{padding:18px!important}}html[data-theme=dark] .hint-box{color:#fff;background:#1f1f1f!important;border-color:#ffffff1f!important}html[data-theme=light] .hint-box{color:#101010;background:var(--card2)!important}.custom-date{background:var(--input)!important;color:var(--text)!important;border:1px solid var(--border)!important}.custom-date::-webkit-datetime-edit{color:inherit}.custom-date::-webkit-datetime-edit-text{color:inherit}.custom-date::-webkit-datetime-edit-year-field{color:inherit}.custom-date::-webkit-datetime-edit-month-field{color:inherit}.custom-date::-webkit-datetime-edit-day-field{color:inherit}.custom-date::-webkit-calendar-picker-indicator{cursor:pointer}html[data-theme=dark] .custom-date::-webkit-calendar-picker-indicator{filter:invert()}html[data-theme=light] .custom-date::-webkit-calendar-picker-indicator{filter:invert(0)}.btn-scan{background:var(--primary)!important;color:#fff!important;border:none!important}.btn-scan:hover{opacity:.95}.attendance .btn-danger{border:none!important}@media (max-width:768px){.scanner-header{flex-direction:column;align-items:center;gap:10px}#reader{max-width:320px;width:100%!important}}[data-theme=dark] .swal2-popup{color:#fff!important;background:#1c1c1c!important}[data-theme=dark] .swal2-title,[data-theme=dark] .swal2-html-container,[data-theme=dark] .swal2-content{color:#fff!important}[data-theme=dark] .swal2-popup table,[data-theme=dark] .swal2-popup thead,[data-theme=dark] .swal2-popup tbody,[data-theme=dark] .swal2-popup tr,[data-theme=dark] .swal2-popup th,[data-theme=dark] .swal2-popup td{color:#fff!important;background:0 0!important;border-color:#374151!important}[data-theme=dark] .swal2-popup tbody tr:nth-child(2n){background:#ffffff08!important}