*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system}body{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);min-height:100vh}.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{margin-bottom:18px;position:relative}.form-group input{color:#fff;background:#1c1c1c;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;height:50px;margin:28px 0;padding:0 14px;font-size:14px;transition:all .3s}.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}}.layout{width:100%;min-height:100vh;display:flex}.app{flex-direction:column;flex:1;padding:18px;display:flex}.main{width:100%}.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-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}.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:#ffffff40}.main{flex:1}.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:#ffffff14;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:#000;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 #ffffff2e;padding:16px}.profile-info strong{font-size:15px;display:block}.profile-info span{color:#fff;font-size:13px}.profile-dropdown a{color:#fff;border-bottom:1px solid #ffffff2e;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:#e74c3c}.top-header{z-index:9999;position:relative}.main,.cards{z-index:1;position:relative}.stats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.cards{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}.charts{color:#fff;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:50px;display:grid}@media (max-width:768px){.charts{grid-template-columns:1fr}.chart-box{width:100%}.table-card{padding:16px}table{min-width:200px}th,td{padding:10px 8px;font-size:13px}}@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-header button{color:#fff;cursor:pointer;background:linear-gradient(#6d5efc,#5a4be0);border:none;border-radius:10px;padding:10px 16px;font-size:14px}.table-wrap{width:100%;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:800px}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}tr:hover td{background:#fff3}.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-wrap::-webkit-scrollbar-thumb{background:#4da0ff;border-radius:10px}.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;background:linear-gradient(135deg,#4da0ff,#2f6fff);border:none;border-radius:8px;padding:8px 14px}.table-pagination{justify-content:flex-end;gap:8px;margin-top:14px;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-pay{background:#22c55e}.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:6px 14px;font-size:12px;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-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}.custom-modal-dialog{width:100%;max-width:500px;padding:10px}@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;min-height:100vh;padding:20px}.help-title{margin-bottom:20px}.help-card{border:1px solid #ffffff17;border-radius:12px;margin-bottom:20px;padding:20px}.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}.field{margin-bottom:15px}.field label{margin-bottom:5px;font-weight:600;display:block}.field select,.field input{border:1px solid #ccc;border-radius:8px;width:100%;padding:10px}.coupon-box button{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:8px;padding:10px 15px}.summary{background:#eef6ff;border-radius:10px;margin-top:10px;padding:15px}.discount{color:green}.success-msg{color:green;margin-bottom:10px;font-size:14px}.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}.coupon-section{margin-top:20px}.coupon-section label{margin-bottom:6px;font-weight:600;display:block}.coupon-box{gap:10px;display:flex}.coupon-box input{border:1px solid #ddd;border-radius:8px;outline:none;flex:1;padding:10px;transition:all .3s}.coupon-box input:focus{border-color:#007bff}.coupon-box button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#007bff,#00c6ff);border:none;border-radius:8px;padding:10px 16px;transition:all .3s}.coupon-box button:hover{transform:scale(1.05)}.coupon-success{color:green;margin-top:8px;font-weight:500}.upload-section{margin-top:25px}.upload-section label{margin-bottom:8px;font-weight:600;display:block}.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-box input{display:none}.upload-label{cursor:pointer;background:#f1f1f1;border-radius:8px;padding:10px 15px;transition:all .3s;display:inline-block}.upload-label:hover{color:#fff;background:#007bff}.file-name{color:green;margin-top:10px;font-size:14px}.skeleton{background:#000;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:150px;height:100%;animation:1.2s infinite shimmer;position:absolute;top:0;left:-150px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sk{background:#e0e0e0;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}.floating-input{position:relative}.floating-input input{border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:8px 10px}.floating-input label{color:#777;pointer-events:none;padding:0 5px;font-size:15px;transition:all .3s;position:absolute;top:12px;left:10px}.floating-input input:focus+label,.floating-input input:not(:placeholder-shown)+label{color:#fff;font-size:16px;top:-24px}.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,#111 25%,#222 50%,#111 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}.neo-page{justify-content:center;align-items:center;height:100vh;display:flex}.neo-card{color:#000;background:#fff;border:1px solid #ffffff0d;border-radius:24px;width:360px;overflow:hidden;box-shadow:0 30px 80px #0000004d}.neo-header{text-align:center;color:#fff;background:#000;padding:22px}.neo-header h2{font-size:18px;font-weight:600}.neo-header span{opacity:.8;font-size:12px}.neo-profile{text-align:center;padding:22px}.neo-profile img{object-fit:cover;border:3px solid #000000b3;border-radius:50%;width:120px;height:120px}.neo-profile h3{margin-top:10px}.neo-profile p{color:#000;font-size:12px}.neo-details{flex-direction:column;gap:14px;padding:20px;display:flex}.neo-details div{border-bottom:1px dashed #0000004d;justify-content:space-between;padding-bottom:6px;display:flex}.neo-details label{color:#000;font-size:12px}.neo-details p{font-size:13px;font-weight:500}.neo-status{border-radius:20px;padding:2px 10px;font-size:11px}.neo-status.active{background:#22c55e}.neo-status.inactive{background:#ef4444}.card-footer p{text-align:center;border:none;width:100%;margin-top:10px;padding:12px;font-size:12px}.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}.custom-date::-webkit-datetime-edit{color:#fff!important}.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}.shimmer-box,.shimmer-btn,.shimmer-badge{background:linear-gradient(90deg,#1e1e1e 25%,#2a2a2a 50%,#1e1e1e 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s linear infinite shimmer}.table-shimmer-wrapper{background:#0f0f0f;border-radius:12px;padding:25px}.table-shimmer-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.table-shimmer-actions{gap:10px;display:flex}.table-shimmer-table{border-top:1px solid #222}.table-row{border-bottom:1px solid #222;grid-template-columns:40px 150px 120px 120px 80px 80px 100px 80px 180px;align-items:center;gap:25px;padding:15px 0;display:grid}.table-row.header{opacity:.5}.w-30{width:30px;height:18px}.w-80{width:80px;height:18px}.w-120{width:120px;height:18px}.w-150{width:150px;height:18px}.w-200{width:200px;height:18px}.h-15{height:15px}.h-20{height:20px}.h-35{height:35px}.shimmer-badge{border-radius:20px;width:70px;height:22px}.shimmer-badge.small{width:60px;height:20px}.action-shimmer{gap:8px;display:flex}.shimmer-btn{border-radius:6px;width:60px;height:28px}.copyright{color:#ffffffb3;z-index:9999;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;width:calc(100% - 240px);height:40px;font-size:13px;display:flex;position:fixed;left:240px;margin-top:50px!important;padding-top:25px!important;bottom:0!important}