@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{--accent-color: #3498db;--error-color: #d23838;--bg-color: #222;--text-color: #ffffff;--glass-bg: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .3);--header-bg: ##2a2a2a;--sidebar-bg: #2a2a2a;--sidebar-text: #ffffff;--button-bg: transparent;--button-text: #ffffff;--button-border: var(--accent-color);--card-box-bg: rgba(255, 255, 255, .1);--primary-modal-card-bg: #2d3748;--primary-modal-bg-color: #1a202c;--primary-modal-border-color: #4a5568;--primary-modal-accent-color: #68d391;--bg-color2: #1a202c;--bg-color3: #2d3748}.light{--accent-color: #3498db;--bg-color: #f9f9f9;--text-color: #333333;--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .1);--header-bg: #ffffff;--sidebar-bg: #ffffff;--sidebar-text: #333333;--button-bg: #3498db;--button-text: #ffffff;--button-border: #3498db;--card-box-bg: rgba(186, 186, 186, .588);--primary-modal-card-bg: #ffffff;--primary-modal-bg-color: #ffffff;--primary-modal-border-color: #e2e8f0;--primary-modal-accent-color: #48bb78;--bg-color2: #fff;--bg-color3: #fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background-color:var(--bg-color);color:var(--text-color);background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:20px 20px;transition:background-color .4s,color .4s}body.modal-open{overflow:hidden;position:fixed;width:100%}.header{display:flex;justify-content:space-between;align-items:center;background-color:var(--header-bg);padding:10px 20px;border-bottom:1px solid var(--glass-border);margin-bottom:20px;transition:background-color .4s}.header .logo{font-size:18px}.right-icons{display:flex;align-items:center;gap:30px;position:relative}.sidebar{width:220px;background-color:var(--sidebar-bg);color:var(--sidebar-text);min-height:100vh;padding:20px;transition:background-color .4s}.sidebar .logo{font-size:36px;font-weight:700;padding-bottom:20px;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav ul li a{display:block;padding:15px 20px;color:var(--sidebar-text);text-decoration:none;border-radius:8px;transition:background-color .3s}.sidebar nav ul li a:hover{background-color:#ffffff1a}.sidebar nav ul li a.active{background-color:var(--card-box-bg)}.nav-icon{font-size:1.2rem;margin-right:12px;vertical-align:middle;transition:color .2s ease}.sidebar .sidebar-trainer-toggle{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;color:var(--sidebar-text);border-radius:8px;cursor:pointer;transition:background-color .3s}.sidebar .sidebar-trainer-toggle:hover{background-color:#ffffff1a}.sidebar .sidebar-trainer-toggle.active{background-color:var(--card-box-bg)}.dropdown-icon{margin-left:auto;display:flex;align-items:center;font-size:14px}.sidebar .submenu{list-style:none;padding-left:10px;margin-top:5px}.sidebar .submenu li a{font-size:14px;padding:10px 20px;color:var(--sidebar-text);display:block;border-radius:6px;transition:background-color .3s}.sidebar .submenu li a:hover{background-color:#ffffff14}.sidebar .submenu li a.active{background-color:#cccccc9a}.main-content{flex:1;padding:20px;transition:background-color .4s}.dashboard-card-wrapper{display:flex;gap:20px;margin-top:20px;width:100%}.dashboard-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;padding:30px;flex:1;cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;justify-content:space-between;color:var(--accent-color);background:var(--sidebar-bg);box-shadow:0 2px 8px #0000001a}.dashboard-card:hover{transform:translateY(-3px);border:1px solid currentcolor}.dashboard-text-content-wrapper h2{font-size:22px;font-weight:500}.dashboard-text-content-wrapper p{font-size:36px;font-weight:600}.dashboard-card-img-wrapper{width:150px}.dashboard-card-img-wrapper img{width:100%}@media (max-width: 768px){.dashboard-card-wrapper{grid-template-columns:1fr!important}}.blue-card{color:var(--accent-color)}.red-card{color:#ff4747}.green-card{color:#2cd651}.yellow-card{color:#fffa5d}.neon-button{position:relative;display:inline-block;padding:12px 24px;color:var(--button-text);background:var(--button-bg);border:2px solid var(--button-border);border-radius:30px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:box-shadow .3s,transform .3s;overflow:hidden}.neon-button:hover{box-shadow:0 0 5px var(--button-border),0 0 10px var(--button-border),0 0 20px var(--button-border);transform:translateY(-2px)}.neon-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-color);filter:blur(8px);opacity:.6;transition:.5s}.neon-button:hover:before{left:100%}.button-style2{position:relative;display:inline-block;padding:8px 15px;color:var(--button-text);background:var(--button-bg);border:2px solid var(--button-border);border-radius:10px;font-weight:500;cursor:pointer;transition:box-shadow .3s,transform .3s;overflow:hidden}.button-style2:hover{transform:translateY(-2px);background:var(--button-border);color:#fff;transition:.1s ease-in}.icon-button{background:none;border:none;cursor:pointer;padding:5px;transition:transform .2s ease}.profile-icon{transition:color .2s ease}.icon-button:hover .profile-icon{color:var(--accent-color)}.icon-button:hover{transform:scale(1.05)}.dropdown{position:absolute;right:0;top:60px;background-color:var(--bg-color);border:1px solid var(--glass-border);box-shadow:0 2px 4px #0003;border-radius:8px;overflow:hidden;z-index:100}.dropdown ul{list-style:none;margin:0;padding:0}.dropdown ul li{padding:10px 20px;border-bottom:1px solid var(--glass-border);cursor:pointer}.dropdown ul li:hover{background-color:#ffffff1a}.glass-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:20px;box-shadow:0 8px 32px #0003;margin:20px 0;transition:background-color .4s,backdrop-filter .4s}.neon-text{color:var(--accent-color);text-shadow:0 0 5px var(--accent-color),0 0 10px var(--accent-color),0 0 20px var(--accent-color)}.button{background-color:var(--button-bg);color:var(--button-text);padding:10px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.button:hover{background-color:var(--accent-color)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.modal-content{box-shadow:0 2px 10px #00000080;border:2px solid var(--button-border);color:var(--text-color);background:var(--bg-color);padding:2rem;border-radius:12px;max-width:500px;animation:modalOpen .3s ease forwards;max-height:90vh;overflow-y:auto;margin:20px 0}.modal-content:hover{transform:translateY(-2px)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-thumb{background-color:#4299e1;border-radius:4px;border:2px solid #e2e8f0;transition:background-color .2s}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#3182ce}.modal-close{position:absolute;top:10px;right:15px;font-size:24px;background:none;border:none;color:var(--text-color);cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.modal-form{padding:20px;overflow-y:auto}.form-section{margin-bottom:2rem}.form-section h3{color:var(--text-color);margin-bottom:1rem;font-size:1.1rem}.input-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.status-badge{display:inline-block;text-align:center;width:85px;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.status-badge.active{background:#2ecc7133;color:#2ecc71}.status-badge.mid{background:#eadc3933;color:#b1a60e}.status-badge.inactive{background:#e74c3c33;color:#e74c3c}.members-container{padding:1rem;background:var(--bg-color);color:var(--text-color)}.filter-container{margin-bottom:1.5rem;display:flex;gap:1rem;align-items:center}.filter-input{padding:.8rem 2rem;border:2px solid var(--glass-border);border-radius:8px;background:var(--bg-color);color:var(--text-color);width:100%;max-width:400px;transition:all .3s ease}.filter-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3498db33}@keyframes modalOpen{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:20px}.modal-header h2{color:var(--text-color)}.modal-input{width:100%;padding:.8rem;border:2px solid var(--glass-border);border-radius:8px;background:var(--bg-color);color:var(--text-color);transition:all .3s ease}.modal-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3498db33;outline:none}.modal-button{background:var(--accent-color);color:#fff;width:100%;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;height:40px}modal-input .modal-button:hover{background:#2980b9}.input-field{margin-bottom:1rem!important}.input-field label{display:block;margin-bottom:.5rem;color:var(--text-color);font-size:.9rem;font-weight:500}.success-alert{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--accent-color);color:#fff;padding:1rem 2rem;border-radius:8px;height:50px;box-shadow:0 5px 15px #0003;animation:slideUp .3s ease forwards}.error-alert{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--error-color);color:#fff;padding:1rem 2rem;border-radius:8px;height:50px;box-shadow:0 5px 15px #0003;animation:slideUp .3s ease forwards}@keyframes slideUp{0%{top:-100px}to{top:20px}}.checkbox-group{display:flex;align-items:center;gap:.5rem;margin:1rem 0}.checkbox-group label{color:var(--text-color)}.action-button.view{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:5px;border:1px solid #4299e1;background:none;color:#4299e1;transition:all .2s ease;cursor:pointer;font-size:13px;font-weight:500}.action-button.edit{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:5px;border:1px solid #48bb78;background:none;color:#48bb78;transition:all .2s ease;cursor:pointer;font-size:13px;font-weight:500}.action-button.delete{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:5px;border:1px solid #bb5248;background:none;color:#bb5248;transition:all .2s ease;cursor:pointer;font-size:13px;font-weight:500}.action-button.view:hover{background:#4299e1;color:#fff;border-color:#4299e1}.action-button.edit:hover{background:#48bb78;color:#fff;border-color:#48bb78}.action-button.delete:hover{background:#bb5248;color:#fff;border-color:#bb5248}.action-button:hover .action-icon{color:#fff}.action-icon{width:18px;height:18px;transition:color .2s ease}.modal-content .detail-item{display:flex;margin-bottom:15px}.modal-content .detail-item label{margin-right:10px;font-size:18px}.modal-content .detail-item p{font-weight:600;font-size:18px}.start-button{padding:8px 16px;border:none;border-radius:6px;background:#4299e1;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.start-button:hover:not(.running){background:#3182ce;transform:translateY(-1px);box-shadow:0 2px 6px #4299e14d}.start-button.running{background:#ff3232;opacity:.8}.status-badge{padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:500;display:inline-block}.status-badge.assigned,.status-badge.connected{background:#48bb7826;color:#48bb78}.status-badge.running{background:#4863bb26;color:#327fcb}.status-badge.unassigned,.status-badge.devicebluetoothnotconnected,.status-badge.notconnected{background:#ed646826;color:#ed6468}.filter-container{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.filter-input{padding:.75rem 2rem;border:2px solid #e2e8f0;border-radius:8px;width:300px;transition:all .2s ease}.filter-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.filter-select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.filter-select:hover{border-color:#cbd5e0}.modal-title{font-size:1.5rem;color:var(--text-color);margin-bottom:.5rem}.device-info{color:var(--text-secondary);font-size:.9rem;display:flex;gap:.5rem;justify-content:center;flex-direction:column;align-items:start}.device-name{font-weight:500;color:var(--accent-color)}.device-form-group{margin-bottom:1.5rem}.device-form-group .input-label{display:block;margin-bottom:.75rem;color:var(--text-color);font-weight:500}.device-form-group .modal-select{width:100%;padding:.8rem 1rem;border:2px solid var(--accent-color);border-radius:8px;background:var(--input-bg);color:var(--text-color);font-size:1rem;transition:all .2s ease}.device-form-group .modal-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #4299e11a}.device-form-group .modal-select option{color:#222}.device-checkbox-group{margin:1.5rem 0}.device-checkbox-group .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--text-color);transition:all .2s ease}.device-checkbox-group .checkbox-input{position:absolute;opacity:0;cursor:pointer}.device-checkbox-group .checkmark{position:relative;height:1.25rem;width:1.25rem;background:var(--input-bg);border:2px solid var(--accent-color);border-radius:4px;transition:all .2s ease}.device-checkbox-group .checkbox-label:hover .checkmark{border-color:var(--accent-color)}.device-checkbox-group .checkbox-input:checked~.checkmark{background:var(--accent-color);border-color:var(--accent-color)}.device-checkbox-group .checkmark:after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;opacity:0;transition:opacity .2s ease}.device-checkbox-group .checkbox-input:checked~.checkmark:after{opacity:1}.search-input-container{position:relative;width:100%;max-width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#718096;z-index:2}.search-input{width:100%;padding:.8rem 1rem .8rem 2.5rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px}.search-input::placeholder{color:#a0aec0;opacity:1}.member-card:hover{transform:translateY(-5px)}.css-1dune0f-MuiInputBase-input-MuiOutlinedInput-input{padding:8px 12px!important}.synq-page-common-container{padding:0 20px}.synq-page-common-header-section{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.synq-page-common-title{font-size:2rem;font-weight:600}.synq-page-common-filter-bar{display:flex;justify-content:start;align-items:center;gap:20px;margin-bottom:20px}.button-style-1{background-color:#34b465;color:#fff;font-weight:500;font-size:15px;padding:10px 20px;border:none;border-radius:.375rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:opacity .2s}.button-style-1:hover{background-color:#078f3b;transition:all .2s ease}.action-button1{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;padding:8px 15px;max-width:100px;border-radius:5px;color:#fff;cursor:pointer;background:none;transition:all .2s ease;font-size:13px}.action-button1.icon-only{width:32px;height:32px;padding:6px;justify-content:center;font-size:16px}.action-button1.edit{border:1px solid #4299e1;background:#4299e1}.action-button1.view{border:1px solid #10b981;background:#10b981}.action-button1.delete{border:1px solid #ef4444;background:#ef4444}.action-button1.edit:hover{background:#257abf}.action-button1.view:hover{background:#09a06d}.action-button1.delete:hover{background:#bd1a1a}.primary-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .3s ease}.fade-in{opacity:1}.fade-out{opacity:0;pointer-events:none}.slide-in{transform:translateY(0);opacity:1}.slide-out{transform:translateY(-20px);opacity:0;pointer-events:none}.primary-modal{background:var(--primary-modal-card-bg);padding:2rem;border-radius:.5rem;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a;overflow-y:auto;transition:transform .3s ease,opacity .3s ease}.primary-modal-header-section{display:flex;justify-content:space-between;align-items:center}.primary-modal .modal-divider{border-bottom:3px solid var(--packages-accent-color);padding-bottom:1rem;margin-bottom:1.5rem}.primary-modal-close-icon-wrapper{cursor:pointer}.primary-modal-close-icon-wrapper .close-icon{font-size:20px}.primary-modal h2{margin-top:0}.primary-modal-form-group{margin-bottom:1rem}.primary-modal-form-group label{display:block;margin-bottom:.5rem}.primary-modal-form-group input,.primary-modal-form-group select,.primary-modal-form-group textarea{width:100%;padding:.5rem;border:1px solid var(--primary-modal-border-color);border-radius:.25rem;background:var(--primary-modal-bg-color);color:var(--text-color)}.primary-modal-features-textarea{white-space:pre-line;min-height:100px}.primary-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.primary-modal-save-button{background-color:var(--primary-modal-accent-color);color:#fff;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer}.primary-modal-cancel-button{background-color:var(--primary-modal-border-color);color:var(--primary-modal-text-color);padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer}.primary-modal-form-group input[disabled],.primary-modal-form-group textarea[disabled],.primary-modal-form-group select[disabled]{cursor:not-allowed}.table-filter-bar{display:flex;gap:1rem;align-items:center}.table-filter-bar .search-input-wrapper{position:relative;display:inline-block}.table-filter-bar .search-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#888;font-size:14px;pointer-events:none}.table-filter-bar .search-field{padding:8px 12px 8px 30px;border:1px solid #ccc;border-radius:5px;font-size:14px;outline:none;background:var(--bg-color2);color:var(--text-color)}.table-filter-bar .search-field:focus{border-color:#3182ce;box-shadow:0 0 0 1px #3182ce}.table-filter-bar .sort-filter{min-width:150px;padding:8.5px 14px;border:1px solid #ccc;border-radius:5px;font-size:14px;outline:none;background:var(--bg-color2);color:var(--text-color)}.synq-status-badge{display:inline-block;text-align:center;padding:.25rem .75rem;border-radius:5px;font-size:13px;min-width:100px;font-weight:500}.synq-status-badge.active{background:#2ecc7133;color:#2ecc71}.synq-status-badge.mid{background:#eadc3933;color:#b1a60e}.synq-status-badge.inactive{background:#e74c3c33;color:#e74c3c}.custom-date{position:relative}.custom-date input[type=date]{color:#257abf;background:#fff;border:1px solid #ccc;padding:8px 35px 8px 10px;border-radius:5px}.custom-date input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;position:absolute;right:10px;width:20px;height:20px}.custom-date:after{content:"📅";position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:18px;color:#007bff}.css-1dune0f-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled{opacity:1;-webkit-text-fill-color:#fff}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#121212}.login-container .login-box{background:#1e1e1e;padding:30px;border-radius:10px;text-align:center;width:350px;box-shadow:0 0 10px #ffffff1a}.login-container h2{color:#fff;margin-bottom:20px}.login-container input{width:100%;padding:10px;margin:10px 0;border:none;border-radius:5px;font-size:16px;background:#292929;color:#fff}.login-container input::placeholder{color:#888}.login-container button{width:100%;padding:10px;margin-top:15px;background:#ff5733;border:none;color:#fff;font-size:18px;cursor:pointer;border-radius:5px;transition:.3s}.login-container button:disabled{background:#555;cursor:not-allowed}.login-container .error-message{color:red;font-size:14px}.login-container .resend-text{color:#bbb;margin-top:10px;font-size:14px}.login-container .resend-text span{color:#ff5733;cursor:pointer}.login-container .resend-text .disabled{color:#777;cursor:not-allowed}.live-monitor-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:var(--bg-color);color:#fff;padding:0 10px}body.hide-sidebar-header .sidebar,body.hide-sidebar-header .header{display:none!important}.fullscreen-toggle{display:flex;width:100%;justify-content:end;margin:0 0 20px}.fullscreen-button{position:relative;display:flex;align-items:center;padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;width:180px}.button-content{display:flex;align-items:center;gap:8px;position:relative}.fullscreen-toggle .icon{font-size:18px;transition:transform .2s ease}.fullscreen-toggle .text{letter-spacing:.5px}.fullscreen-button:hover{background:#ffffff26;transform:translateY(-1px)}.fullscreen-button:hover .icon{transform:scale(1.1)}.style-toggle-button{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;width:100%}.style-toggle-button:hover{background:#ffffff26}.style-icon{font-size:18px}.style-text{font-size:.9rem}.stats-container{display:flex;gap:20px;margin-bottom:30px;background:var(--bg-color);padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);width:100%}.stat-card{flex:1;display:flex;align-items:center;gap:15px;padding:15px;background:var(--glass-bg);border-radius:12px;transition:all .3s ease;width:100%}.stat-card:hover{transform:translateY(-2px);background:#ffffff14}.stat-icon{font-size:50px;padding:12px;border-radius:10px;background:var(--card-box-bg)}.stat-icon.blue{color:#2196f3}.stat-icon.red{color:#ff5252}.stat-icon.green{color:#4caf50}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-color);line-height:1;margin-bottom:4px}.stat-label{font-size:.9rem;color:var(--text-color);white-space:nowrap}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%;max-width:100%;margin:0 auto;gap:10px;justify-content:center}.members-grid.fullscreen{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:minmax(130px,1fr);gap:12px;padding:15px}.member-card{max-width:100%;padding:15px;border-radius:5px;text-align:left;transition:transform .3s ease,font-size .3s ease;overflow:hidden;cursor:pointer;display:flex;justify-content:center;align-items:stretch;flex-direction:column}.member-card.light{background:#878887b3}.member-card.moderate{background:#5898ffb3}.member-card.normal{background:#008000b3}.member-card.average{background:#ffa500b3}.member-card.high{background:#ff0000b3}.members-grid.fullscreen.style2-view{grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(180px,1fr);gap:15px;padding:20px}.member-card.style2{background:linear-gradient(145deg,#2a2a2a,#1f1f1f);border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:20px;position:relative;overflow:visible}.member-card.style2.light{border-top:4px solid #9e9e9e}.member-card.style2.moderate{border-top:4px solid #2196f3}.member-card.style2.normal{border-top:4px solid #4caf50}.member-card.style2.average{border-top:4px solid #ff9800}.member-card.style2.high{border-top:4px solid #f44336}.card-header{display:flex;justify-content:space-between;margin-bottom:20px}.card-content{display:flex;justify-content:space-between;align-items:center}.style2-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.style2-name{margin:0;font-size:1rem;color:#fff}.style2-status-wrapper{display:flex;align-items:center;gap:10px}.style2-percent{font-weight:700;font-size:1.4rem;color:#fff}.style2-badge{padding:5px 10px;border-radius:20px;font-size:.8rem}.style2-ecg-container{height:50px;margin:15px 0;overflow:hidden}.style2-ecg{width:100%;height:100%;transform:scaleY(1.5)}.style2-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.style2-metric{background:#ffffff0d;padding:10px;border-radius:8px;text-align:center}.style2-icon{font-size:1.4rem;margin-bottom:8px}.style2-icon.heart{color:#ff5252}.style2-icon.calorie{color:#ffa726}.style2-icon.temp{color:#4fc3f7}.style2-icon.time{color:#66bb6a}.style2-metric-value{font-size:1.1rem;font-weight:700;margin-bottom:2px}.style2-metric-label{font-size:.75rem;color:#ffffffb3;text-transform:uppercase}.style3{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;width:100%}.member-card.style3{height:180px;border-radius:15px;background:transparent;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:15px;overflow:visible;transition:all .4s ease-in-out;font-family:DM Sans,sans-serif;transition:background .4s ease-in-out,box-shadow .4s ease-in-out}.member-card.style3:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;z-index:0;transition:all .4s ease-in-out}.member-card.style3.high:before{background:linear-gradient(to bottom right,rgba(130,34,44,.8) 5%,transparent 40%,transparent 70%,rgba(130,34,44,.8) 95%);box-shadow:0 0 10px #82222c80}.member-card.style3.moderate:before{background:linear-gradient(to bottom right,rgba(26,148,173,.8) 5%,transparent 40%,transparent 70%,rgba(34,130,150,.8) 95%);box-shadow:0 0 10px #22829680}.member-card.style3.average:before{background:linear-gradient(to bottom right,rgba(150,130,34,.8) 5%,transparent 40%,transparent 70%,rgba(150,130,34,.8) 95%);box-shadow:0 0 10px #96822280}.member-card.style3.light:before{background:linear-gradient(to bottom right,rgba(100,100,100,.8) 5%,transparent 40%,transparent 70%,rgba(100,100,100,.8) 95%);box-shadow:0 0 10px #64646480}.member-card.style3.normal:before{background:linear-gradient(to bottom right,rgba(44,130,34,.8) 5%,transparent 40%,transparent 70%,rgba(44,130,34,.8) 95%);box-shadow:0 0 10px #2c822280}.member-card.style3:hover:before{background:var(--hover-gradient)!important;box-shadow:var(--hover-shadow);transition:all .4s ease-in-out}.member-card.style3.high{--hover-gradient: linear-gradient( 145deg, rgba(130, 34, 44, .9), rgba(130, 34, 44, .95) );--hover-shadow: 0 0 25px rgba(130, 34, 44, .6)}.member-card.style3.moderate{--hover-gradient: linear-gradient( 145deg, rgba(34, 130, 150, .9), rgba(34, 130, 150, .95) );--hover-shadow: 0 0 25px rgba(34, 130, 150, .6)}.member-card.style3.average{--hover-gradient: linear-gradient( 145deg, rgba(150, 130, 34, .9), rgba(150, 130, 34, .95) );--hover-shadow: 0 0 25px rgba(150, 130, 34, .6)}.member-card.style3.light{--hover-gradient: linear-gradient( 145deg, rgba(100, 100, 100, .9), rgba(100, 100, 100, .95) );--hover-shadow: 0 0 25px rgba(100, 100, 100, .6)}.member-card.style3.normal{--hover-gradient: linear-gradient( 145deg, rgba(44, 130, 34, .9), rgba(44, 130, 34, .95) );--hover-shadow: 0 0 25px rgba(44, 130, 34, .6)}.style3 .top-row h3{position:relative;z-index:2;margin:0;font-size:1.4rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.style3 .middle-row{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.style3-ecg-container{display:flex;justify-content:center;align-items:center;padding:0 10px 0 0}.style3-ecg-container .ecg-active-line{stroke-width:2;fill:none;stroke-dasharray:600;stroke-dashoffset:600;animation:ecgFlow 3s linear infinite;font-size:24px}.style3-ecg-container .ecg-line-wrapper{display:flex;justify-content:center;align-items:center}.style3-ecg-container .light .ecg-active-line{stroke:#fff3a3;filter:drop-shadow(0 0 5px #daec5680)}.style3-ecg-container .normal .ecg-active-line{stroke:#a3ffb3;filter:drop-shadow(0 0 5px #36b37e80)}.style3-ecg-container .average .ecg-active-line{stroke:#d3d3d3;filter:drop-shadow(0 0 5px #36b37e80)}.style3-ecg-container .high .ecg-active-line{stroke:#ffb3b3;filter:drop-shadow(0 0 5px #ff563080)}.style3-ecg-container .moderate .ecg-active-line{stroke:#a3e4ff;filter:drop-shadow(0 0 5px #5898ffb3)}.style3 .percentage-box{padding:10px 2px;border-radius:15px;font-size:2rem;font-weight:700}.style3.high .percentage-box{color:#ffb3b3}.style3.moderate .percentage-box{color:#a3e4ff}.style3.average .percentage-box{color:#a3ffb3}.style3.light .percentage-box{color:#fff3a3}.style3.normal .percentage-box{color:#d3d3d3}.style3 .bottom-row{position:relative;z-index:2;display:flex;justify-content:space-evenly;gap:10px;width:100%}.style3 .stat{display:flex;flex-direction:column;align-items:center}.style3 .stat-icon{font-size:35px!important;margin-bottom:6px;padding:8px!important;fill:none;stroke:red;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;color:#ffffffe6}.style3 .stat p{margin:0;font-size:.75rem;font-weight:500;color:#fffc}.style3 .stat-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;color:#ffffffe6}.style3.high .stat-icon{color:#ffb3b3;stroke:#ff5252}.style3.moderate .stat-icon{color:#a3e4ff;stroke:#2196f3}.style3.average .stat-icon{color:#a3ffb3;stroke:#4caf50}.style3.light .stat-icon{color:#fff3a3;stroke:#ffc107}.style3.normal .stat-icon{color:#d3d3d3;stroke:#9e9e9e}.style3 .stat:hover .stat-icon{stroke-width:2.5px;filter:drop-shadow(0 0 2px red)}@media (max-width: 768px){.member-card.style3{width:100%;height:auto;min-height:160px}.style3 .percentage-box{font-size:1.8rem;padding:6px 15px}.style3 .stat-icon{font-size:1.4rem}.style3 .stat p{font-size:.75rem}}@media (max-width: 480px){.member-card.style3{padding:12px}.style3 .top-row h3{font-size:1.2rem}}.status-badge{padding:3px 5px;border-radius:5px;font-weight:700;font-size:11px;text-transform:uppercase;height:fit-content}.status-badge.light{background:#8a8a8a}.status-badge.normal{background-color:green}.status-badge.average{background-color:orange}.status-badge.moderate{background:#0062ff}.status-badge.high{background-color:red}.ecg-container{display:flex;justify-content:center;align-items:center;padding:0 10px 0 0}.ecg-active-line{stroke-width:2;fill:none;stroke-dasharray:600;stroke-dashoffset:600;animation:ecgFlow 3s linear infinite;font-size:24px}.ecg-line-wrapper{display:flex;justify-content:center;align-items:center}.normal .ecg-active-line{stroke:#36b37e;filter:drop-shadow(0 0 5px #36b37e80)}.high .ecg-active-line{stroke:#ff5630;filter:drop-shadow(0 0 5px #ff563080)}.moderate .ecg-active-line{stroke:#5898ff;filter:drop-shadow(0 0 5px #5898ffb3)}.progress-percent{font-weight:700;font-size:1.8rem;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);padding:5px}.data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;text-align:center}.data-item{display:flex;align-items:center;gap:5px;justify-content:start}.metric-icon{display:flex;align-items:center;justify-content:start}.metric-value{font-weight:700;font-size:15px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-card-t{background:#222;color:#fff;padding:25px;border-radius:12px;width:70vw;max-width:900px;max-height:80vh;overflow-y:auto;box-shadow:0 0 20px #fff3;animation:fadeIn .3s ease-in-out;position:relative}.modal-header{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.3)}.modal-chart{width:100%;height:200px;margin-bottom:20px}.modal-details{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;text-align:center}.modal-details .data-item{font-size:18px;font-weight:700;padding:10px;border-radius:10px;background:#ffffff1a}.close-button{position:absolute;top:15px;right:20px;background:transparent;border:none;font-size:20px;color:#fff;cursor:pointer}.fullscreen-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;background:var(--bg-color);z-index:1000;padding:20px}.page-slider{display:flex;height:calc(100vh - 60px);transition:transform .4s cubic-bezier(.4,0,.2,1)}.page-container{flex:0 0 100%;height:100%;padding:15px}.fullscreen-controls-container{position:fixed;bottom:30px;right:30px;display:flex;gap:15px;z-index:1001;background:#000000b3;padding:10px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d;width:auto}.fullscreen-toggle.fullscreen-mode{position:relative;margin:0}.display-style-controls.fullscreen-mode{position:relative;margin:0;width:100%}.fullscreen-mode .fullscreen-button,.fullscreen-mode .style-toggle-button{padding:10px 18px;background:#ffffff26}.fullscreen-toggle:not(.fullscreen-mode){position:absolute;top:20px;right:20px}.fullscreen-mode .fullscreen-button:hover,.fullscreen-mode .style-toggle-button:hover{background:#fff3;transform:translateY(-2px)}.pagination-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:25px;align-items:center;background:#ffffff1a;padding:8px 25px;border-radius:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000026;border:1px solid rgba(255,255,255,.1)}.pagination-controls button{background:none;border:none;color:#ffffffe6;font-size:1.2rem;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .3s ease}.pagination-controls button:hover:not(:disabled){background:#ffffff26;transform:scale(1.15)}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls span{color:#ffffffe6;font-size:.9rem;font-weight:500;min-width:100px;text-align:center}@keyframes borderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ecgFlow{0%{stroke-dashoffset:600;opacity:1}90%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 1200px){.members-grid{grid-template-columns:repeat(3,1fr)}.stats-container .stat-card{min-width:calc(50% - 10px)}}@media (max-width: 800px){.members-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.members-grid{grid-template-columns:repeat(1,1fr)}.stats-container .stat-card{min-width:100%}}@media (max-width: 1920px){.members-grid.fullscreen.style2-view{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1440px){.members-grid.fullscreen.style2-view{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.members-grid.fullscreen.style2-view{grid-template-columns:repeat(2,1fr)}}.assessment-container{padding:20px;color:var(--text-color)}.search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-input{padding:8px 15px;width:300px;border-radius:5px;border:1px solid var(--glass-border);background:var(--bg-color);color:var(--text-color)}.member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--glass-border)}.tab-buttons{display:flex;gap:10px;margin-bottom:20px;width:100%}.tab-button{padding:20px;border:none;border-radius:5px;background:var(--card-box-bg);color:var(--sidebar-text);cursor:pointer;width:100%;font-size:18px;border:1px solid rgba(255,255,255,.2)}.tab-button.active{background:var(--accent-color);color:#fff}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;margin-top:20px}.category-card{padding:20px;border-radius:8px;background:var(--card-box-bg);border:1px solid rgba(255,255,255,.2);color:var(--text-color);cursor:pointer;transition:transform .2s;text-align:center}.category-card:hover{transform:translateY(-2px);background:#7c7c7c6e}.assessment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.assessment-modal{background:var(--bg-color);padding:25px;border-radius:10px;width:400px}.modal-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.modal-form{display:flex;flex-direction:column;gap:15px}.modal-input{padding:8px 12px;border-radius:5px;border:1px solid var(--glass-border);background:var(--bg-color);color:var(--text-color);width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.report-table{margin-bottom:30px}.report-table h3{margin-bottom:15px}.highlighted-row{background-color:#00ff001a!important}.highlighted-row:hover{color:#fff!important}.modal-input-group{margin-bottom:0}.modal-label{display:block;margin-bottom:.5rem;color:var(--text-color);font-size:.9rem}.modal-input::placeholder{color:#888;font-style:italic;font-size:.9rem}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;padding:20px;background:var(--sidebar-bg);border-radius:8px;box-shadow:0 2px 8px #0000001a}.report-header-content{flex:1;margin-right:20px}.report-subtext{color:var(--text-secondary);font-size:.9rem;margin-top:8px}.report-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;transition:transform .2s ease;font-weight:600}.report-action:hover{transform:translateY(-1px)}.button-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.assessment-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.packages-container{padding:1rem;background:none;color:var(--text-color)}.packages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.packages-header h1{font-size:2rem;margin:0}.packages-controls{display:flex;gap:1rem;align-items:center}.packages-add-button{background-color:var(--packages-accent-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.375rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:opacity .2s}.packages-add-button:hover{opacity:.9}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.packages-card{background:var(--primary-modal-card-bg);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;position:relative;transition:transform .2s;border:1px solid var(--packages-border-color)}.packages-card:hover{transform:translateY(-2px)}.packages-card-header{border-bottom:2px solid var(--packages-accent-color);padding-bottom:1rem;margin-bottom:1rem}.packages-package-number{font-size:1.5rem;font-weight:700;color:var(--packages-accent-color);display:block;margin-bottom:.25rem}.packages-package-title{font-size:1.25rem;margin:0}.packages-price-section{margin-bottom:1.5rem}.packages-frequency{font-size:.875rem;opacity:.8}.packages-price{font-size:2rem;font-weight:700;margin:.25rem 0}.packages-price span{font-size:1rem;font-weight:400;opacity:.8}.packages-features-list{list-style:none;padding:0;margin:0}.packages-feature-item{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.packages-checkmark{color:var(--packages-accent-color);font-weight:700}.packages-edit-button{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-color);cursor:pointer;padding:.25rem;font-size:20px}.packages-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.packages-modal{background:var(--packages-card-bg);padding:2rem;border-radius:.5rem;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a}.packages-modal h2{margin-top:0}.packages-form-group{margin-bottom:1rem}.packages-form-group label{display:block;margin-bottom:.5rem}.packages-form-group input,.packages-form-group select,.packages-form-group textarea{width:100%;padding:.5rem;border:1px solid var(--packages-border-color);border-radius:.25rem;background:var(--packages-bg-color);color:var(--text-color)}.packages-features-textarea{white-space:pre-line;min-height:100px}.packages-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.packages-save-button{background-color:var(--packages-accent-color);color:#fff;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer}.packages-cancel-button{background-color:var(--packages-border-color);color:var(--packages-text-color);padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer}:root{--packages-text-color: #e2e8f0;--packages-border-color: #4a5568;--packages-accent-color: #68d391}[data-theme=light]{--packages-text-color: #2d3748;--packages-border-color: #e2e8f0;--packages-accent-color: #48bb78}@media (max-width: 768px){.packages-grid{grid-template-columns:1fr}.packages-header{flex-direction:column;gap:1rem;align-items:flex-start}}