*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Arial,sans-serif;margin:0;background-color:#f8fafc;color:#212529}header{background:#fff;box-shadow:0 2px 8px #0000000a;padding:.8rem 0}.header-content{width:90%;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo-title{display:flex;align-items:center;gap:1rem}.logo-icon{background:#57cdaf;color:#fff;border-radius:4px;font-weight:700;padding:.4em .8em;font-size:1.1em}.header-left{display:flex;flex-direction:column}.header-left .main-title{font-weight:700}.header-left .subtitle{font-size:.88em;color:#888}.header-nav{display:flex;gap:.6em}.header-nav button,.header-nav a{border:none;background:none;padding:.5em 1em;border-radius:5px;cursor:pointer;font-weight:500;text-decoration:none;color:#333;font-size:.95em}.header-nav .active,.header-nav button:hover,.header-nav a:hover{background:#57cdaf;color:#fff;transition:.2s}.header-nav .member-portal{background:#22a486;color:#fff}.hero{background:linear-gradient(102deg,#eafdfa,#fff);text-align:center;padding:2.5rem 0 2rem}.hero h1{font-size:2.4rem;margin:.5rem 0 0}.hero .subtitle{color:#22a486;font-size:1.5rem;margin-bottom:.5rem;font-weight:500}.hero .subtitle .highlight{color:#22a486}.hero p{color:#6e7781;margin:1rem 0 2rem}.hero-buttons{display:flex;justify-content:center;gap:1rem}.hero-buttons button{background:#22a486;color:#fff;padding:.8em 1.5em;border:none;border-radius:5px;cursor:pointer;font-size:1.09em;margin-bottom:1rem;font-weight:500}.hero-buttons button.secondary-btn{background:#f1f5fb;color:#222;border:1px solid #dde7ec}.features-section{width:90%;max-width:1100px;margin:2.5rem auto 0;text-align:center}.features-section h2{font-size:1.4rem;margin-bottom:2rem}.features-list{display:flex;gap:2%;justify-content:center;margin-top:1rem;flex-wrap:wrap}.feature-card{flex:1 1 250px;background:#fff;border:1.5px solid #e4e9f3;border-radius:10px;padding:1.5rem 1.2rem 1.8rem;margin:1rem .5rem;box-shadow:0 2px 12px #22826e06;min-width:240px;max-width:320px;text-align:left}.feature-icon{font-size:2rem;color:#22a486}.feature-title{margin:.7em 0 .25em;font-size:1.1rem;font-weight:700}.feature-desc{color:#555;font-size:.97em;margin-bottom:.7em;min-height:35px}.feature-list{padding-left:1.2em;margin:0;font-size:.97em;color:#444}.feature-list li{margin-bottom:4px}.stats-section{background:#f8fafc;color:#1e3a8a;text-align:center;padding:4rem 2rem;margin-top:0}.stats-section h3{letter-spacing:.06em;margin-bottom:1rem;font-size:2.5rem;font-weight:700;color:#1e3a8a}.stats-section p{color:#6b7280;margin-bottom:3rem;font-size:1.2rem}.stats-list{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.stat-item{background:#fff;border-radius:16px;padding:2.5rem 2rem;flex:1 1 180px;min-width:180px;max-width:240px;margin:.3rem;box-shadow:0 4px 15px #00000014;transition:all .3s ease;border:1px solid rgba(220,38,38,.1)}.stat-item:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026;border-color:#dc26264d}.stat-value{font-weight:700;font-size:3.5rem;margin-bottom:.75rem;color:#dc2626;text-shadow:none}.stat-label{font-size:1.1rem;font-weight:600;letter-spacing:.3px;color:#4b5563}footer{background:#222d34;color:#e6e9ee;font-size:.97em;padding:2.4rem 0 1.6rem;margin-top:0}.footer-content{display:flex;justify-content:space-between;width:90%;max-width:1100px;margin:auto;flex-wrap:wrap}.footer-logo{display:flex;align-items:center}.footer-logo .footer-title{font-weight:700;padding-left:.8em;font-size:1.1rem}.footer-desc{margin-top:.7em;font-size:.95em;color:#b5c9ce}.footer-section{min-width:150px;margin-bottom:1rem}.footer-links{list-style:none;padding-left:0;margin:.8em 0 0}.footer-links li{margin-bottom:.7em}.footer-links a{color:#e6e9ee;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#57cdaf}.footer-contact{font-size:.98em}.footer-bottom{text-align:center;color:#9faab5;padding-top:1rem;font-size:.96em}.language-selector{position:relative;display:inline-block}.language-btn{display:flex;align-items:center;gap:.5rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;padding:.4em .8em;cursor:pointer;font-size:.9em;transition:all .2s}.language-btn:hover{background:#e9ecef}.language-btn .flag{font-size:1.1em}.language-btn .language-code{font-weight:500;color:#495057}.language-btn .arrow{font-size:.8em;color:#6c757d;transition:transform .2s}.language-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e9ecef;border-radius:5px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:150px;margin-top:.25rem}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;cursor:pointer;text-align:left;transition:background-color .2s}.language-option:hover{background:#f8f9fa}.language-option.active{background:#e3f2fd;color:#1976d2}.language-option .flag{font-size:1.2em}.language-option .language-name{font-size:.9em;color:#495057}@media (max-width: 900px){.features-list,.stats-list,.footer-content{flex-direction:column;align-items:center}.footer-content{gap:1.5em 0}.language-dropdown{right:auto;left:0}}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.bg-white{background-color:#fff}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.rounded-lg{border-radius:.5rem}.shadow{box-shadow:0 1px 3px #0000001a}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mb-4{margin-bottom:1rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.w-full{width:100%}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-20{margin-top:5rem}.mx-auto{margin-left:auto;margin-right:auto}input[type=text],input[type=password],input[type=email]{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;line-height:1.5;outline:none;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{border-color:#22a486;box-shadow:0 0 0 3px #22a4861a}button{cursor:pointer;border:none;outline:none;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.admin-login-page{min-height:100vh;background:radial-gradient(ellipse at top left,#23334a 0,#095a46);font-family:Segoe UI,Arial,sans-serif;color:#222}.top-bar{width:100%;padding:30px 0 0;display:flex;align-items:center;justify-content:center;position:relative}.back-link{position:absolute;left:10%;top:41px;color:#d6ede7;text-decoration:none;font-size:1rem;display:flex;align-items:center;gap:7px}.back-link:hover{text-decoration:underline}.top-right{position:absolute;right:10%;top:32px}.login-box{margin:48px auto 0;background:#fff;border-radius:14px;max-width:400px;padding:40px 32px 28px;box-shadow:0 14px 60px #13463618,0 2px 5px #17483508;text-align:center}.login-icon{background:#15ba89;display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:-54px auto 18px;border-radius:50%}.login-icon svg{width:30px;height:30px;color:#fff}.login-title{font-size:1.45rem;font-weight:700;margin-bottom:4px;margin-top:10px}.login-desc{font-size:1.03rem;color:#676767;margin-bottom:25px}.login-form{text-align:left}.login-form label{font-weight:500;margin-bottom:7px;color:#283e3c;display:block}.login-form input{width:100%;border:1.5px solid #e6efed;padding:12px 13px;border-radius:6px;font-size:1.08rem;margin-bottom:18px;outline:none;transition:border .2s;box-sizing:border-box}.login-form input:focus{border:1.5px solid #15ba89}.login-btn{width:100%;background:#15ba89;color:#fff;border:none;border-radius:6px;padding:13px 0;font-size:1.12rem;font-weight:600;cursor:pointer;margin-bottom:18px;transition:background .2s}.login-btn:hover{background:#13a87c}.login-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;margin-bottom:18px;font-size:.95rem}.demo-login{margin:0 auto 15px;background:#f3f8fa;border-radius:7px;font-size:.98rem;padding:13px 11px;color:#28423a;border:1px solid #e5f0ee;text-align:left}.member-portal-link{display:flex;align-items:center;gap:7px;color:#15ba89;text-decoration:none;font-size:1.04rem;font-weight:600;margin:13px auto 0;justify-content:center}.member-portal-link:hover{text-decoration:underline}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.admin-dashboard{height:100%;background:#f8fafc;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;color:#1e3a8a}.admin-dashboard .header-nav .nav-btn{border:1.5px solid #e5e7eb;background:#fff;border-radius:6px;color:#1e3a8a;font-weight:540;padding:7px 23px;font-size:1.06rem;cursor:pointer;display:flex;align-items:center;gap:7px;transition:background .15s,border .15s}.admin-dashboard .header-nav .nav-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.admin-dashboard .header-nav .nav-btn:focus{outline:2px solid #dc2626}.container{max-width:1400px;width:96%;margin:20px auto;flex:1}.dashboard-top-cards{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:21px}.dash-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px 28px 22px;flex:1 1 180px;min-width:230px;border:1px solid #f1f5f9;transition:all .3s ease}.dash-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dash-label{color:#64748b;font-size:.95em;margin-bottom:8px;font-weight:600}.dash-value{font-size:2.2em;font-weight:700;margin-bottom:4px;color:#1e3a8a}.dash-note{color:#94a3b8;font-size:.88em}.dash-icon{float:right;font-size:1.4em;color:#cbd5e1}.tabs{display:flex;gap:2px;margin-bottom:10px;border-bottom:2px solid #e5e7eb}.tab-link{background:none;border:none;padding:13px 28px 11px;font-size:1.05rem;color:#64748b;cursor:pointer;font-weight:600;transition:all .2s;border-bottom:3px solid transparent}.tab-link.active{border-bottom:3px solid #dc2626;color:#dc2626;background:transparent}.tab-link:hover{color:#dc2626;background:#fef2f2}.tab-link:focus{outline:none;background:#fef2f2}.tab-content{display:none}.tab-content.active{display:block;padding:35px 18px 10px 10px}.panel-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:28px 26px;margin-bottom:28px;border:1px solid #f1f5f9}h2,h3{margin-top:0;color:#1e3a8a}.sub-desc{color:#64748b;font-size:1em;margin-bottom:24px}.search-row{display:flex;gap:9px;margin-bottom:19px}.search-row input{flex:1;padding:13px 14px;font-size:1.02em;border:1.5px solid #e4ece9;border-radius:6px;outline:none;background:#f7fafb;transition:border .14s}.search-row input:focus{border:2px solid #dc2626;background:#fff}.add-btn{background:#dc2626;color:#fff;border:none;border-radius:8px;padding:0 28px;font-size:1.05em;font-weight:600;cursor:pointer;transition:all .2s;height:46px;box-shadow:0 2px 4px #dc262633}.add-btn:hover{background:#b91c1c;box-shadow:0 4px 8px #dc26264d;transform:translateY(-1px)}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;text-align:left}th{background:#f8fafc;color:#1e3a8a;font-size:1.02em;font-weight:600;border-bottom:2px solid #e5e7eb}tr{border-bottom:1px solid #f1f5f9;transition:background .2s}tr:hover{background:#f8fafc}tr:last-child{border-bottom:none}.status{padding:6px 16px;border-radius:20px;font-size:.9em;font-weight:600;display:inline-block}.status.Active{background:#dbeafe;color:#1e40af}.status.Pending{background:#fef3c7;color:#92400e}.status.Inactive{background:#fee2e2;color:#991b1b}.status.fully-paid{background:#dcfce7;color:#166534}.status.partially-paid{background:#fef3c7;color:#92400e}.custom-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #f1f5f9}.fee-box-row{display:flex;gap:24px;margin-bottom:24px}.fee-box{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:28px 24px;text-align:left;border:1px solid #f1f5f9;transition:all .3s ease}.fee-box:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.fee-label{color:#64748b;font-size:1em;font-weight:600;margin-bottom:8px}.fee-amount.green,.fee-amount.blue{color:#1e3a8a;font-size:2.1rem;font-weight:700;margin:8px 0}.fee-desc{font-size:.95em;color:#94a3b8}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d;border-radius:10px;padding:18px 22px;margin-top:20px;font-size:1em}.alert-warning button{margin-top:12px;background:#fbbf24;color:#fff;border:none;border-radius:6px;padding:8px 20px;cursor:pointer;font-weight:600;transition:all .2s}.alert-warning button:hover{background:#f59e0b}.revenue-summary{margin-bottom:30px}.revenue-summary h3{margin-bottom:20px;color:#1e3a8a;font-size:1.3em}.revenue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.revenue-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #f1f5f9;border-left:4px solid;transition:all .3s ease}.revenue-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.revenue-card.total,.revenue-card.fully-paid{border-left-color:#1e3a8a}.revenue-card.partially-paid{border-left-color:#f59e0b}.revenue-label{color:#64748b;font-size:.95em;font-weight:600;margin-bottom:8px}.revenue-amount{font-size:2rem;font-weight:700;margin-bottom:8px;color:#1e3a8a}.revenue-card.total .revenue-amount,.revenue-card.fully-paid .revenue-amount{color:#1e3a8a}.revenue-card.partially-paid .revenue-amount{color:#f59e0b}.revenue-desc{color:#64748b;font-size:.9em;font-weight:500}.report-grid{display:flex;gap:24px;flex-wrap:wrap}.report-card{flex:1 1 320px;min-width:280px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;justify-content:flex-start;padding:28px 24px;font-size:1.1em;font-weight:600;margin-bottom:15px;color:#1e3a8a;border:1px solid #e5e7eb;gap:16px;cursor:pointer;transition:all .3s ease}.report-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#cbd5e1}.report-card .icon{font-size:1.5em;color:#64748b}.settings-form{display:flex;gap:24px;flex-wrap:wrap}.settings-group{flex:1 1 200px;min-width:200px}.settings-group label{font-weight:600;color:#1e3a8a;font-size:.95em;display:block;margin-bottom:8px}.settings-group input{width:100%;padding:12px 14px;font-size:1em;border-radius:8px;border:2px solid #e5e7eb;background:#fff;margin-bottom:14px;transition:all .2s;box-sizing:border-box}.settings-group input:focus{border:2px solid #dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.save-btn{background:#dc2626;color:#fff;border:none;border-radius:8px;padding:12px 34px;font-size:1.04em;font-weight:600;margin-top:18px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #dc262633}.save-btn:hover{background:#b91c1c;box-shadow:0 4px 8px #dc26264d;transform:translateY(-1px)}.upload-section{margin-bottom:30px;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.upload-section h3{margin:0 0 15px;color:#1e3a8a;font-size:1.15em;font-weight:600}.upload-area{border:2px dashed #cbd5e1;border-radius:12px;padding:35px;text-align:center;background:#fff;transition:all .3s ease}.upload-area:hover{border-color:#94a3b8;background:#f8fafc}.upload-label{cursor:pointer;display:block}.upload-icon{font-size:3em;margin-bottom:15px;color:#64748b}.upload-text{display:flex;flex-direction:column;gap:8px}.upload-text strong{color:#1e3a8a;font-size:1.1em;font-weight:600}.upload-text span{color:#64748b;font-size:.95em}.file-types{font-size:.85em!important;color:#94a3b8!important;margin-top:5px}.upload-status{margin-top:15px;padding:12px 15px;border-radius:8px;font-size:.95em;font-weight:600}.upload-status.success{background:#dcfce7;color:#166534;border:1px solid #86efac}.upload-status.error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.upload-status.loading{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.export-section{margin-bottom:30px;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.export-section h3{margin:0 0 15px;color:#1e3a8a;font-size:1.15em;font-weight:600}.export-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.export-btn{background:#059669;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:.95em;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #05966933}.export-btn:hover:not(:disabled){background:#047857;transform:translateY(-2px);box-shadow:0 4px 8px #0596694d}.export-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.export-info{color:#6c757d;font-size:.9em;font-style:italic}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #14b98a;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:4em;margin-bottom:20px;opacity:.5}.empty-state p{margin:5px 0;color:#6e7781}.empty-subtitle{font-size:.9em;color:#888!important}@media (max-width: 1150px){.dashboard-top-cards,.fee-box-row,.report-grid,.settings-form{flex-direction:column;gap:18px}.dashboard-top-cards>*,.fee-box-row>*,.report-grid>*{min-width:220px}}@media (max-width: 700px){.main-nav,.container{width:100%!important}.nav-title{font-size:1.01rem}.nav-icon{width:33px;height:33px;font-size:1.1em}.nav-btn,.nav-btn-green{padding:7px 8px}.dashboard-top-cards,.fee-box-row,.report-grid,.settings-form{gap:11px}.panel-card,.custom-table,.fee-box,.report-card{padding:11px 6px 13px 7px}}@media (max-width: 600px){.login-box{padding:28px 7vw}.top-bar{padding-top:18px}.back-link,.top-right{left:2vw;right:2vw}}.search-filter-section{margin-bottom:24px;background:#f8fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.search-row{display:flex;gap:12px;margin-bottom:16px;align-items:center}.search-input{flex:1;padding:10px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.search-input:focus{outline:none;border-color:#14b98a;box-shadow:0 0 0 2px #14b98a1a}.clear-filters-btn{padding:10px 16px;background:#64748b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #64748b33}.clear-filters-btn:hover{background:#475569;box-shadow:0 4px 8px #64748b4d;transform:translateY(-1px)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:12px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:13px;font-weight:500;color:#374151}.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.filter-group select:focus{outline:none;border-color:#14b98a;box-shadow:0 0 0 2px #14b98a1a}.results-info{font-size:14px;color:#6b7280;font-weight:500}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:all .2s}.sortable:hover{background-color:#f1f5f9;color:#1e3a8a}.sortable.sorted-asc,.sortable.sorted-desc{background-color:#dbeafe;color:#1e3a8a;font-weight:700}.sort-indicator{margin-left:4px;font-size:12px;color:#dc2626;font-weight:700}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px;background:#f8fafb;border-radius:8px;border:1px solid #e5e7eb}.pagination-info{font-size:14px;color:#6b7280;font-weight:500}.pagination-buttons{display:flex;gap:4px;align-items:center}.pagination-btn{padding:8px 12px;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;border-radius:6px;font-size:14px;transition:all .2s;min-width:40px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#64748b}.pagination-btn.active{background:#dc2626;color:#fff;border-color:#dc2626;font-weight:600;box-shadow:0 2px 4px #dc262633}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}@media (max-width: 768px){.filter-row{grid-template-columns:1fr}.pagination-controls{flex-direction:column;gap:12px}.pagination-buttons{overflow-x:auto;width:100%;justify-content:center}.search-row{flex-direction:column;align-items:stretch}.clear-filters-btn{width:100%}}.applications-table{margin-top:20px}.applications-table .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.applications-table .table-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.applications-table .table-actions{display:flex;gap:12px;align-items:center}.applications-table .status-filter{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;min-width:150px}.applications-table .status-filter:focus{outline:none;border-color:#14b98a;box-shadow:0 0 0 3px #14b98a1a}.applications-table .data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.applications-table .data-table th{background:#f8fafb;padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:14px}.applications-table .data-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px}.applications-table .data-table tr:hover{background:#f9fafb}.applications-table .status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.applications-table .status-badge.pending{background:#fef3c7;color:#92400e}.applications-table .status-badge.approved{background:#d1fae5;color:#065f46}.applications-table .status-badge.rejected{background:#fee2e2;color:#991b1b}.applications-table .action-buttons{display:flex;gap:8px;align-items:center}.applications-table .approve-btn,.applications-table .reject-btn{padding:8px 16px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;min-width:80px}.applications-table .approve-btn{background:#059669;color:#fff;box-shadow:0 2px 4px #05966933}.applications-table .approve-btn:hover:not(:disabled){background:#047857;box-shadow:0 4px 8px #0596694d;transform:translateY(-1px)}.applications-table .approve-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.applications-table .reject-btn{background:#dc2626;color:#fff;box-shadow:0 2px 4px #dc262633}.applications-table .reject-btn:hover{background:#b91c1c;box-shadow:0 4px 8px #dc26264d;transform:translateY(-1px)}.applications-table .reviewed-info{font-size:12px;color:#6b7280;font-style:italic}.applications-table .loading-state,.applications-table .empty-state{text-align:center;padding:40px 20px;color:#6b7280}.applications-table .loading-state .spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #14b98a;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.applications-table .empty-state .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.applications-table .table-header{flex-direction:column;align-items:stretch;gap:12px}.applications-table .table-actions{justify-content:flex-start}.applications-table .data-table{font-size:12px}.applications-table .data-table th,.applications-table .data-table td{padding:8px 12px}.applications-table .action-buttons{flex-direction:column;gap:4px}.applications-table .approve-btn,.applications-table .reject-btn{width:100%;min-width:auto}}.users-table{margin-top:20px}.users-table .data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.users-table .data-table th{background:#f8fafb;padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:14px}.users-table .data-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px}.users-table .data-table tr:hover{background:#f9fafb}.users-table .role-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.users-table .role-badge.member{background:#dbeafe;color:#1e40af}.users-table .role-badge.admin{background:#fef3c7;color:#92400e}.users-table .role-badge.superadmin{background:#fce7f3;color:#be185d}.users-table .edit-btn,.users-table .delete-btn{padding:8px 16px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;margin-right:4px}.users-table .edit-btn{background:#1e3a8a;color:#fff;box-shadow:0 2px 4px #1e3a8a33}.users-table .edit-btn:hover{background:#1e40af;box-shadow:0 4px 8px #1e3a8a4d;transform:translateY(-1px)}.users-table .delete-btn{background:#dc2626;color:#fff;box-shadow:0 2px 4px #dc262633}.users-table .delete-btn:hover{background:#b91c1c;box-shadow:0 4px 8px #dc26264d;transform:translateY(-1px)}@media (max-width: 768px){.users-table .data-table{font-size:12px}.users-table .data-table th,.users-table .data-table td{padding:8px 12px}.users-table .action-buttons{flex-direction:column;gap:4px}.users-table .edit-btn,.users-table .delete-btn{width:100%;margin-right:0}}.member-login-page{min-height:100vh;background:radial-gradient(ellipse at 30% 20%,#155e49 40%,#235ca0);font-family:Segoe UI,Arial,sans-serif;color:#182825}.member-login-page .top-bar{display:flex;justify-content:center;align-items:center;max-width:900px;margin:0 auto;padding:40px 0 28px;position:relative}.member-login-page .back-link{position:absolute;left:10%;color:#d6ede7;text-decoration:none;font-size:1rem;display:flex;align-items:center;gap:7px}.member-login-page .back-link:hover{text-decoration:underline;color:#18b98a}.member-login-page .top-right{position:absolute;right:10%}.member-login-page .login-box{background:#f4faf9;margin:50px auto 0;border-radius:14px;max-width:400px;padding:38px 32px 24px;box-shadow:0 14px 60px #13463618,0 2px 5px #17483508;text-align:center}.member-login-page .login-icon{background:#18b98a;display:flex;align-items:center;justify-content:center;width:61px;height:61px;margin:-54px auto 19px;border-radius:50%}.member-login-page .login-icon svg{width:33px;height:33px;color:#fff}.member-login-page .login-title{font-size:1.45rem;font-weight:700;margin-bottom:4px;margin-top:9px}.member-login-page .login-desc{font-size:1.03rem;color:#676767;margin-bottom:23px}.member-login-page .login-form{text-align:left}.member-login-page .login-form label{font-weight:500;margin-bottom:7px;color:#283e3c}.member-login-page .login-form input{width:100%;border:1.5px solid #e6efed;padding:12px 13px;border-radius:6px;font-size:1.08rem;margin-bottom:18px;outline:none;transition:border .2s}.member-login-page .login-form input:focus{border:1.5px solid #18b98a}.member-login-page .login-btn{width:100%;background:#18b98a;color:#fff;border:none;border-radius:6px;padding:13px 0;font-size:1.12rem;font-weight:600;cursor:pointer;margin-bottom:18px}.member-login-page .login-btn:hover{background:#13a87c}.member-login-page .login-btn:disabled{background:#ccc;cursor:not-allowed}.member-login-page .demo-login{margin:0 auto 17px;background:#f3f8fa;border-radius:7px;font-size:.99rem;padding:13px 11px;color:#28423a;border:1px solid #e5f0ee;text-align:left;word-break:break-all}.member-login-page .login-footer-links{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:1.06em;color:#18b98a;font-weight:520}.member-login-page .login-footer-links a{color:#18b98a;text-decoration:none;font-weight:520;display:flex;align-items:center;gap:6px;transition:color .16s}.member-login-page .login-footer-links a:hover{color:#146f53;text-decoration:underline}.member-login-page .error-message{background:#fee2e2;color:#991b1b;padding:8px 12px;border-radius:6px;margin-bottom:18px;font-size:.9rem;border:1px solid #fecaca}@media (max-width: 600px){.member-login-page .login-box{padding:21px 4vw 17px}.member-login-page .top-bar{padding-top:21px}.member-login-page .back-link,.member-login-page .top-right{left:4vw;right:5vw}.member-login-page .login-footer-links{font-size:1em}}.member-dashboard{min-height:100vh;background:#f8fafc;font-family:Segoe UI,Arial,sans-serif;color:#1e293b;display:flex;flex-direction:column}.member-dashboard .member-navbar{background:#fff;border-bottom:1.5px solid #ebeeed;padding:0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;height:58px}.member-dashboard .member-nav-left{display:flex;align-items:center;gap:14px;margin-left:24px}.member-dashboard .member-nav-icon{background:#18b98a;border-radius:5px;color:#fff;display:flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:1.5em}.member-dashboard .member-nav-title{font-weight:700;font-size:1.13rem;color:#153a27}.member-dashboard .member-nav-desc{font-size:.98em;color:#295e55}.member-dashboard .member-nav-actions{display:flex;gap:12px;align-items:center;margin-right:26px}.member-dashboard .nav-btn{padding:7px 19px;font-size:1em;border-radius:6px;border:1.3px solid #e4e9ee;background:#fff;color:#18b98a;font-weight:600;cursor:pointer;transition:background .16s,border .16s;display:flex;align-items:center;gap:8px}.member-dashboard .nav-btn:hover{background:#e7f7f3}.member-dashboard .dashboard-banner{background:linear-gradient(98deg,#17b98a 60%,#11ae8c);color:#fff;text-align:left;padding:34px 0 30px;font-size:1.54em;letter-spacing:.01em;position:relative;z-index:0}.member-dashboard .banner-inner{width:95%;max-width:1150px;margin:0 auto}.member-dashboard .banner-member-details{font-size:.82em;color:#b7f2db;margin-top:10px}.member-dashboard .dashboard-container{width:96%;max-width:1200px;margin:24px auto;z-index:2;position:relative;flex:1}.member-dashboard .profile-summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:0;margin-bottom:24px;border:1px solid #e5e7eb;position:relative;z-index:1}.member-dashboard .profile-summary-header{padding:20px 28px;background:#fff;color:#1e3a8a;font-weight:700;font-size:1.3em;letter-spacing:0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e5e7eb}.member-dashboard .summary-status{background:#dcfce7;color:#166534;border-radius:20px;padding:8px 20px;font-weight:600;font-size:.85em;margin-left:10px;border:1px solid #86efac}.member-dashboard .profile-summary-content{display:flex;gap:28px;flex-wrap:wrap;justify-content:flex-start;background:#fff;padding:24px 25px 7px 20px;align-items:flex-start}.member-dashboard .summary-block{flex:1 1 180px;margin-bottom:7px}.member-dashboard .summary-label{color:#626e80;font-size:1em;margin-bottom:3px}.member-dashboard .summary-main-value{font-size:1.4em;font-weight:700;margin-bottom:4px;color:#1e3a8a}.member-dashboard .summary-block.outstanding .summary-main-value{color:#f59e0b}.member-dashboard .summary-status-box{padding:0;text-align:right}.member-dashboard .status-badge{color:#fff;background:#059669;font-weight:600;padding:8px 18px;border-radius:20px;font-size:.9em;display:inline-block;margin-bottom:5px}.member-dashboard .status-badge.status-active{background:#dcfce7;color:#166534;border:1px solid #86efac}.member-dashboard .status-badge.status-deceased{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.member-dashboard .summary-status.status-active{background:#26c981;color:#fff;padding:4px 12px;border-radius:16px;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.member-dashboard .summary-status.status-deceased{background:#e74c3c;color:#fff;padding:4px 12px;border-radius:16px;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.member-dashboard .status-date{color:#787b7b;font-size:.91em;font-weight:400;margin-top:2px;display:block}.member-dashboard .profile-tabs-row{background:#f8fafc;display:flex;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb}.member-dashboard .tablink{flex:1 1 100px;padding:14px 0;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:1em;color:#64748b;border-bottom:3px solid transparent;transition:all .2s}.member-dashboard .tablink:hover{color:#dc2626;background:#fef2f2}.member-dashboard .tablink.active{color:#dc2626;border-bottom:3px solid #dc2626;background:transparent}.member-dashboard .card-panel{background:#fff;border-radius:12px;margin-bottom:24px;padding:28px 30px;margin-top:0;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.member-dashboard .panel-header{font-size:1.4em;font-weight:700;margin-bottom:8px;color:#1e3a8a}.member-dashboard .panel-desc{color:#64748b;margin-bottom:24px;font-size:1em}.member-dashboard .profile-details-grid{display:flex;flex-wrap:wrap;gap:34px 16vw;line-height:2em;margin-bottom:12px}.member-dashboard .profile-details-grid>div{background:transparent;padding:0;border-radius:0;border:none;transition:none;text-align:left;display:block;align-items:flex-start;gap:0;box-shadow:none;transform:none}.member-dashboard .profile-details-grid>div:hover{transform:none;box-shadow:none}.member-dashboard .profile-sections-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:24px}.member-dashboard .info-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.member-dashboard .info-section:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px);border-color:#dc2626}.member-dashboard .section-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e7eb}.member-dashboard .section-icon{font-size:20px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff3;border-radius:8px}.member-dashboard .section-title{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.member-dashboard .section-content{padding:20px}.member-dashboard .info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f1f5f9;gap:16px}.member-dashboard .info-row:last-child{border-bottom:none;padding-bottom:0}.member-dashboard .info-row:first-child{padding-top:0}.member-dashboard .info-label{color:#64748b;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:140px;flex-shrink:0;text-align:left}.member-dashboard .info-value{color:#1e293b;font-weight:500;font-size:14px;text-align:right;flex:1;word-break:break-word;line-height:1.5}.member-dashboard .info-item{background:#f8fafc;padding:16px 20px;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #0000000d}.member-dashboard .info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#dc2626}.member-dashboard .subscription-table-container{margin-top:24px;overflow-x:auto;border-radius:12px;box-shadow:0 2px 8px #0000001a}.member-dashboard .subscription-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.member-dashboard .subscription-table thead{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff}.member-dashboard .subscription-table th{padding:16px 20px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border:none}.member-dashboard .subscription-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.member-dashboard .subscription-table tbody tr:hover{background-color:#f8fafc}.member-dashboard .subscription-table tbody tr:last-child td{border-bottom:none}.member-dashboard .subscription-paid{background-color:#f0fdf4;border-left:4px solid #10b981}.member-dashboard .subscription-paid:hover{background-color:#ecfdf5}.member-dashboard .subscription-pending{background-color:#fef3f2;border-left:4px solid #ef4444}.member-dashboard .subscription-pending:hover{background-color:#fef2f2}.member-dashboard .subscription-year{font-weight:600;color:#1e293b;min-width:80px}.member-dashboard .subscription-amount{font-weight:500;color:#059669;min-width:100px}.member-dashboard .subscription-status{min-width:100px}.member-dashboard .subscription-type{color:#64748b;font-size:13px;min-width:100px}.member-dashboard .status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.member-dashboard .status-paid{background-color:#d1fae5;color:#065f46}.member-dashboard .status-pending{background-color:#fee2e2;color:#991b1b}.member-dashboard .subscription-summary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-top:2px solid #e2e8f0;padding:20px;border-radius:0 0 12px 12px}.member-dashboard .summary-row{display:flex;justify-content:space-between;align-items:center;font-weight:600}.member-dashboard .summary-label{color:#475569;font-size:15px}.member-dashboard .summary-value{color:#059669;font-size:16px;font-weight:700}.member-dashboard .coming-soon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.member-dashboard .coming-soon-icon{font-size:3em;margin-bottom:20px;opacity:.7}.member-dashboard .coming-soon-title{font-size:1.5em;font-weight:600;color:#495057;margin-bottom:10px}.member-dashboard .coming-soon-desc{font-size:1em;color:#6c757d;max-width:400px;line-height:1.5}.status-badge{padding:4px 8px;border-radius:12px;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;text-align:center;min-width:80px}.status-badge.status-active{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.status-deceased{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.view-details-btn{background:#1e3a8a;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:.9em;font-weight:600;transition:all .2s ease;min-width:35px;text-align:center;box-shadow:0 2px 4px #1e3a8a33}.view-details-btn:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 4px 8px #1e3a8a4d}.member-details-row{background:#f8fafc}.member-details-row td{border-top:none!important;padding:0!important}.member-details-content{padding:24px;border-top:3px solid #1e3a8a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:16px}.detail-section{background:#fff;padding:20px;border-radius:10px;border-left:4px solid #1e3a8a;box-shadow:0 2px 6px #00000014}.detail-section.subs-section{grid-column:1 / -1;border-left-color:#f59e0b}.detail-section .section-title{font-size:.95em;font-weight:700;color:#1e3a8a;margin:0 0 14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;padding-bottom:10px}.detail-section.subs-section .section-title{color:#d97706}.detail-list{display:flex;flex-direction:column;gap:10px}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #e5e7eb}.detail-item:last-child{border-bottom:none}.detail-label{font-size:.9em;color:#64748b;font-weight:600;flex-shrink:0;margin-right:12px;min-width:120px}.detail-value{font-size:.95em;color:#212529;font-weight:500;text-align:right;word-break:break-word;flex-grow:1}.subs-inline{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:8px 0}.subs-inline .subs-item{background:#fef3c7;padding:8px 14px;border-radius:20px;font-size:.88em;color:#92400e;border:1px solid #fcd34d;white-space:nowrap;font-weight:600}.subs-inline .subs-item strong{color:#78350f}@media (max-width: 768px){.details-grid{grid-template-columns:1fr;gap:16px}.detail-section.subs-section{grid-column:1}.subs-inline{flex-direction:column;align-items:flex-start;gap:8px}.detail-item{flex-direction:column;align-items:flex-start;gap:4px}.detail-value{text-align:left}}@media (max-width: 480px){.member-details-content{padding:16px}.details-grid{gap:12px}.detail-section{padding:12px}.subs-inline .subs-item{font-size:.8em;padding:4px 8px}}.member-dashboard .profile-details-grid .summary-label{color:#626e80;font-size:1em;font-weight:500;text-transform:none;letter-spacing:normal;margin-bottom:3px;text-align:left}.member-dashboard .profile-details-grid>div>div:last-child{color:#1a242b;font-weight:400;font-size:1em;text-align:left}.member-dashboard .profile-details-grid .status-badge{margin:0;display:inline-block}.member-dashboard .update-btn{background:#fff;color:#dc2626;border:2px solid #dc2626;border-radius:8px;font-size:1em;padding:10px 24px;margin-top:11px;cursor:pointer;font-weight:600;transition:all .2s;text-transform:none;letter-spacing:normal;box-shadow:0 2px 4px #dc26261a}.member-dashboard .update-btn:hover{background:#dc2626;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #dc262633}.member-dashboard .payment-card-list{display:flex!important;flex-direction:column!important;gap:13px!important}.member-dashboard .payment-card{background:#e9fdf5!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:15px 22px!important;font-size:1.07em!important;border:1px solid #d2f5e8!important;transition:none!important;box-shadow:none!important}.member-dashboard .payment-card:hover{transform:none!important;box-shadow:none!important}.member-dashboard .payment-card.completed{background:#e9fdf5!important;color:#1cae65!important;border:1px solid #d2f5e8!important}.member-dashboard .payment-card.outstanding{background:#fef6ef!important;color:#ed990b!important;border:1px solid #f7dcbf!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.member-dashboard .payment-card.pending{background:#e9fdf5!important;color:#1cae65!important;border:1px solid #d2f5e8!important}.member-dashboard .payment-card>div:first-child{display:block;gap:0;flex:none}.member-dashboard .payment-card>div:last-child{display:block;align-items:flex-start;gap:0;text-align:left}.member-dashboard .payment-label{font-weight:700;color:#232823;font-size:1.07em;margin-bottom:0}.member-dashboard .payment-date{font-size:.99em;margin-left:7px;opacity:1;color:#232823}.member-dashboard .payment-amount{font-size:1.13em;font-weight:700;color:#1cae65;margin-bottom:0}.member-dashboard .payment-card.outstanding .payment-amount{color:#ed990b}.member-dashboard .status-chip-green{background:#e8fced!important;color:#1cae65!important;padding:5px 17px!important;border-radius:26px!important;font-weight:600!important;margin-left:17px!important;font-size:1em!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;display:inline-block!important}.member-dashboard .status-chip-orange{background:#ffeedc!important;color:#ed990b!important;padding:5px 17px!important;border-radius:26px!important;font-weight:600!important;margin-left:17px!important;font-size:1em!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;display:inline-block!important}.member-dashboard .paynow-btn{background:#18b98a;color:#fff;border:none;padding:8px 21px;border-radius:6px;font-size:1em;margin-top:6px;cursor:pointer;font-weight:500;transition:background .14s;text-transform:none;letter-spacing:normal;box-shadow:none}.member-dashboard .paynow-btn:hover{background:#108c69;transform:none;box-shadow:none}.member-dashboard .activity-list{border-left:4px solid #18b98a;padding-left:34px;position:relative}.member-dashboard .activity-list:before{content:none}.member-dashboard .activity-item{margin-bottom:18px;position:relative;padding-left:0}.member-dashboard .activity-item:before{content:none}.member-dashboard .activity-item .event-title{font-weight:600;font-size:1.08em;color:#181c2b;margin-bottom:2px;line-height:normal}.member-dashboard .activity-item .event-date{color:#26c981;font-size:.99em;font-weight:400;opacity:1}.member-dashboard-loading,.member-dashboard-error{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f7fafd}.member-dashboard-loading .loading-spinner{font-size:1.2em;color:#18b98a}.member-dashboard-error .error-message{background:#fee2e2;color:#991b1b;padding:20px;border-radius:8px;margin-bottom:20px}.member-dashboard-error button{background:#18b98a;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}@media (max-width: 900px){.member-dashboard .dashboard-container{width:99%}.member-dashboard .profile-summary-content{flex-direction:column;gap:8px}.member-dashboard .profile-details-grid{gap:24px 5vw}.member-dashboard .profile-sections-container{grid-template-columns:1fr;gap:16px}.member-dashboard .info-row{flex-direction:column;gap:8px;align-items:flex-start}.member-dashboard .info-label{min-width:auto;font-size:12px}.member-dashboard .info-value{text-align:left;font-size:14px}.member-dashboard .section-header{padding:12px 16px}.member-dashboard .section-content{padding:16px}.member-dashboard .section-title{font-size:14px}.member-dashboard .subscription-table{font-size:12px}.member-dashboard .subscription-table th,.member-dashboard .subscription-table td{padding:12px 16px}.member-dashboard .subscription-table th{font-size:11px}.member-dashboard .status-badge{font-size:10px;padding:3px 8px}.member-dashboard .subscription-summary{padding:16px}.member-dashboard .summary-row{flex-direction:column;gap:8px;text-align:center}.member-dashboard .summary-label,.member-dashboard .summary-value{font-size:14px}.member-dashboard .card-panel{padding:21px 6vw 12px}}@media (max-width: 600px){.member-dashboard .member-navbar{height:auto;flex-direction:column;align-items:flex-start}.member-dashboard .member-nav-left,.member-dashboard .member-nav-actions{margin:0}.member-dashboard .dashboard-banner{font-size:1.06em;padding:14px 0 9px}.member-dashboard .banner-inner{width:98%}.member-dashboard .dashboard-container{margin-top:14px}.member-dashboard .profile-summary-content,.member-dashboard .profile-details-grid{padding:0}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}