.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:rgba(20,20,40,.95);backdrop-filter:blur(16px);box-shadow:0 2px 24px #00000026;z-index:2000;padding:0 1rem;align-items:center;justify-content:space-between}.mobile-logo{display:flex;align-items:center;gap:.8rem;font-size:1.1rem;font-weight:700;color:#00cfff}.mobile-logo img{width:32px;height:32px}.mobile-menu-toggle{background:none;border:none;color:#00cfff;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:rgba(0,207,255,.1)}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1999;display:none}.sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;height:100dvh;max-height:100vh;background:rgba(20,20,40,.95);backdrop-filter:blur(16px);box-shadow:2px 0 24px #00000026;display:flex;flex-direction:column;z-index:1000;padding:2rem 1rem 1rem;overflow:hidden;box-sizing:border-box;transition:transform .3s ease-in-out}.sidebar-logo{display:flex;align-items:center;gap:1rem;font-size:1.3rem;font-weight:700;color:#00cfff;margin-bottom:2rem}.sidebar-logo img{width:40px;height:40px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:1.2rem;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;margin-bottom:1rem}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(0,207,255,.5);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(0,207,255,.7)}.sidebar-nav a{color:#fff;text-decoration:none;font-size:1.1rem;opacity:.8;padding:.5rem 1rem;border-radius:8px;transition:background .2s,color .2s}.sidebar-nav a.active,.sidebar-nav a:hover{background:#00CFFF22;color:#00cfff;opacity:1}.sidebar-profile{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:.7rem;flex-shrink:0;position:sticky;bottom:0;background:rgba(20,20,40,.95);padding:1rem 0;margin-bottom:0}.profile-info{display:flex;align-items:center;gap:.7rem}.profile-info img{width:36px;height:36px;border-radius:50%;border:2px solid #00CFFF;object-fit:cover}.sidebar .logout-btn{background:linear-gradient(45deg,#00CFFF,#0099cc);color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:background .2s;white-space:nowrap;min-width:fit-content;box-shadow:0 2px 8px #00cfff4d}.sidebar .logout-btn:hover{background:#00CFFF;transform:translateY(-1px);box-shadow:0 4px 12px #00cfff66}@media (max-width: 900px){.sidebar{width:70px;padding:1rem .5rem}.sidebar-logo span{display:none}.sidebar-nav{overflow-y:auto;overflow-x:hidden}.sidebar-nav a{font-size:.95rem;padding:.5rem;text-align:center}.sidebar-profile span{display:none}}@media (max-width: 768px){.mobile-header{display:flex}.mobile-menu-overlay{display:block}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;transform:translate(-100%);z-index:2001;padding:1rem}.sidebar.mobile-open{transform:translate(0)}.sidebar-logo{margin-bottom:2rem}.sidebar-logo span{display:block}.sidebar-nav{flex-direction:column;gap:1rem}.sidebar-nav a{font-size:1rem;padding:.8rem 1rem;text-align:left}.sidebar-profile{margin-top:auto;flex-direction:column;align-items:center}.sidebar-profile span{display:block}.sidebar .logout-btn{padding:.6rem 1.2rem;font-size:.9rem;margin-top:.5rem}}@media (max-width: 480px){.mobile-header{padding:0 .8rem}.mobile-logo span{font-size:1rem}.mobile-logo img{width:28px;height:28px}.sidebar{width:100%;max-width:320px}.sidebar-nav a{font-size:.95rem;padding:.7rem 1rem}.sidebar .logout-btn{padding:.5rem 1rem;font-size:.85rem}}.auth-wrapper{width:100vw;display:flex;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative;overflow:hidden;margin:0}.auth-wrapper:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.auth-left-img{flex:1;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.lottie-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;max-width:800px;max-height:800px;z-index:2;position:relative}.auth-left-img:before{content:"";position:absolute;inset:0;background:url(https://images.unsplash.com/photo-1486218119243-13883505764c?q=80&w=1172&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;background-position:center;opacity:1;filter:blur(0px)}.signup-page .auth-left-img:before{display:none}.lottie-bg{position:absolute;inset:0;z-index:0;opacity:.3;pointer-events:none}.lottie-bg>div{width:100%!important;height:100%!important}.auth-quote{text-align:center;color:#fff;z-index:1;position:relative;padding:2rem;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.1)}.auth-quote h1{font-size:3rem;font-weight:700;margin:0 0 1rem;text-shadow:0 0 20px rgba(255,255,255,.5)}.auth-quote p{font-size:1.2rem;margin:0;opacity:.9}.auth-right-form{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem}.auth-form{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;width:100%;max-width:400px;position:relative;z-index:1}.auth-form h2{color:#fff;font-size:2rem;font-weight:700;text-align:center;margin:0 0 1rem;text-shadow:0 0 20px rgba(255,255,255,.5)}.signup-subtitle{color:#fffc;font-size:1rem;text-align:center;margin:0 0 2rem;font-weight:400}.input-group{position:relative;margin-bottom:1.5rem}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff9;z-index:2}.input-group input{width:100%;padding:1rem 1rem 1rem 3rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;backdrop-filter:blur(10px);box-sizing:border-box}.input-group input::placeholder{color:#ffffff80}.input-group input:focus{outline:none;border-color:#00cfff;box-shadow:0 0 0 3px #00cfff33;background:rgba(255,255,255,.15)}.input-group input:disabled{opacity:.6;cursor:not-allowed}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff9;cursor:pointer;padding:0;z-index:2;transition:color .3s ease}.password-toggle:hover:not(:disabled){color:#fffc}.password-toggle:disabled{opacity:.6;cursor:not-allowed}.login-btn,.signup-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#00CFFF,#0099cc);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00cfff4d;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.login-btn:hover:not(:disabled),.signup-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00cfff66}.login-btn:disabled,.signup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite}.divider{text-align:center;margin:1.5rem 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,255,255,.2)}.divider span{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);padding:0 1rem;color:#ffffffb3;font-size:.9rem;position:relative;z-index:1}.google-btn{width:100%;padding:1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.google-btn:hover:not(:disabled){background:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-btn svg{flex-shrink:0}.error-msg,.error{color:#ff6b7a;text-align:center;margin:1rem 0;padding:.75rem;background:rgba(255,107,122,.1);border:1px solid rgba(255,107,122,.2);border-radius:8px;font-size:.9rem}.auth-footer,.switch-auth{text-align:center;color:#fffc;margin:1.5rem 0 0;font-size:.9rem}.auth-footer a,.switch-auth a{color:#00cfff;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-footer a:hover,.switch-auth a:hover{color:#09c;text-decoration:underline}@media (max-width: 768px){.auth-wrapper{flex-direction:column;width:100vw}.auth-left-img{min-height:300px;flex:none;display:flex}.lottie-container{max-width:500px;max-height:400px;padding:1rem}.auth-quote h1{font-size:2rem}.auth-quote p{font-size:1rem}.auth-right-form{padding:1rem;flex:1}.auth-form{padding:2rem}.auth-form h2{font-size:1.5rem}.lottie-bg{opacity:.2}}@media (max-width: 480px){.auth-wrapper{width:100vw}.auth-left-img{min-height:250px}.lottie-container{max-width:400px;max-height:300px;padding:.5rem}.auth-form{padding:1.5rem}.auth-quote{padding:1rem}.auth-quote h1{font-size:1.5rem}.signup-subtitle{font-size:.9rem}}.dashboard-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:2rem;color:#fff}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2)}.welcome-section p{font-size:1.1rem;opacity:.8;text-transform:capitalize;margin-bottom:.5rem}.last-updated{font-size:.8rem;opacity:.6;font-style:italic}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #00CFFF}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;font-size:1.1rem}.user-role{font-size:.9rem;opacity:.7;text-transform:capitalize}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.8rem;opacity:.8}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-value{font-size:1.8rem;font-weight:700;color:var(--accent-color);margin-bottom:.25rem}.stat-subtitle{font-size:.8rem;opacity:.7;font-style:italic}.quick-actions{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2)}.actions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.actions-header h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:rgba(0,207,255,.2);border-color:#00cfff}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .spinning{animation:spin 1s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,71,87,.3);gap:1rem}.error-container h3{color:#ff4757;margin:0;font-size:1.5rem}.error-container p{color:#fffc;margin:0;max-width:400px}.retry-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,71,87,.2);border:1px solid #ff4757;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:rgba(255,71,87,.3);transform:translateY(-2px)}@media (max-width: 768px){.dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem}.welcome-section h1{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.actions-grid{grid-template-columns:1fr}.user-info{flex-direction:column;text-align:center}.actions-header{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.dashboard-header{padding:1rem}.welcome-section h1{font-size:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.quick-actions{padding:1.5rem}.error-container{padding:2rem 1rem}}.membership-status{margin-top:.5rem}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:rgba(46,213,115,.2);color:#2ed573;border:1px solid #2ed573}.status-badge.expired{background:rgba(255,71,87,.2);color:#ff4757;border:1px solid #ff4757}.status-badge.inactive{background:rgba(254,202,87,.2);color:#feca57;border:1px solid #feca57}.test-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(165,94,234,.2);border:1px solid #a55eea;border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.test-btn:hover{background:rgba(165,94,234,.3);transform:translateY(-2px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #00CFFF;border-radius:50%;animation:spin 1s linear infinite}.profile-container{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative}.profile-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.edit-btn,.save-btn,.cancel-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.edit-btn{background:linear-gradient(135deg,#00CFFF,#0099cc);color:#fff;box-shadow:0 4px 15px #00cfff4d}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00cfff66}.save-btn{background:linear-gradient(135deg,#2ed573,#1e8f4a);color:#fff;box-shadow:0 4px 15px #2ed5734d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2ed57366}.cancel-btn{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}.cancel-btn:hover:not(:disabled){background:rgba(255,255,255,.3);transform:translateY(-2px)}.edit-btn:disabled,.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.message{padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-weight:500;backdrop-filter:blur(10px)}.message.success{background:rgba(46,213,115,.2);color:#2ed573;border:1px solid rgba(46,213,115,.3)}.message.error{background:rgba(255,107,122,.2);color:#ff6b7a;border:1px solid rgba(255,107,122,.3)}.profile-content{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.profile-grid{display:grid;gap:2rem}.profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-picture{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003}.profile-picture img{width:100%;height:100%;object-fit:cover}.camera-btn{position:absolute;bottom:0;right:0;background:rgba(0,207,255,.9);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.camera-btn:hover{background:rgba(0,207,255,1);transform:scale(1.1)}.profile-status{display:flex;justify-content:center}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.2);border-radius:20px;color:#fff;font-weight:600;font-size:.9rem;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.info-section{background:rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.info-section h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{display:flex;align-items:center;gap:.5rem;color:#ffffffe6;font-weight:500;font-size:.95rem}.form-group input,.form-group textarea{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:1rem;transition:all .3s ease;backdrop-filter:blur(10px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00cfff;box-shadow:0 0 0 3px #00cfff33;background:rgba(255,255,255,.15)}.form-group input:disabled,.form-group textarea:disabled{opacity:.7;cursor:not-allowed;background:rgba(255,255,255,.05)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00CFFF,#0099cc);display:flex;align-items:center;justify-content:center;color:#fff}.stat-content h4{color:#fffc;font-size:.9rem;margin:0;font-weight:500}.stat-content p{color:#fff;font-size:1rem;margin:.25rem 0 0;font-weight:600}@media (max-width: 768px){.profile-container{padding:1rem}.profile-header{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:2rem}.form-grid,.stats-grid{grid-template-columns:1fr}.profile-picture{width:120px;height:120px}}@media (max-width: 480px){.profile-header,.profile-content{padding:1.5rem}.header-actions{flex-direction:column;width:100%}.edit-actions{display:flex;gap:.5rem}.edit-btn,.save-btn,.cancel-btn{flex:1;justify-content:center}}.notifications-container{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative}.notifications-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.mark-all-read-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#2ed573,#1e8f4a);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2ed5734d}.mark-all-read-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2ed57366}.mark-all-read-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.notifications-content{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.search-filter{flex:1;max-width:400px}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:1rem;color:#fff9}.filter-controls{display:flex;gap:1rem;align-items:center}.filter-dropdown{position:relative;display:flex;align-items:center;gap:.5rem}.filter-dropdown svg{color:#fff9}.filter-dropdown select{padding:.75rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;backdrop-filter:blur(10px);cursor:pointer}.filter-dropdown select:focus{outline:none;border-color:#00cfff}.filter-dropdown option{background:#2a2a2a;color:#fff}.toggle-read-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.toggle-read-btn:hover,.toggle-read-btn.active{background:rgba(0,207,255,.2);border-color:#00cfff4d}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:rgba(255,255,255,.05);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.notification-item:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.notification-item.unread{background:rgba(0,207,255,.1);border-color:#00cfff33}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#00CFFF}.notification-priority{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent;border-right-color:currentColor}.notification-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#00cfff;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.notification-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.notification-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.sender{color:#ffffffb3;font-size:.85rem;font-weight:500}.time{color:#ffffff80;font-size:.8rem}.notification-message{color:#fffc;font-size:.95rem;line-height:1.5;margin:0 0 .75rem}.action-required{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(255,107,122,.2);border:1px solid rgba(255,107,122,.3);border-radius:8px;color:#ff6b7a;font-size:.85rem;font-weight:500}.notification-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.read-btn{background:rgba(46,213,115,.2);border:1px solid rgba(46,213,115,.3)}.read-btn:hover{background:rgba(46,213,115,.3);transform:scale(1.05)}.delete-btn{background:rgba(255,107,122,.2);border:1px solid rgba(255,107,122,.3)}.delete-btn:hover{background:rgba(255,107,122,.3);transform:scale(1.05)}@media (max-width: 768px){.notifications-container{padding:1rem}.notifications-header{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:2rem}.filters-section{flex-direction:column;align-items:stretch}.search-filter{max-width:none}.filter-controls{justify-content:space-between}.notification-header{flex-direction:column;align-items:flex-start;gap:.5rem}.notification-meta{align-items:flex-start}.notification-actions{flex-direction:column}}@media (max-width: 480px){.notifications-header,.notifications-content{padding:1.5rem}.notification-item{flex-direction:column;align-items:flex-start;gap:.75rem}.notification-actions{align-self:flex-end;flex-direction:row}}.shop-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative;padding:2rem}.shop-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.cart-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#00CFFF,#0099cc);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00cfff4d}.cart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00cfff66}.shop-content{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.filters-section{margin-bottom:2rem}.search-filter{margin-bottom:1.5rem}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;backdrop-filter:blur(10px)}.search-box input::placeholder{color:#ffffff80}.search-box input:focus{outline:none;border-color:#00cfff;box-shadow:0 0 0 3px #00cfff33}.filter-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem}.category-filters{display:flex;gap:.5rem}.category-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.category-btn:hover,.category-btn.active{background:rgba(0,207,255,.2);border-color:#00cfff4d}.sort-filter{display:flex;align-items:center;gap:.5rem}.sort-filter svg{color:#fff9}.sort-filter select{padding:.5rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;backdrop-filter:blur(10px);cursor:pointer}.sort-filter select:focus{outline:none;border-color:#00cfff}.sort-filter option{background:#2a2a2a;color:#fff}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.product-card{background:rgba(255,255,255,.05);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative}.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026;border-color:#fff3}.product-image{position:relative;height:250px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-overlay{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;opacity:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.wishlist-btn,.quick-view-btn{width:36px;height:36px;border:none;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.wishlist-btn:hover,.quick-view-btn:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.out-of-stock{position:absolute;top:1rem;left:1rem;background:rgba(255,107,122,.9);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600}.discount-badge{position:absolute;top:1rem;left:1rem;background:rgba(46,213,115,.9);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600}.product-info{padding:1.5rem}.product-category{color:#fff9;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.product-name{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.product-description{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.product-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.stars{display:flex;gap:.25rem}.rating-text{color:#fff9;font-size:.85rem}.product-price{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.current-price{color:#fff;font-size:1.3rem;font-weight:700}.original-price{color:#ffffff80;font-size:1rem;text-decoration:line-through}.product-stock{margin-bottom:1rem}.in-stock{color:#2ed573;font-size:.9rem;font-weight:500}.out-of-stock-text{color:#ff6b7a;font-size:.9rem;font-weight:500}.add-to-cart-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#00CFFF,#0099cc);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-to-cart-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00cfff4d}.add-to-cart-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-state{text-align:center;padding:4rem 2rem;color:#fff9;grid-column:1 / -1}.empty-state h3{color:#fffc;font-size:1.5rem;margin:0 0 .5rem}.empty-state p{margin:0;font-size:1rem}.cart-sidebar{position:fixed;top:0;right:0;width:400px;height:100vh;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;z-index:1000;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.cart-header h2{color:#fff;font-size:1.5rem;margin:0}.close-cart-btn{width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-cart-btn:hover{background:rgba(255,107,122,.2)}.cart-items{flex:1;overflow-y:auto;padding:1rem}.cart-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1)}.cart-item img{width:60px;height:60px;border-radius:8px;object-fit:cover}.cart-item-info{flex:1}.cart-item-info h4{color:#fff;font-size:1rem;margin:0 0 .25rem}.cart-item-info p{color:#ffffffb3;font-size:.9rem;margin:0 0 .5rem}.quantity-controls{display:flex;align-items:center;gap:.5rem}.quantity-controls button{width:24px;height:24px;border:none;border-radius:4px;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.quantity-controls button:hover{background:rgba(0,207,255,.2)}.quantity-controls span{color:#fff;font-weight:600;min-width:20px;text-align:center}.remove-item-btn{width:24px;height:24px;border:none;border-radius:4px;background:rgba(255,107,122,.2);color:#ff6b7a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.remove-item-btn:hover{background:rgba(255,107,122,.3)}.empty-cart{text-align:center;padding:4rem 2rem;color:#fff9}.empty-cart svg{margin-bottom:1rem;opacity:.5}.empty-cart h3{color:#fffc;font-size:1.2rem;margin:0 0 .5rem}.empty-cart p{margin:0;font-size:.9rem}.cart-footer{padding:2rem;border-top:1px solid rgba(255,255,255,.1)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;color:#fff;font-size:1.2rem;font-weight:600}.checkout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#2ed573,#1e8f4a);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2ed5734d}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2ed57366}@media (max-width: 1024px){.cart-sidebar{width:100%;max-width:400px}}@media (max-width: 768px){.shop-container{padding:1rem}.shop-header{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:2rem}.filter-controls{flex-direction:column;align-items:stretch}.category-filters{justify-content:center;flex-wrap:wrap}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.cart-sidebar{width:100%}}@media (max-width: 480px){.shop-header,.shop-content{padding:1.5rem}.products-grid{grid-template-columns:1fr}.product-overlay{opacity:1}.cart-item{flex-direction:column;align-items:flex-start;gap:.75rem}.remove-item-btn{align-self:flex-end}}.member-dashboard{width:100%;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:2rem;color:#fff}.dashboard-header{margin-bottom:3rem;padding:2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2)}.welcome-section h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(45deg,#00CFFF,#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-section p{font-size:1.1rem;opacity:.8}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:var(--accent-color)}.stat-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:rgba(255,255,255,.1);border-radius:12px;margin-bottom:1rem;color:var(--accent-color)}.stat-content h3{font-size:.9rem;font-weight:500;opacity:.8;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.8rem;font-weight:700;color:var(--accent-color)}.dashboard-content{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2)}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.recent-activities h2,.quick-actions h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.activity-item:hover{background:rgba(255,255,255,.1);border-color:#fff3}.activity-info h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.activity-info p{font-size:.9rem;opacity:.7}.activity-duration{display:flex;align-items:center;gap:.5rem;font-size:.9rem;opacity:.8}.actions-list{display:flex;flex-direction:column;gap:1rem}.action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.action-btn:hover{background:rgba(0,207,255,.2);border-color:#00cfff;transform:translateY(-2px);box-shadow:0 5px 15px #00cfff4d}.action-btn:active{transform:translateY(0)}@media (max-width: 768px){.member-dashboard{padding:1rem}.dashboard-header{padding:1.5rem}.welcome-section h1{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.content-grid{grid-template-columns:1fr;gap:1.5rem}.dashboard-content{padding:1.5rem}}@media (max-width: 480px){.dashboard-header{padding:1rem}.welcome-section h1{font-size:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.dashboard-content{padding:1rem}}.membership-container{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative}.membership-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.membership-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.header-actions{display:flex;gap:1rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.action-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.membership-content{display:flex;flex-direction:column;gap:2rem}.membership-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.membership-info{display:flex;align-items:center;gap:1rem}.membership-type{display:flex;align-items:center;gap:.75rem}.membership-type h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.membership-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.1);border-radius:20px;color:#fff;font-weight:600;font-size:.9rem;border:1px solid rgba(255,255,255,.2)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-color)}.membership-price{text-align:right}.price{color:#fff;font-size:2rem;font-weight:700}.billing{color:#ffffffb3;font-size:1rem}.membership-progress{margin-bottom:2rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:#fffc;font-size:.9rem}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00CFFF,#0099cc);border-radius:4px;transition:width .3s ease}.membership-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.date-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.date-item svg{color:#00cfff}.date-item .label{display:block;color:#fff9;font-size:.85rem;margin-bottom:.25rem}.date-item .value{display:block;color:#fff;font-weight:600;font-size:1rem}.membership-features h3{color:#fff;font-size:1.3rem;margin:0 0 1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.feature-item{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;font-size:.95rem}.feature-item svg{color:#2ed573;flex-shrink:0}.usage-section,.payment-section,.upgrade-section{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.usage-section h2,.payment-section h2,.upgrade-section h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 1rem}.upgrade-section p{color:#fffc;margin:0 0 2rem;font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(255,255,255,.05);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.stat-card:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.stat-icon{width:50px;height:50px;border-radius:12px;background:rgba(0,207,255,.2);display:flex;align-items:center;justify-content:center;color:#00cfff}.stat-value{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.payment-card{background:rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.payment-method{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.method-info svg{color:#00cfff}.method-info h3{color:#fff;font-size:1.1rem;margin:0 0 .25rem}.method-info p{color:#fffc;margin:0 0 .25rem;font-size:.95rem}.method-info span{color:#fff9;font-size:.85rem}.update-btn{padding:.5rem 1rem;background:rgba(0,207,255,.2);border:1px solid rgba(0,207,255,.3);border-radius:8px;color:#00cfff;font-weight:600;cursor:pointer;transition:all .3s ease}.update-btn:hover{background:rgba(0,207,255,.3)}.billing-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.billing-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:rgba(255,255,255,.05);border-radius:8px}.billing-item .label{color:#ffffffb3;font-size:.9rem}.billing-item .value{color:#fff;font-weight:600;font-size:.9rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.plan-card{background:rgba(255,255,255,.05);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.plan-card:hover{background:rgba(255,255,255,.1);transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.plan-card.popular{border-color:#00cfff4d;background:rgba(0,207,255,.05)}.popular-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#00CFFF,#0099cc);color:#fff;border-radius:20px;font-size:.8rem;font-weight:600}.plan-header{text-align:center;margin-bottom:2rem}.plan-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.plan-price .price{color:#fff;font-size:2rem;font-weight:700}.plan-price .billing{color:#ffffffb3;font-size:1rem}.plan-features{margin-bottom:2rem}.plan-features .feature-item{margin-bottom:.75rem}.upgrade-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#00CFFF,#0099cc);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.upgrade-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00cfff4d}.upgrade-btn.current{background:rgba(255,255,255,.1);cursor:not-allowed;transform:none}.upgrade-modal{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.plan-comparison{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,.05);border-radius:12px}.current-plan,.new-plan{text-align:center}.current-plan h3,.new-plan h3{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.current-plan p,.new-plan p{color:#fffc;margin:0}.arrow{color:#00cfff}.upgrade-benefits h3{color:#fff;font-size:1.2rem;margin:0 0 1rem}.upgrade-benefits ul{list-style:none;padding:0;margin:0}.upgrade-benefits li{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;margin-bottom:.75rem}.upgrade-benefits li svg{color:#2ed573;flex-shrink:0}.cancel-btn,.confirm-btn{flex:1;padding:1rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-btn:hover{background:rgba(255,255,255,.2)}@media (max-width: 768px){.membership-container{padding:1rem}.membership-header{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:2rem}.card-header{flex-direction:column;gap:1rem;text-align:center}.membership-dates,.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.payment-method{flex-direction:column;gap:1rem;text-align:center}.plans-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}}@media (max-width: 480px){.membership-header,.membership-card,.usage-section,.payment-section,.upgrade-section,.upgrade-modal{padding:1.5rem}.plan-comparison{flex-direction:column;gap:1rem}}.payments-container{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative}.payments-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.payments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.header-content h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 0 20px rgba(255,255,255,.5)}.header-content p{color:#fffc;margin:.5rem 0 0;font-size:1.1rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#00CFFF,#0099cc);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00cfff4d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00cfff66}.action-btn.small{padding:.5rem;border-radius:8px;font-size:.9rem}.action-btn.danger{background:rgba(255,107,122,.2);border:1px solid rgba(255,107,122,.3);color:#ff6b7a}.action-btn.danger:hover{background:rgba(255,107,122,.3)}.payments-content{display:flex;flex-direction:column;gap:2rem}.payment-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.summary-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.summary-icon{width:50px;height:50px;border-radius:12px;background:rgba(0,207,255,.2);display:flex;align-items:center;justify-content:center;color:#00cfff}.summary-content h3{color:#fffc;font-size:.9rem;margin:0 0 .5rem;font-weight:500}.summary-value{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.payment-methods-section,.payment-history-section{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.payment-methods-section h2,.payment-history-section h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 1.5rem}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.method-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.method-card:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.method-info{display:flex;align-items:center;gap:1rem}.method-icon{width:40px;height:40px;border-radius:8px;background:rgba(0,207,255,.2);display:flex;align-items:center;justify-content:center;color:#00cfff}.method-details h3{color:#fff;font-size:1rem;margin:0 0 .25rem}.method-details p{color:#ffffffb3;font-size:.9rem;margin:0 0 .5rem}.default-badge{display:inline-block;padding:.25rem .5rem;background:rgba(46,213,115,.2);color:#2ed573;border-radius:4px;font-size:.8rem;font-weight:600}.method-actions{display:flex;gap:.5rem}.payments-table{background:rgba(255,255,255,.05);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.table-header{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.header-cell{color:#fffc;font-weight:600;font-size:.9rem}.table-body{max-height:400px;overflow-y:auto}.table-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.table-row:hover{background:rgba(255,255,255,.05)}.table-cell{display:flex;align-items:center}.date{color:#fffc;font-size:.9rem}.description h4{color:#fff;font-size:1rem;margin:0 0 .25rem}.description p{color:#fff9;font-size:.85rem;margin:0}.category{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem}.category svg{color:#00cfff}.amount{color:#fff;font-weight:600;font-size:1rem}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.85rem;font-weight:500;border:1px solid rgba(255,255,255,.2)}.status-badge svg{color:var(--status-color)}.row-actions{display:flex;gap:.5rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.payment-modal{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-header h2{color:#fff;font-size:1.5rem;margin:0}.close-modal-btn{width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-modal-btn:hover{background:rgba(255,107,122,.2)}.payment-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.detail-row .label{color:#ffffffb3;font-size:.9rem}.detail-row .value{color:#fff;font-weight:600;font-size:.95rem}.detail-row .value.amount{color:#00cfff;font-size:1.1rem}.add-method-form{display:flex;flex-direction:column;gap:1rem}.form-group label{color:#fffc;font-size:.9rem;font-weight:500}.form-group input{padding:.75rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input::placeholder{color:#ffffff80}.form-group input:focus{outline:none;border-color:#00cfff;box-shadow:0 0 0 3px #00cfff33}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.download-btn,.close-btn,.cancel-btn,.confirm-btn{flex:1;padding:1rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.download-btn{background:linear-gradient(135deg,#00CFFF,#0099cc);color:#fff}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00cfff4d}.close-btn,.cancel-btn{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.close-btn:hover,.cancel-btn:hover{background:rgba(255,255,255,.2)}.confirm-btn{background:linear-gradient(135deg,#2ed573,#1e8f4a);color:#fff}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2ed5734d}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #00CFFF;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:1fr 2fr 1fr 1fr 1fr}.table-header .header-cell:last-child,.table-row .table-cell:last-child{display:none}}@media (max-width: 768px){.payments-container{padding:1rem}.payments-header{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:2rem}.payment-summary,.methods-grid{grid-template-columns:1fr}.method-card{flex-direction:column;gap:1rem;text-align:center}.method-actions{justify-content:center}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-header{display:none}.table-row{padding:1rem;border-radius:8px;margin-bottom:.5rem;background:rgba(255,255,255,.05)}.table-cell{justify-content:space-between;padding:.25rem 0}.table-cell:before{content:attr(data-label);color:#fff9;font-size:.85rem;font-weight:500}.modal-actions{flex-direction:column}.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.payments-header,.payment-methods-section,.payment-history-section,.payment-modal{padding:1.5rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}}.staff-dashboard{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative}.staff-dashboard:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.welcome-section h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 0 20px rgba(255,255,255,.5)}.welcome-section p{color:#fffc;margin:.5rem 0 0;font-size:1.1rem}.staff-info{display:flex;align-items:center}.staff-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(0,207,255,.2);border-radius:20px;color:#00cfff;font-weight:600;border:1px solid rgba(0,207,255,.3);backdrop-filter:blur(10px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.stat-icon{width:50px;height:50px;border-radius:12px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--accent-color);margin-bottom:1rem}.stat-content h3{color:#fffc;font-size:.9rem;margin:0 0 .5rem;font-weight:500}.stat-value{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.dashboard-content{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.recent-activities,.quick-tasks{background:rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.recent-activities h2,.quick-tasks h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.activity-item:hover{background:rgba(255,255,255,.1);transform:translate(5px)}.activity-status{display:flex;align-items:center}.success-icon{color:#2ed573}.warning-icon{color:#feca57}.activity-info{flex:1}.activity-info h4{color:#fff;font-size:1rem;margin:0 0 .25rem;font-weight:600}.activity-info p{color:#ffffffb3;font-size:.9rem;margin:0}.activity-time{display:flex;align-items:center;gap:.5rem;color:#fff9;font-size:.85rem}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.task-item:hover{background:rgba(255,255,255,.1);transform:translate(5px)}.task-icon{width:40px;height:40px;border-radius:10px;background:rgba(0,207,255,.2);display:flex;align-items:center;justify-content:center;color:#00cfff}.task-content{flex:1}.task-content h4{color:#fff;font-size:1rem;margin:0 0 .25rem;font-weight:600}.task-content p{color:#ffffffb3;font-size:.9rem;margin:0}.task-badge{padding:.25rem .75rem;background:rgba(46,213,115,.2);color:#2ed573;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid rgba(46,213,115,.3)}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.staff-dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.welcome-section h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-value{font-size:1.5rem}}@media (max-width: 480px){.dashboard-header,.dashboard-content{padding:1.5rem}.stats-grid{grid-template-columns:1fr}.activity-item,.task-item{flex-direction:column;align-items:flex-start;gap:.75rem}.activity-time{align-self:flex-end}}.header-stats{display:flex;gap:1rem}.header-stats .stat-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:.75rem;min-width:140px}.header-stats .stat-card h3{color:#ffffffb3;font-size:.8rem;margin:0;font-weight:500}.header-stats .stat-card p{color:#fff;font-size:1.2rem;font-weight:700;margin:0}.header-stats .stat-card.active{border-color:#2ed5734d;background:rgba(46,213,115,.1)}.header-stats .stat-card.pending{border-color:#feca574d;background:rgba(254,202,87,.1)}.members-content{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.search-box,.filter-box{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);flex:1;min-width:200px}.search-box input,.filter-box select{background:transparent;border:none;color:#fff;font-size:1rem;outline:none;width:100%}.filter-box select option{background:#1a1a2e;color:#fff}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.member-card{background:rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.member-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026;border-color:#00cfff4d}.member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.member-avatar img{width:60px;height:60px;border-radius:50%;border:3px solid rgba(0,207,255,.3)}.member-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600}.member-info h3{color:#fff;font-size:1.2rem;margin:0 0 .5rem;font-weight:600}.member-id{color:#fff9;font-size:.9rem;margin:0 0 1rem}.member-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem}.member-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.view-btn{background:rgba(0,207,255,.2);color:#00cfff;border:1px solid rgba(0,207,255,.3)}.view-btn:hover{background:rgba(0,207,255,.3);transform:translateY(-2px)}.empty-state{text-align:center;padding:3rem;color:#fff9}.empty-state h3{color:#fff;margin:1rem 0 .5rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:rgba(26,26,46,.95);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{color:#fff;margin:0;font-size:1.5rem}.close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.close-btn:hover{background:rgba(255,255,255,.1);color:#fff}.modal-body{padding:1.5rem}.member-detail-section{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row:last-child{border-bottom:none}.detail-row label{color:#ffffffb3;font-weight:500}.detail-row span{color:#fff;font-weight:600}.membership-badge,.status-badge{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;background:rgba(255,255,255,.1)}.modal-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:1rem}.btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:rgba(255,255,255,.2)}.notification-content{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.notification-form-section,.notification-history-section{background:rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.notification-form-section h2,.notification-history-section h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.notification-form{display:flex;flex-direction:column;gap:1rem}.form-group label{color:#fffc;font-weight:500;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#00cfff;box-shadow:0 0 0 3px #00cfff1a}.member-selection{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.member-checkbox{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#fffc}.member-checkbox:hover{background:rgba(255,255,255,.1)}.member-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#00CFFF}.member-status{font-size:.8rem;padding:.25rem .5rem;border-radius:12px;background:rgba(255,255,255,.1)}.error-message,.success-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:500}.error-message{background:rgba(255,107,122,.1);color:#ff6b7a;border:1px solid rgba(255,107,122,.3)}.success-message{background:rgba(46,213,115,.1);color:#2ed573;border:1px solid rgba(46,213,115,.3)}.form-actions{display:flex;justify-content:flex-end;margin-top:1rem}.btn-primary{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00CFFF 0%,#0099cc 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00cfff4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.notifications-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.notification-item{background:rgba(255,255,255,.05);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.notification-item:hover{background:rgba(255,255,255,.1);transform:translate(5px)}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.notification-type,.notification-priority{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;text-transform:capitalize}.notification-content h4{color:#fff;font-size:1rem;margin:0 0 .5rem;font-weight:600}.notification-content p{color:#fffc;font-size:.9rem;margin:0;line-height:1.4}.notification-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.notification-meta{display:flex;gap:1rem;font-size:.8rem;color:#fff9}.recipients,.sent-time{display:flex;align-items:center;gap:.25rem}.notification-status .success-icon{color:#2ed573}.notification-status .pending-icon{color:#feca57}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#fffc}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #00CFFF;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container button{background:rgba(255,107,122,.2);color:#ff6b7a;border:1px solid rgba(255,107,122,.3);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;margin-top:1rem;transition:all .3s ease}.error-container button:hover{background:rgba(255,107,122,.3)}@media (max-width: 1024px){.content-grid,.form-row{grid-template-columns:1fr}.header-stats{flex-wrap:wrap}}@media (max-width: 768px){.staff-dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.welcome-section h1{font-size:2rem}.stats-grid,.members-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.search-box,.filter-box{min-width:auto}.modal-content{margin:1rem;max-height:90vh}}@media (max-width: 480px){.dashboard-header,.members-content,.notification-content{padding:1rem}.stats-grid{gap:1rem}.activity-item,.task-item{flex-direction:column;align-items:flex-start;gap:.5rem}.activity-time{align-self:flex-end}.modal-header,.modal-body,.modal-footer{padding:1rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}}.admin-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:2rem;color:#fff}.admin-header{margin-bottom:3rem}.header-content h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(45deg,#00CFFF,#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{font-size:1.2rem;opacity:.8;margin-bottom:2rem}.header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.stat-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.stat-card.pending{border-color:#feca57;background:rgba(254,202,87,.1)}.stat-card.active{border-color:#00cfff;background:rgba(0,207,255,.1)}.stat-card h3{font-size:.9rem;font-weight:600;opacity:.8;margin-bottom:.25rem}.stat-card p{font-size:2rem;font-weight:700;margin:0}.admin-content{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.controls-section{margin-bottom:2rem}.search-filter{display:flex;flex-direction:column;gap:1rem}.search-box{position:relative;max-width:400px}.search-box input{width:100%;padding:1rem 1rem 1rem 3rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.search-box input::placeholder{color:#fff9}.search-box input:focus{outline:none;border-color:#00cfff;box-shadow:0 0 0 3px #00cfff1a}.search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff9}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(45deg,#00CFFF,#0099cc);border-color:#00cfff;box-shadow:0 4px 15px #00cfff4d}.staff-list{display:flex;flex-direction:column;gap:1rem}.staff-card{background:rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.staff-card:hover{background:rgba(255,255,255,.08);transform:translate(5px)}.staff-info{display:flex;align-items:center;gap:1rem;flex:1}.staff-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.staff-details h3{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.staff-email{color:#ffffffb3;font-size:.9rem;margin-bottom:.5rem}.staff-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.pending{background:rgba(254,202,87,.2);color:#feca57;border:1px solid rgba(254,202,87,.3)}.status-badge.active{background:rgba(0,207,255,.2);color:#00cfff;border:1px solid rgba(0,207,255,.3)}.join-date{font-size:.8rem;color:#fff9}.staff-actions{display:flex;gap:.5rem;align-items:center}.approve-btn,.reject-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.approve-btn{background:linear-gradient(45deg,#00CFFF,#0099cc);color:#fff}.approve-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00cfff4d}.reject-btn{background:linear-gradient(45deg,#ff6b7a,#e74c3c);color:#fff}.reject-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b7a4d}.approved-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(0,207,255,.1);color:#00cfff;border:1px solid rgba(0,207,255,.3);border-radius:8px;font-size:.9rem;font-weight:600}.empty-state{text-align:center;padding:4rem 2rem;color:#fff9}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.empty-state p{font-size:1rem}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #00CFFF;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.create-staff-form{max-width:600px;margin:0 auto;padding:2rem;background:white;border-radius:16px;box-shadow:0 10px 40px #0000001a}.form-header{text-align:center;margin-bottom:2rem;color:#495057}.form-header h2{margin:1rem 0 .5rem;color:#212529;font-size:1.5rem}.form-header p{margin:0;color:#6c757d;font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#495057;font-size:.95rem}.form-group input{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.password-input{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:#6c757d;padding:.25rem;border-radius:4px;transition:color .2s ease}.password-toggle:hover{color:#495057}.error-message{background:#f8d7da;color:#721c24;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #f5c6cb;font-size:.9rem}.success-message{background:#d4edda;color:#155724;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #c3e6cb;font-size:.9rem}.form-actions{margin-top:2rem}.form-info{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px;font-size:.9rem;color:#6c757d;text-align:center}@media (max-width: 768px){.admin-container{padding:1rem}.header-content h1{font-size:2rem}.header-stats{grid-template-columns:1fr}.staff-card{flex-direction:column;align-items:flex-start;gap:1rem}.staff-actions{width:100%;justify-content:flex-end}.filter-buttons{justify-content:center}.search-filter{align-items:center}.create-staff-form{padding:0 1rem}}@media (max-width: 480px){.admin-content{padding:1rem}.staff-info{flex-direction:column;text-align:center}.staff-meta,.staff-actions{justify-content:center}.form-header h2{font-size:1.5rem}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.feature-card{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1rem;text-decoration:none;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:var(--accent-color)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:60px;height:60px;border-radius:12px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.feature-content{flex:1}.feature-content h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.feature-content p{font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem}.feature-badge{display:inline-block;padding:.25rem .75rem;background:rgba(254,202,87,.2);color:#feca57;border:1px solid rgba(254,202,87,.3);border-radius:20px;font-size:.8rem;font-weight:600}.feature-arrow{font-size:1.5rem;color:#ffffff80;transition:all .3s ease}.feature-card:hover .feature-arrow{color:var(--accent-color);transform:translate(5px)}.quick-actions{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.quick-actions h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.action-btn.primary{background:linear-gradient(45deg,#00CFFF,#0099cc);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00cfff4d}.action-btn.secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.action-btn.secondary:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.analytics-grid{display:flex;flex-direction:column;gap:2rem}.metrics-section,.charts-section,.activity-section{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.metrics-section h2,.charts-section h2,.activity-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.metric-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:1rem;transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;border-color:var(--accent-color)}.metric-icon{width:50px;height:50px;border-radius:10px;background:rgba(0,207,255,.2);display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.metric-content h3{font-size:.9rem;font-weight:500;color:#ffffffb3;margin-bottom:.5rem}.metric-value{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.25rem}.metric-change{font-size:.8rem;font-weight:600}.metric-change.positive{color:#4ade80}.metric-change.negative{color:#f87171}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.chart-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.2)}.chart-card h3{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#fff9;text-align:center}.chart-placeholder svg{margin-bottom:1rem;opacity:.5}.chart-placeholder p{font-size:.9rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.activity-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.positive{background:rgba(74,222,128,.2);color:#4ade80}.activity-icon.negative{background:rgba(248,113,113,.2);color:#f87171}.activity-icon.neutral{background:rgba(255,255,255,.1);color:#ffffffb3}.activity-content{flex:1}.activity-content p{color:#fff;margin-bottom:.25rem;font-size:.9rem}.activity-time{color:#ffffff80;font-size:.8rem}@media (max-width: 768px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.charts-grid{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.chart-placeholder{min-height:150px}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}.metric-card{flex-direction:column;text-align:center}.activity-item{flex-direction:column;text-align:center;gap:.5rem}}.admin-page{padding:2rem;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.header-content{display:flex;align-items:center;gap:1rem}.header-icon{color:#3b82f6;width:2.5rem;height:2.5rem}.header-content h1{margin:0;color:#1f2937;font-size:2rem;font-weight:700}.header-content p{margin:.5rem 0 0;color:#6b7280;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#6c757d;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.btn-success{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#dc2626}.btn-icon{display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s;color:#6b7280}.btn-icon:hover{background:#e5e7eb;color:#374151}.btn-icon.btn-success{background:#d1fae5;color:#065f46}.btn-icon.btn-success:hover{background:#a7f3d0}.btn-icon.btn-danger{background:#fee2e2;color:#991b1b}.btn-icon.btn-danger:hover{background:#fecaca}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box,.filter-box{display:flex;align-items:center;gap:.5rem;background:white;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;flex:1;min-width:200px}.search-box input,.filter-box select{border:none;outline:none;flex:1;font-size:.875rem}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#6b7280}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.item-card{background:white;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;transition:all .2s;box-shadow:0 1px 3px #0000001a}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.item-image{height:200px;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af}.item-content{padding:1.5rem}.item-content h3{margin:0 0 .5rem;color:#1f2937;font-size:1.125rem;font-weight:600}.item-description{color:#6b7280;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.item-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.category{background:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.price{background:#dcfce7;color:#166534;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.stock{background:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.stock.low{background:#fee2e2;color:#991b1b}.item-actions{display:flex;gap:.5rem;justify-content:flex-end}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.service-card{background:white;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000001a}.service-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.service-icon{background:#dbeafe;color:#1e40af;padding:.75rem;border-radius:.5rem}.service-actions{display:flex;gap:.5rem}.service-content h3{margin:0 0 .5rem;color:#1f2937;font-size:1.125rem;font-weight:600}.service-description{color:#6b7280;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.service-details{display:flex;flex-direction:column;gap:.5rem}.label{font-weight:500;color:#374151;min-width:80px}.signups-list{display:flex;flex-direction:column;gap:1rem}.signup-card{background:white;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000001a}.signup-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.signup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.signup-info h3{margin:0 0 .5rem;color:#1f2937;font-size:1.125rem;font-weight:600}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.signup-details{margin-bottom:1rem}.detail-row{display:flex;gap:2rem;margin-bottom:.5rem}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.notes{background:#f9fafb;padding:.75rem;border-radius:.5rem;margin-top:.5rem}.notes .label{font-weight:600;color:#374151}.signup-actions{display:flex;gap:.5rem;justify-content:flex-end}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:white;border-radius:.75rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.modal-content{padding:1.5rem}.modal-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.detail-section{margin-bottom:1.5rem}.detail-section h3{margin:0 0 1rem;color:#1f2937;font-size:1rem;font-weight:600;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.detail-grid{display:grid;gap:.75rem}@media (max-width: 768px){.admin-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-section{flex-direction:column}.search-box,.filter-box{min-width:auto}.items-grid,.services-grid,.form-row{grid-template-columns:1fr}.signup-header{flex-direction:column;gap:1rem}.detail-row{flex-direction:column;gap:.5rem}}.debug-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.debug-toggle{display:flex;align-items:center;gap:.5rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;font-size:.9rem;color:#6c757d}.debug-toggle:hover{background:#e9ecef;border-color:#adb5bd}.debug-panel{margin-top:1rem;padding:1.5rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px}.debug-panel h3{margin:0 0 .5rem;color:#495057;font-size:1.1rem}.debug-panel p{margin:0 0 1rem;color:#6c757d;font-size:.9rem}.debug-result{margin:1rem 0;padding:1rem;background:#fff;border:1px solid #dee2e6;border-radius:8px;font-family:Courier New,monospace;font-size:.85rem;white-space:pre-wrap;word-break:break-word}.debug-info{margin-top:1rem;padding:1rem;background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px}.debug-info h4{margin:0 0 .5rem;color:#0056b3;font-size:1rem}.debug-info ul{margin:0;padding-left:1.5rem;color:#0056b3}.debug-info li{margin-bottom:.25rem;font-size:.9rem}.debug-info strong{color:#004085}.header-actions{display:flex;align-items:center;gap:1rem}.time-range-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease}.time-range-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:#e5e7eb;border-color:#9ca3af}.metric-subtitle{color:#6b7280;font-size:.75rem;margin:0;font-weight:500}.chart-container{position:relative;min-height:200px}.chart-stats{display:flex;justify-content:space-around;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.stat-item{text-align:center}.stat-label{display:block;font-size:.75rem;color:#6b7280;font-weight:500;margin-bottom:.25rem}.stat-value{display:block;font-size:1rem;font-weight:600;color:#1f2937}.quick-actions-section{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.quick-actions-section h2{margin:0 0 1rem;color:#1f2937;font-size:1.25rem;font-weight:600}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.action-btn svg{color:#6b7280;transition:color .2s ease}.action-btn:hover svg{color:#3b82f6}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container button{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;margin-top:1rem;transition:background-color .2s ease}.error-container button:hover{background:#dc2626}@media (max-width: 1024px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.header-actions{flex-direction:column;align-items:stretch;gap:.5rem}.time-range-select,.refresh-btn{width:100%}.metrics-grid,.charts-grid,.actions-grid{grid-template-columns:1fr}.chart-stats{flex-direction:column;gap:.5rem}.stat-item{display:flex;justify-content:space-between;align-items:center}}@media (max-width: 480px){.quick-actions-section{padding:1rem}.action-btn{padding:.75rem;font-size:.8rem}.action-btn svg{width:16px;height:16px}}.error-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);display:flex;align-items:center;justify-content:center;padding:2rem;color:#fff}.error-content{text-align:center;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.2);max-width:500px;width:100%}.error-icon{margin-bottom:2rem;color:#00cfff}.error-content h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#00CFFF,#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-content p{font-size:1.1rem;margin-bottom:1rem;opacity:.8;line-height:1.6}.error-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(45deg,#00CFFF,#0099cc);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;margin-top:2rem}.error-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00cfff4d}@media (max-width: 768px){.error-container{padding:1rem}.error-content{padding:2rem}.error-content h1{font-size:2rem}.error-content p{font-size:1rem}}@media (max-width: 480px){.error-content{padding:1.5rem}.error-content h1{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;position:relative}.main-content{flex:1;padding:2rem;background:#f8fafc;min-height:100vh;overflow-y:auto;position:relative;z-index:1;margin-left:240px;width:calc(100% - 240px)}.dashboard-container,.member-dashboard,.admin-container,.error-container,.shop-container,.profile-container,.notifications-container{width:100%!important;min-height:100vh;overflow-x:hidden;position:relative;z-index:1}.auth-wrapper,.signup-wrapper{width:100vw!important;min-height:100vh;margin:0;padding:0;overflow-x:hidden;position:relative;left:0;top:0}@media (max-width: 900px){.main-content{margin-left:70px;width:calc(100% - 70px)}}@media (max-width: 768px){.main-content{margin-left:0;width:100%;padding:1rem;padding-top:80px}.dashboard-container,.member-dashboard,.admin-container,.error-container,.shop-container,.profile-container,.notifications-container{padding:1rem!important}.error-boundary h1{font-size:2rem}.error-boundary p{font-size:1rem}.pending-approval-content,.suspended-content{padding:2rem;margin:1rem}.pending-approval-content h1,.suspended-content h1{font-size:1.5rem}.pending-approval-content p,.suspended-content p{font-size:1rem}}@media (max-width: 480px){.main-content{padding:.5rem;padding-top:70px}.dashboard-container,.member-dashboard,.admin-container,.error-container,.shop-container,.profile-container,.notifications-container{padding:.5rem!important}.auth-wrapper,.signup-wrapper{width:100vw!important}.pending-approval-content,.suspended-content{padding:1.5rem}.pending-approval-content h1,.suspended-content h1{font-size:1.25rem}.pending-info{padding:1rem}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.error-boundary h1{font-size:2.5rem;margin-bottom:1rem;color:#fff}.error-boundary p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.error-boundary button{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.error-boundary button:hover{background:rgba(255,255,255,.3);border-color:#ffffff80;transform:translateY(-2px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{font-size:1.1rem;opacity:.9}.pending-approval-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:2rem}.pending-approval-content{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;text-align:center;color:#fff;max-width:500px;width:100%}.pending-icon{margin-bottom:2rem;color:#ffa726}.pending-approval-content h1{font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,255,255,.5)}.pending-approval-content p{font-size:1.1rem;margin-bottom:1rem;opacity:.9;line-height:1.6}.pending-info{background:rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:left}.pending-info p{margin-bottom:.5rem;font-size:1rem}.pending-info p:last-child{margin-bottom:0}.logout-btn:not(.sidebar .logout-btn){background:linear-gradient(135deg,#00CFFF,#0099cc);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00cfff4d}.logout-btn:not(.sidebar .logout-btn):hover{transform:translateY(-2px);box-shadow:0 6px 20px #00cfff66}.suspended-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:2rem}.suspended-content{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;text-align:center;color:#fff;max-width:500px;width:100%}.suspended-icon{margin-bottom:2rem;color:#ff6b7a}.suspended-content h1{font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,255,255,.5)}.suspended-content p{font-size:1.1rem;margin-bottom:1rem;opacity:.9;line-height:1.6}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#faf8f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent-color: #00CFFF;--primary-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--secondary-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2)}#root{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}html{margin:0;padding:0;overflow-x:hidden}.auth-wrapper,.signup-wrapper{overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #00CFFF;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;text-align:center;color:#666}.error-container button{padding:.75rem 1.5rem;background:#00CFFF;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.error-container button:hover{background:#0099cc}.no-notifications,.no-products,.no-membership{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;text-align:center;color:#666}.no-notifications h2,.no-products h2,.no-membership h2{margin:0;color:#333}.no-notifications p,.no-products p,.no-membership p{margin:0;opacity:.8}.cta-btn{padding:.75rem 1.5rem;background:#00CFFF;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease}.cta-btn:hover{background:#0099cc}