:root{--sidebar-width:250px;--sidebar-collapsed-width:60px;--sidebar-bg:#0300cf;--sidebar-color:#ecf0f1;--sidebar-active-bg:#045e1c;--sidebar-hover-bg:#3e59f1;--transition-speed:0.3s}.sidebar{background:#0300cf;background:var(--sidebar-bg);color:#ecf0f1;color:var(--sidebar-color);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:all .3s ease;transition:all var(--transition-speed) ease;width:250px;width:var(--sidebar-width);z-index:1000}.sidebar.collapsed{width:60px;width:var(--sidebar-collapsed-width)}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px}.sidebar-header h2{font-size:1.2rem;margin:0;white-space:nowrap}.toggle-btn{background:none;border:none;color:#ecf0f1;color:var(--sidebar-color);cursor:pointer;font-size:1.2rem;padding:5px}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{position:relative}.menu-item{align-items:center;color:#ecf0f1;color:var(--sidebar-color);cursor:pointer;display:flex;padding:12px 15px;text-decoration:none;transition:background .3s;transition:background var(--transition-speed);white-space:nowrap}.menu-item:hover{background:#3e59f1;background:var(--sidebar-hover-bg)}.menu-item.active{background:#045e1c;background:var(--sidebar-active-bg)}.menu-item .icon{font-size:1.1rem;margin-right:10px}.menu-item .arrow{margin-left:auto}.submenu{background:#0000001a;max-height:0;overflow:hidden;transition:max-height .3s ease;transition:max-height var(--transition-speed) ease}.submenu.open{max-height:500px}.submenu li a{align-items:center;color:#ecf0f1;color:var(--sidebar-color);display:flex;padding:10px 15px 10px 45px;text-decoration:none;transition:background .3s;transition:background var(--transition-speed)}.submenu li a:hover{background:#3e59f1;background:var(--sidebar-hover-bg)}.submenu li a.active{background:#045e1c;background:var(--sidebar-active-bg)}.submenu-icon{align-items:center;display:inline-flex;margin-right:10px}.mobile-menu-button{background:#0300cf;background:var(--sidebar-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;left:10px;padding:8px;position:fixed;top:10px;z-index:999}.sidebar-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar.mobile{transform:translateX(-100%);transition:transform .3s ease;transition:transform var(--transition-speed) ease;width:250px;width:var(--sidebar-width)}.sidebar.mobile.open{transform:translateX(0)}@media (max-width:767px){.mobile-menu-button{display:block}.sidebar:not(.mobile){display:none}.sidebar.collapsed{width:250px;width:var(--sidebar-width)}}@media (min-width:768px){.mobile-menu-button,.sidebar-overlay{display:none}.sidebar.mobile{transform:translateX(0)}}.home-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.home-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;overflow:hidden;padding:40px;position:relative}.header-content{flex:1 1;z-index:2}.welcome-title{font-size:2.5rem;font-weight:700;margin-bottom:10px}.brand{color:#fff}.header-actions{margin-top:15px}.refresh-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 15px;transition:background .3s ease}.refresh-btn:hover:not(:disabled){background:#ffffff4d}.refresh-btn:disabled{cursor:not-allowed;opacity:.7}.last-updated{font-size:.9rem;opacity:.8}.header-graphic{height:200px;position:relative;width:200px}.graphic-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;height:100%;width:100%}.error-alert{align-items:center;background-color:#fef2f2;border-left:4px solid #dc2626;border-radius:12px;color:#dc2626;display:flex;justify-content:space-between;margin-bottom:25px;padding:16px}.error-retry{background:none;border:none;color:#dc2626;cursor:pointer;font-weight:500;text-decoration:underline}.section-title{color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:25px;text-align:center}.stats-section{margin-bottom:40px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 25px #00000026}.stat-icon{background:#3b82f61a;border-radius:12px;font-size:2rem;margin-right:20px;padding:15px}.stat-content{flex:1 1}.stat-value{align-items:center;color:#2d3748;display:flex;font-size:2rem;font-weight:700;margin:0 0 5px;min-height:40px}.stat-label{color:#718096;font-size:.9rem;font-weight:500;margin:0}.stat-breakdown{color:#a0aec0;font-size:.8rem;margin:5px 0 0}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#3b82f6;height:30px;width:30px}.charts-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:40px}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.chart-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.chart-title{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.chart-wrapper{height:300px;position:relative}.breakdown-section{margin-bottom:40px}.breakdown-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.breakdown-card{background:#fff;border-left:4px solid #3b82f6;border-radius:15px;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding:25px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.breakdown-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.breakdown-card:before{background:linear-gradient(90deg,#3b82f6,#10b981);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.breakdown-card:hover:before{opacity:1}.breakdown-type{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.breakdown-count{align-items:center;color:#6b7280;display:flex;font-size:.95rem;gap:5px;margin-bottom:.5rem}.breakdown-count:before{content:"📊";font-size:.9rem}.breakdown-amount{align-items:center;color:#059669;display:flex;font-size:1.3rem;font-weight:700;gap:5px;margin:0}.breakdown-amount:before{content:"💰";font-size:1rem}.actions-section{margin-bottom:40px}.actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;color:inherit;display:flex;overflow:hidden;padding:25px;position:relative;text-decoration:none;transition:all .3s ease}.action-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.action-card:before{background:linear-gradient(90deg,#3b82f6,#10b981);content:"";height:4px;left:0;position:absolute;right:0;top:0}.action-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;margin-right:20px;width:60px}.action-content{flex:1 1}.action-title{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 5px}.action-description{color:#718096;font-size:.9rem;margin:0}.action-arrow{color:#a0aec0;font-size:1.5rem;transition:transform .3s ease}.action-card:hover .action-arrow{color:#3b82f6;transform:translateX(5px)}.activity-section{margin-bottom:40px}.activity-list{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.activity-item{border-bottom:1px solid #e2e8f0;padding:20px;transition:background .3s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#f7fafc}.activity-icon{align-items:center;background:#edf2f7;border-radius:10px;color:#4a5568;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:15px;width:40px}.activity-content{flex:1 1}.activity-text{color:#2d3748;font-weight:500;margin:0 0 5px}.activity-time{color:#a0aec0;font-size:.8rem}.cta-section{background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:20px;color:#fff;padding:40px;text-align:center}.cta-title{font-size:2rem;margin-bottom:15px}.cta-description{margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.cta-btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-weight:600;padding:12px 25px;text-decoration:none;transition:all .3s ease}.cta-btn.primary{background:#fff;color:#3b82f6}.cta-btn.primary:hover{background:#f7fafc;transform:translateY(-2px)}.cta-btn.secondary{background:#0000;border:2px solid #fff;color:#fff}.cta-btn.secondary:hover{background:#fff;color:#3b82f6;transform:translateY(-2px)}.chart-container{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.chart-container:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.breakdown-card.registration{border-left-color:#10b981}.breakdown-card.monthly{border-left-color:#f59e0b}.breakdown-card.other{border-left-color:#ef4444}@media (max-width:1024px){.charts-section{grid-template-columns:1fr}.breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.home-header{flex-direction:column;padding:30px 20px;text-align:center}.welcome-title{font-size:2rem}.header-actions{flex-direction:column;gap:10px}.header-graphic{height:150px;margin-top:20px;width:150px}.charts-section,.stats-grid{grid-template-columns:1fr}.charts-section{gap:20px}.chart-card,.chart-container{padding:20px}.chart-wrapper{height:250px}.breakdown-grid{gap:15px;grid-template-columns:1fr}.breakdown-card{padding:20px}.actions-grid{grid-template-columns:1fr}.action-card{flex-direction:column;padding:20px;text-align:center}.action-icon{margin-bottom:15px;margin-right:0}.cta-section{padding:30px 20px}.cta-buttons{align-items:center;flex-direction:column}.cta-btn{width:200px}}@media (max-width:480px){.home-container{padding:15px}.stat-card{flex-direction:column;padding:20px;text-align:center}.stat-icon{margin-bottom:15px;margin-right:0}.chart-card,.chart-container{padding:15px}.chart-wrapper{height:200px}.breakdown-card{padding:15px}.breakdown-type{font-size:1rem}.breakdown-amount{font-size:1.1rem}.activity-item{flex-direction:column;padding:15px;text-align:center}.activity-icon{margin-bottom:10px;margin-right:0}.cta-title,.section-title{font-size:1.5rem}}@media (max-width:360px){.home-container{padding:10px}.actions-grid,.breakdown-grid,.stats-grid{gap:15px}.action-card,.breakdown-card,.stat-card{padding:15px}.chart-card,.chart-container{padding:12px}.chart-wrapper{height:180px}}@media (prefers-color-scheme:dark){.home-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.action-card,.activity-list,.breakdown-card,.chart-card,.chart-container,.stat-card{background:#2d3748;color:#e2e8f0}.action-title,.activity-text,.breakdown-type,.chart-title,.stat-label,.stat-value{color:#e2e8f0}.action-description,.activity-time,.breakdown-count,.stat-breakdown{color:#a0aec0}}:root{--header-bg:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--accent-color:#7c3aed;--border-color:#e5e7eb;--hover-bg:#f3f4f6;--shadow:0 1px 3px #0000001a}.app-header{align-items:center;background:#fff;background:var(--header-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);display:flex;height:70px;justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-menu-btn{background:none;border:none;border-radius:6px;color:#1f2937;color:var(--text-primary);cursor:pointer;display:none;font-size:1.25rem;padding:.5rem;transition:background-color .2s}.mobile-menu-btn:hover{background-color:#f3f4f6;background-color:var(--hover-bg)}.search-container{flex:1 1;margin:0 2rem;max-width:400px}.search-form{width:100%}.search-input-group{align-items:center;display:flex;position:relative}.search-icon{color:#6b7280;color:var(--text-secondary);z-index:1}.search-input{background:#f9fafb;border:1px solid #e5e7eb;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s}.search-input:focus{background:#fff;border-color:#7c3aed;border-color:var(--accent-color);box-shadow:0 0 0 3px #7c3aed1a}.header-actions{gap:1rem}.notification-btn{background:none;border:none;border-radius:6px;color:#1f2937;color:var(--text-primary);cursor:pointer;font-size:1.25rem;padding:.5rem;position:relative;transition:background-color .2s}.notification-btn:hover{background-color:#f3f4f6;background-color:var(--hover-bg)}.notification-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:2px;top:2px;width:18px}.user-profile-container{position:relative}.user-profile-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background-color .2s}.user-profile-btn:hover{background-color:#f3f4f6;background-color:var(--hover-bg)}.user-avatar{background:linear-gradient(135deg,#7c3aed,#a78bfa);overflow:hidden}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-info{align-items:flex-start;flex-direction:column}.user-name{color:#1f2937;color:var(--text-primary);font-size:.9rem}.user-role{color:#6b7280;color:var(--text-secondary);font-size:.8rem;text-transform:capitalize}.dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:.5rem;position:absolute;right:0;top:100%;width:280px;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:#f9fafb;border-radius:8px 8px 0 0;display:flex;gap:.75rem;padding:1rem}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:50%;color:#fff;display:flex;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.dropdown-avatar img{height:100%;object-fit:cover;width:100%}.dropdown-user-info{display:flex;flex-direction:column}.dropdown-name{color:#1f2937;color:var(--text-primary);font-weight:600}.dropdown-email{color:#6b7280;color:var(--text-secondary);font-size:.8rem}.dropdown-divider{background:#e5e7eb;background:var(--border-color);height:1px;margin:.25rem 0}.dropdown-item{align-items:center;background:none;border:none;color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f3f4f6;background-color:var(--hover-bg)}.dropdown-icon{color:#6b7280;color:var(--text-secondary);font-size:1.1rem}.logout-item,.logout-item .dropdown-icon{color:#ef4444}.dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.app-header{padding:0 1rem}.mobile-menu-btn{display:block}.search-container{margin:0 1rem;max-width:300px}.user-info{display:none}.dropdown-menu{right:-10px;width:250px}}@media (max-width:480px){.notification-btn,.search-container{display:none}.header-actions{gap:.5rem}}.pending-user-item{border-bottom:1px solid #eee;display:flex;flex-direction:column;padding:10px}.pending-user-link{align-items:center;color:inherit;display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0;text-decoration:none}.pending-user-link:hover{background-color:#f5f5f5}.view-icon{color:#0300cf;cursor:pointer}.view-icon:hover{color:#00f441}.pending-user-actions{display:flex;gap:5px;justify-content:flex-end}.pending-user-actions button{border:none;border-radius:3px;cursor:pointer;font-size:12px;padding:4px 8px}.approve-btn:hover{background-color:#218838}.dropdown-menu{max-height:400px;min-width:300px;overflow-y:auto}@media (max-width:768px){.pending-user-actions{flex-wrap:wrap}.pending-user-actions button{flex:1 1;min-width:70px}}.region-container{margin:0 auto;max-width:1200px;padding:20px}.add-button{text-decoration:none}.region-table{border-collapse:collapse;margin-top:20px;width:100%}.region-table td,.region-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.region-table th{background-color:#f2f2f2;font-weight:600}.delete-btn,.edit-btn{background:none;font-size:16px;padding:5px}.edit-btn{color:#2196f3}.delete-btn{color:#f44336}.error,.loading{padding:20px}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;gap:10px}.region-table{display:block;overflow-x:auto}}.form-container{background:#f9f9f9;border-radius:8px;margin:0 auto;max-width:600px;padding:20px}.form-container h2{margin-bottom:20px;text-align:center}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px}.form-actions button[type=submit]{background:#4caf50;color:#fff}.form-actions .cancel-btn{background:#f44336;color:#fff}@media (max-width:480px){.form-container{padding:15px}.form-actions{flex-direction:column}}.district-container{margin:0 auto;max-width:1200px;padding:20px}.header{margin-bottom:20px}.back-button{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;gap:5px;padding:8px 15px}.add-button{background:#4caf50;gap:5px;padding:8px 15px}.district-form{background:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:20px}.submit-button{background:#4caf50}.cancel-button,.submit-button{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.cancel-button{background:#f44336}.district-list{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}th{background-color:#f2f2f2;font-weight:600}.actions{gap:10px}.delete,.edit{background:none;border:none;cursor:pointer;font-size:16px;padding:5px}.edit{color:#2196f3}.delete{color:#f44336}.error,.loading,.no-data{font-size:18px;padding:20px;text-align:center}.error{color:#f44336}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;gap:10px}table{display:block;overflow-x:auto}}.settings-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.settings-header{margin-bottom:30px}.settings-header h1{color:#2c3e50;font-size:2.2rem;margin-bottom:10px}.settings-header p{color:#7f8c8d;font-size:1.1rem}.settings-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.tabs-navigation{background:#f8f9fa;border-bottom:1px solid #eaeef2;display:flex}.tab-btn{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:15px 25px;position:relative;transition:all .2s}.tab-btn:hover{background:#3498db0d;color:#3498db}.tab-btn.active{color:#3498db;font-weight:600}.tab-btn.active:after{background-color:#3498db;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.tabs-content{padding:0}.settings-tab-content{padding:25px}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.tab-header h3{color:#2c3e50;font-size:1.5rem;margin:0}.header-actions{gap:10px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background-color:#3498db}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6}.btn-secondary:hover{background-color:#7f8c8d}.search-box{margin-bottom:20px;max-width:400px}.search-icon{left:12px}.search-input{font-size:14px;padding:12px 15px 12px 40px;transition:border-color .2s}.search-input:focus{box-shadow:0 0 0 2px #3498db33}.error-message,.success-message{border-radius:6px;font-weight:500;margin-bottom:20px;padding:12px 15px}.error-message{border-left:4px solid #e74c3c;color:#c0392b}.success-message{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.loading{align-items:center;color:#7f8c8d;display:flex;gap:10px;justify-content:center;padding:30px}.spinning{animation:spin 1s linear infinite}.users-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.users-stats span{background:#eef7fc;border-radius:20px;color:#3498db;font-size:14px;font-weight:500;padding:8px 15px}.users-table-container{border:1px solid #eaeef2;border-radius:8px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{background-color:#f8f9fa;border-bottom:2px solid #eaeef2;color:#2c3e50;font-weight:600;padding:15px;text-align:left}.users-table td{border-bottom:1px solid #eaeef2;color:#2c3e50;padding:15px}.users-table tr:hover{background-color:#f8f9fa}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.role-badge,.user-avatar,.user-name{font-weight:600}.role-badge{border-radius:12px;font-size:12px;padding:4px 10px}.role-user{background-color:#e8f4fd;color:#3498db}.role-admin{background-color:#e6f7ee;color:#27ae60}.status-toggle{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:6px 12px;transition:all .2s}.status-toggle.active{background-color:#e6f7ee;color:#27ae60}.status-toggle.inactive{background-color:#fce8e6;color:#e74c3c}.status-toggle:disabled{cursor:not-allowed;opacity:.6}.btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.btn-icon.view{background-color:#e8f4fd;color:#3498db}.btn-icon.view:hover{background-color:#d4e9fa}.btn-icon.edit{background-color:#fef5e7;color:#f39c12}.btn-icon.edit:hover{background-color:#fdebd0}.btn-icon.delete{background-color:#fce8e6;color:#e74c3c}.btn-icon.delete:hover{background-color:#fadbd8}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.no-users{color:#7f8c8d;font-style:italic;padding:30px;text-align:center}.auth-settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.setting-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:20px}.setting-icon{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;margin-bottom:15px;width:50px}.setting-card h4{color:#2c3e50;margin-bottom:15px}.setting-form{display:flex;flex-direction:column;gap:15px}.setting-form label{color:#2c3e50;font-size:14px;font-weight:600}.setting-form input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;transition:border-color .2s}.setting-form input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.save-settings{display:flex;justify-content:flex-end}.modal{animation:modalAppear .3s ease;max-width:500px;overflow:auto}@keyframes modalAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{font-size:20px;height:35px;width:35px}.modal-content h2{color:#2c3e50;margin-bottom:20px}.user-modal-header{align-items:center;display:flex;gap:15px;margin-bottom:25px}.user-avatar-large{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:28px;font-weight:700;height:70px;justify-content:center;width:70px}.user-modal-info h2{color:#2c3e50;margin:0 0 5px}.user-modal-info p{color:#7f8c8d;margin:0}.user-details{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.detail-item{border-bottom:1px solid #eee;justify-content:space-between;padding:10px 0}.detail-label{color:#5a6c7d;font-weight:600}.detail-value{color:#2c3e50}.status-active{color:#27ae60;font-weight:600}.status-inactive{color:#e74c3c;font-weight:600}.form-group{margin-bottom:20px}.form-group input,.form-group select{font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 2px #3498db33}.modal-actions{margin-top:25px}@media (max-width:768px){.settings-page{padding:15px}.tab-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:space-between;width:100%}.users-stats{flex-direction:column;gap:10px}.users-table{font-size:14px}.users-table td,.users-table th{padding:10px}.action-buttons{flex-direction:column;gap:5px}.auth-settings-grid{grid-template-columns:1fr}.modal{margin:10px}.modal-content{padding:20px}.user-modal-header{text-align:center}.modal-actions,.user-modal-header{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.tabs-navigation{flex-direction:column}.tab-btn{justify-content:center}.users-table{font-size:12px}.user-info{align-items:flex-start;flex-direction:column;gap:5px}.user-avatar{font-size:14px;height:35px;width:35px}}.wizard-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif;margin:30px auto;max-width:900px;padding:20px}.wizard-container h1{color:#333;margin-bottom:20px;text-align:center}.steps{display:flex;justify-content:space-between;margin-bottom:25px}.step{border:2px solid #ccc;border-radius:20px;color:#666;flex:1 1;font-weight:700;margin:0 5px;padding:10px;text-align:center}.step.active{background:#007bff;border-color:#007bff;color:#fff}.form-step{margin-bottom:20px}.form-step h2{color:#444;margin-bottom:15px}.form-row{margin-bottom:12px}input,select,textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;width:100%}textarea{min-height:100px}.form-navigation{display:flex;gap:10px;justify-content:flex-end}button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}button:hover{background:#0056b3}.employee-list-container{background-color:#f5f7f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.employee-list-container h1{color:#2c3e50;font-size:2.2rem;font-weight:700;margin-bottom:25px;text-align:center}.controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding:20px}.search-box{color:#1a2530;flex:1 1;max-width:500px;min-width:250px}.search-input{background-color:#f8f9fa;border-radius:8px;font-size:16px;padding:14px 15px 14px 45px;transition:all .3s;width:100%}.search-input:focus{background-color:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.search-icon{color:#7f8c8d;font-size:18px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.employee-count{background:#eef2f7;border-radius:20px;color:#5a6c7d;font-size:16px;font-weight:500;padding:8px 15px}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;overflow-x:auto}.employee-table{border-collapse:initial;border-spacing:0;width:100%}.employee-table th{background-color:#2c3e50;color:#fff;cursor:pointer;font-weight:600;padding:16px 15px;position:-webkit-sticky;position:sticky;text-align:left;top:0;transition:background-color .2s;-webkit-user-select:none;user-select:none}.employee-table th:hover{background-color:#1a2530}.employee-table td{border-bottom:1px solid #eaeef2;color:#2c3e50;padding:18px 15px;vertical-align:middle}.employee-table tr:last-child td{border-bottom:none}.employee-table tr{transition:background-color .2s}.employee-table tr:hover{background-color:#f8f9fa}.avatar,.employee-info{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;font-weight:600;height:45px;justify-content:center;width:45px}.name-details{display:flex;flex-direction:column}.name-details .name{color:#2c3e50;font-size:16px;font-weight:600}.name-details .username{color:#7f8c8d;font-size:13px;margin-top:3px}.contact-info .email{color:#2c3e50;font-weight:500}.contact-info .phone{color:#7f8c8d;font-size:14px;margin-top:4px}.position-info .role{color:#2c3e50;font-weight:600}.position-info .type{background:#eef7fc;border-radius:12px;color:#7f8c8d;display:inline-block;font-size:14px;margin-top:4px;padding:3px 8px}.salary-info{color:#27ae60;font-size:16px;font-weight:600}.delete-btn,.edit-btn,.view-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s}.view-btn{background-color:#3498db}.view-btn:hover{background-color:#2980b9;transform:translateY(-1px)}.edit-btn{background-color:#f39c12;color:#fff}.edit-btn:hover{background-color:#e67e22;transform:translateY(-1px)}.delete-btn{background-color:#e74c3c}.delete-btn:hover{background-color:#c0392b;transform:translateY(-1px)}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}.error-message{background-color:#fadbd8;color:#e74c3c;margin-bottom:20px;padding:15px 20px}.retry-btn{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:0 auto;padding:12px 25px;transition:background-color .2s}.retry-btn:hover{background-color:#2980b9}.no-results{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;color:#7f8c8d;font-size:18px;padding:50px 20px;text-align:center}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:#eee;border:none;border-radius:50%;cursor:pointer;font-size:24px;height:40px;position:absolute;right:15px;top:15px;transition:background .2s;width:40px;z-index:10}.modal-close:hover{background:#ddd}.modal-content{max-height:calc(90vh - 60px);overflow-y:auto;padding:30px}.modal-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.modal-header h2{color:#2c3e50;margin:0}.employee-header{align-items:center;border-bottom:1px solid #eee;display:flex;margin-bottom:25px;padding-bottom:20px}.employee-avatar-large{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:32px;font-weight:700;height:80px;justify-content:center;margin-right:20px;width:80px}.employee-title h2{color:#2c3e50;font-size:28px;margin:0 0 5px}.employee-title p{color:#7f8c8d;font-size:18px;margin:0}.modal-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:25px}.modal-tabs button{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;position:relative;transition:color .2s}.modal-tabs button:hover{color:#3498db}.modal-tabs button.tab-active{color:#3498db;font-weight:600}.modal-tabs button.tab-active:after{background-color:#3498db;border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.tab-content{margin-bottom:20px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.info-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;display:flex;flex-direction:column;padding:15px}.info-item.full-width{grid-column:1/-1}.info-label{color:#5a6c7d;font-size:14px;font-weight:600;margin-bottom:5px}.info-value{color:#2c3e50;font-size:16px;word-break:break-word}.no-data{color:#7f8c8d;grid-column:1/-1}.edit-form{display:flex;flex-direction:column;gap:20px}.form-row{gap:15px}.form-group{flex:1 1}.form-group.full-width{flex:0 0 100%}.form-group label{margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border-radius:6px;font-size:16px;padding:12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.modal-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.cancel-btn,.edit-mode-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.save-btn{background-color:#27ae60;color:#fff}.save-btn:hover{background-color:#219653}.cancel-btn{background-color:#95a5a6;color:#fff}.cancel-btn:hover{background-color:#7f8c8d}.edit-mode-btn{background-color:#3498db;color:#fff}.edit-mode-btn:hover{background-color:#2980b9}@media (max-width:1024px){.employee-table{font-size:14px}.info-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.employee-list-container{padding:15px}.employee-list-container h1{font-size:1.8rem}.controls{align-items:stretch;flex-direction:column}.search-box{max-width:none}.employee-table td,.employee-table th{padding:14px 10px}.employee-info{align-items:flex-start;flex-direction:column;gap:8px}.avatar{font-size:16px;height:40px;width:40px}.action-buttons{flex-direction:column;gap:6px}.delete-btn,.edit-btn,.view-btn{font-size:12px;padding:6px 10px}.modal{margin:10px;max-height:95vh}.modal-content{padding:20px}.employee-header{flex-direction:column;text-align:center}.employee-avatar-large{margin-bottom:15px;margin-right:0}.modal-tabs{flex-wrap:wrap}.modal-tabs button{font-size:14px;padding:10px 15px}.form-row{flex-direction:column;gap:10px}.info-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.cancel-btn,.edit-mode-btn,.save-btn{width:100%}}@media (max-width:480px){.employee-list-container h1{font-size:1.5rem}.employee-table{font-size:13px}.employee-table td,.employee-table th{padding:12px 8px}.search-input{font-size:14px;padding:12px 12px 12px 40px}.avatar{font-size:14px;height:35px;width:35px}.modal-tabs{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}}.print-btn{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:5px;padding:5px 10px}.print-btn:hover{background-color:#219150}.update-user-container{margin:0 auto;max-width:800px;padding:2rem}.update-user-header{margin-bottom:2rem}.back-button{align-items:center;border-radius:6px;color:#7c3aed;display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.5rem;text-decoration:none;transition:background-color .2s}.back-button:hover{background-color:#f3f4f6}.update-user-header h1{color:#1f2937;font-size:2rem;font-weight:600;margin-bottom:.5rem}.update-user-header p{color:#6b7280;font-size:1rem}.update-user-card{margin-bottom:2rem;padding:2rem}.update-user-card,.user-activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}.user-activity-card{padding:1.5rem}.user-activity-card h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.activity-info{display:flex;flex-direction:column;gap:.75rem}.activity-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.activity-label{color:#374151;font-weight:500}.activity-value{color:#6b7280;font-family:monospace}.user-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.form-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.section-icon{color:#7c3aed}.form-row{grid-gap:1.5rem;display:grid;grid-template-columns:1fr 1fr}.form-group label{color:#374151;font-size:.9rem}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.75rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.status-toggle-group{padding-top:.75rem}.toggle-label{align-items:center;cursor:pointer;display:flex}.toggle-input{display:none}.toggle-slider{align-items:center;border-radius:25px;display:flex;height:40px;padding:.25rem;position:relative;transition:all .3s;width:100px}.toggle-slider.active{background:#dcfce7;justify-content:flex-end}.toggle-slider.inactive{background:#fef3c7;justify-content:flex-start}.toggle-knob{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;height:32px;justify-content:center;transition:all .3s;width:32px}.toggle-text{font-size:.8rem;font-weight:500;padding:0 .5rem;position:absolute}.toggle-slider.active .toggle-text{color:#16a34a;left:.5rem}.toggle-slider.inactive .toggle-text{color:#d97706;right:.5rem}.form-actions{border-top:1px solid #e5e7eb;gap:1rem;padding-top:1.5rem}.btn-primary{align-items:center;background:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.btn-primary:hover:not(:disabled){background:#6d28d9}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;padding:1rem}.success-message{background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;margin-bottom:1rem;padding:1rem}.loading{color:#6b7280;font-style:italic;padding:3rem;text-align:center}@media (max-width:768px){.update-user-container{padding:1rem}.form-row{grid-template-columns:1fr}.activity-item,.form-actions{flex-direction:column}.activity-item{align-items:flex-start;gap:.25rem}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:2rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{color:#2d3748;font-size:1.8rem;margin:0 0 .5rem}.auth-header p{color:#718096;margin:0}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{gap:.5rem}.form-group label{color:#2d3748}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#a0aec0;position:absolute;right:10PX;z-index:1}.input-group input,.role-select{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 12px 12px 40px;transition:border-color .2s;width:100%}.role-select{background:#fff;padding:12px}.input-group input:focus,.role-select:focus{border-color:#667eea;outline:none}.password-toggle{background:none;border:none;color:#a0aec0;cursor:pointer;padding:0;position:absolute;right:12px}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:12px;transition:opacity .2s}.auth-button:hover{opacity:.9}.auth-button:disabled{cursor:not-allowed;opacity:.7}.auth-footer{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-link{color:#667eea;font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.error-message{background:#fed7d7;border-radius:8px;color:#c53030;margin-bottom:1rem;padding:12px}.id-card-generator{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.id-card-generator h1{color:#333;margin-bottom:30px;text-align:center}.error,.loading{font-size:18px;padding:40px}.error{background-color:#ffebee;border:1px solid #d32f2f;border-radius:4px;color:#d32f2f}.employee-selector{margin-bottom:30px;text-align:center}.employee-selector label{font-size:16px;font-weight:700;margin-right:10px}.employee-selector select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:250px;padding:8px 12px}.preview-section{margin-top:30px}.preview-section h2{color:#555;margin-bottom:20px;text-align:center}.cards-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:30px}.id-card-back,.id-card-front{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden}.id-card-frame{background-position:50%;background-repeat:no-repeat;background-size:cover;height:638px;position:relative;width:1012px}.overlay{color:#000;font-weight:700;position:absolute}.name{font-size:28px;left:230px;top:270px}.title{font-size:22px;left:260px;top:375px}.department{font-size:24px;left:275px;top:480px}.issue{left:150px}.expire,.issue{font-size:18px;top:600px}.expire{left:425px}.idno{bottom:75px;color:blue;font-size:20px;right:30px}.photo{align-items:center;background:#f5f5f5;border:1px solid #ddd;display:flex;height:200px;justify-content:center;overflow:hidden;position:absolute;right:20px;top:295px;width:220px}.photo img{height:100%;object-fit:cover;width:100%}.photo-placeholder{color:#999;font-size:14px}.qr{left:80px}.qr,.seal{background:#fff;border:1px solid #ddd;border-radius:4px;padding:5px;position:absolute;top:210px}.seal{height:120px;right:400px;width:120px}.seal img{height:100%;object-fit:contain;width:100%}.signature{background:#fff;border:1px solid #ddd;border-radius:4px;height:80px;padding:5px;position:absolute;right:60px;top:230px;width:120px}.signature img{height:100%;object-fit:contain;width:100%}.button-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.button-row button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.button-row button:hover:not(:disabled){background-color:#0056b3}.button-row button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.no-selection{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:18px;padding:40px;text-align:center}.print-container{position:relative}@media print{body *{visibility:hidden}.printable,.printable *{visibility:visible}.printable{left:0;page-break-after:always;position:absolute;top:0}.id-card-frame,.printable{height:638px;width:1012px}.id-card-generator>:not(.print-container){display:none!important}}@media (max-width:1100px){.cards-container{align-items:center;flex-direction:column}.id-card-back,.id-card-front{transform:scale(.8);transform-origin:top center}}@media (max-width:768px){.id-card-generator{padding:10px}.employee-selector select{max-width:300px;min-width:200px;width:100%}.button-row{align-items:center;flex-direction:column}.button-row button{width:200px}.id-card-back,.id-card-front{transform:scale(.6)}}:root{--primary-color:#0300cf;--secondary-color:#00f441;--light-bg:#f8f9fa;--dark-text:#333;--light-text:#666;--border-color:#ddd;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--info-color:#17a2b8}.members-management-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.members-header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.header-content{gap:15px}.back-btn,.header-content{align-items:center;display:flex}.back-btn{background-color:#f8f9fa;background-color:var(--light-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;gap:5px;padding:8px 15px;transition:all .3s}.back-btn:hover{background-color:#e9ecef}.header-title h1{color:#0300cf;color:var(--primary-color);font-size:24px;margin:0}.header-title p{color:#666;color:var(--light-text);font-size:14px;margin:5px 0 0}.header-actions{align-items:center;display:flex;gap:15px}.search-box{position:relative}.search-input{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;padding:8px 12px 8px 35px;width:250px}.primary-btn{align-items:center;background-color:#0300cf;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:8px 15px;transition:all .3s}.primary-btn:hover{background-color:#0200a8}.members-list-container{margin-top:20px}.table-responsive{overflow-x:auto}.members-table{border-collapse:collapse;width:100%}.members-table td,.members-table th{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);padding:12px;text-align:left}.members-table th{background-color:#f8f9fa;background-color:var(--light-bg);color:#333;color:var(--dark-text);font-weight:600}.members-table tr:hover{background-color:#f5f5f5}.no-data{color:#666;color:var(--light-text);font-style:italic;padding:30px;text-align:center}.member-name{color:#0300cf;color:var(--primary-color);font-weight:600}.status-badge{text-transform:capitalize}.action-buttons{display:flex;gap:8px}.action-btn{border:none;border-radius:4px;cursor:pointer;padding:6px;transition:all .3s}.view-btn{background-color:#17a2b8;background-color:var(--info-color)}.view-btn:hover{background-color:#138496}.edit-btn{background-color:#ffc107;background-color:var(--warning-color);color:#212529}.edit-btn:hover{background-color:#e0a800}.delete-btn{background-color:#dc3545;background-color:var(--danger-color);color:#fff}.delete-btn:hover{background-color:#c82333}.members-form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.form-header{align-items:center;background-color:#0300cf;background-color:var(--primary-color);color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.form-header h2{font-size:20px;margin:0}.close-btn{color:#fff;font-size:18px}.members-form{padding:20px}.form-sections{display:flex;flex-direction:column;gap:25px}.form-section{background-color:#f8f9fa;background-color:var(--light-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;padding:20px}.section-title{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);color:#0300cf;color:var(--primary-color);font-size:18px;margin-bottom:15px;margin-top:0;padding-bottom:10px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.form-group label{color:var(--dark-text)}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;font-size:14px;padding:10px}.form-group input:disabled,.form-group select:disabled{background-color:#f0f0f0;cursor:not-allowed}.field-note{color:#666;color:var(--light-text);font-size:12px}.file-preview{margin-top:10px}.preview-image{max-height:150px;max-width:150px}.file-name,.preview-image{border:1px solid #ddd;border:1px solid var(--border-color)}.file-name{background-color:#f8f9fa;background-color:var(--light-bg);border-radius:4px;display:inline-block;font-size:14px;padding:5px 10px}.file-link{color:#0300cf;color:var(--primary-color);text-decoration:none}.file-link:hover{text-decoration:underline}.form-actions{border-top:1px solid #ddd;border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.submit-btn{align-items:center;background-color:#00f441;background-color:var(--secondary-color);border-radius:4px;color:#000;display:flex;font-weight:600;gap:5px;padding:10px 20px;transition:all .3s}.submit-btn:hover:not(:disabled){background-color:#00d138}.cancel-btn{background-color:#f8f9fa;background-color:var(--light-bg);border:1px solid #ddd;border:1px solid var(--border-color);color:#333;color:var(--dark-text);padding:10px 20px;transition:all .3s}.cancel-btn:hover{background-color:#e9ecef}.view-member-container{padding:20px}.member-details-sections{display:flex;flex-direction:column;gap:20px}.details-section{background-color:#f8f9fa;background-color:var(--light-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;padding:20px}.details-section h3{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);color:#0300cf;color:var(--primary-color);font-size:18px;margin-bottom:15px;margin-top:0;padding-bottom:10px}.details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.detail-item{display:flex;flex-direction:column}.detail-item label{color:#333;color:var(--dark-text);font-weight:600;margin-bottom:5px}.detail-item span{background-color:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;min-height:38px;padding:8px}.view-actions{border-top:1px solid #ddd;border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.delete-confirmation{background-color:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;margin-top:20px;padding:20px}.delete-confirmation h4{color:#dc3545;color:var(--danger-color);margin-top:0}.delete-confirmation p{margin-bottom:10px}.delete-confirmation textarea{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;padding:10px;resize:vertical;width:100%}.delete-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.confirm-delete-btn{background-color:#dc3545;background-color:var(--danger-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.confirm-delete-btn:hover:not(:disabled){background-color:#c82333}.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.7}.cancel-delete-btn{background-color:#f8f9fa;background-color:var(--light-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--dark-text);cursor:pointer;padding:8px 16px}.cancel-delete-btn:hover{background-color:#e9ecef}.loading-container{padding:40px}.loading-spinner{border:4px solid #f8f9fa;border-top:4px solid #0300cf;border:4px solid var(--light-bg);border-top-color:var(--primary-color);height:40px;margin-bottom:15px;width:40px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;padding:20px;text-align:center}@media (max-width:768px){.members-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions,.search-input{width:100%}.details-grid,.form-grid{grid-template-columns:1fr}.action-buttons{flex-wrap:wrap}.delete-actions,.form-actions,.view-actions{flex-direction:column}}.document-preview{background-color:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;margin-top:10px;padding:10px;position:relative}.preview-image{max-height:300px;max-width:100%}.file-preview,.preview-image{border-radius:4px;margin-bottom:10px}.file-preview{align-items:center;background-color:#f8f9fa;background-color:var(--light-bg);display:flex;flex-direction:column;padding:20px}.file-icon{font-size:32px;margin-bottom:8px}.file-type{color:#666;color:var(--light-text);font-size:14px}.file-fallback{align-items:center;background-color:#f8f9fa;background-color:var(--light-bg);border-radius:4px;display:flex;flex-direction:column;margin-bottom:10px;padding:20px}.document-actions{display:flex;gap:8px;justify-content:center}.download-btn,.view-btn{align-items:center;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;display:flex;font-size:14px;gap:5px;padding:8px 12px;text-decoration:none;transition:all .3s}.view-btn{background-color:#0300cf;background-color:var(--primary-color);border-color:#0300cf;border-color:var(--primary-color);color:#fff}.view-btn:hover{background-color:#0200a8}.download-btn{background-color:#00f441;background-color:var(--secondary-color);border-color:#00f441;border-color:var(--secondary-color);color:#000}.download-btn:hover{background-color:#00d138}.admin-actions{background-color:#f8f9fa;background-color:var(--light-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;margin-bottom:20px;padding:15px}.admin-actions h3{color:#0300cf;color:var(--primary-color);margin-bottom:10px;margin-top:0}.admin-actions .action-buttons{display:flex;flex-wrap:wrap;gap:10px}.approve-btn{align-items:center;background-color:#28a745;background-color:var(--success-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:8px 16px}.approve-btn:hover:not(:disabled){background-color:#218838}.approve-btn:disabled{cursor:not-allowed;opacity:.7}.reject-btn{background-color:#dc3545;background-color:var(--danger-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.reject-btn:hover{background-color:#c82333}.needs-changes-btn{background-color:#ffc107;background-color:var(--warning-color);border:none;border-radius:4px;color:#212529;cursor:pointer;padding:8px 16px}.needs-changes-btn:hover{background-color:#e0a800}.detail-item.full-width{grid-column:1/-1}@media (max-width:768px){.admin-actions .action-buttons,.document-actions{flex-direction:column}.download-btn,.view-btn{justify-content:center}}.error-message{color:#dc3545;font-size:12px;margin-top:5px}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#dc3545}.form-group.error label{color:#dc3545}.required-field:after{color:#dc3545;content:" *"}.submit-btn:disabled{opacity:.7}.Toastify__toast--error{background-color:#dc3545}.Toastify__toast--success{background-color:#28a745}.register-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;padding:2rem}.message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.register-form{grid-gap:1.5rem;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:2.5rem}.register-form input,.register-form select{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.register-form input:focus,.register-form select:focus{background-color:#fff;border-color:#0300cf;box-shadow:0 0 0 3px #0300cf1a;outline:none}.register-form input::placeholder{color:#94a3b8}.register-form label{color:#334155;display:flex;flex-direction:column;font-weight:500;gap:.5rem}.register-form label input[type=file]{background:#fff;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;padding:.75rem;transition:all .3s ease}.register-form label input[type=file]:hover{background-color:#f0f4ff;border-color:#0300cf}.register-form button{background:linear-gradient(135deg,#0300cf,#00f441);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;grid-column:1/-1;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.register-form button:hover{box-shadow:0 6px 20px #00f4414d;transform:translateY(-2px)}.register-form button:active{transform:translateY(0)}.register-form:before{border-bottom:3px solid #00f441;color:#0300cf;content:"Member Registration";font-size:1.8rem;font-weight:700;grid-column:1/-1;margin-bottom:1rem;padding-bottom:.5rem}.register-form label[required]:after{color:#e53e3e;content:" *"}.file-preview{background:#f1f5f9;border-radius:6px;color:#475569;font-size:.9rem;margin-top:.5rem;padding:.5rem}@media (max-width:768px){.register-container{padding:1rem}.register-form{grid-template-columns:1fr;padding:1.5rem}.register-form:before{font-size:1.5rem}}@media (max-width:480px){.register-form{padding:1rem}.register-form input,.register-form select{padding:.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.register-form>*{animation:fadeIn .5s ease-out}.register-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334056' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em}.register-form input:focus-visible,.register-form select:focus-visible{outline:2px solid #0300cf;outline-offset:2px}.password-strength{background:#e2e8f0;border-radius:2px;grid-column:1/-1;height:4px;margin-bottom:10px;margin-top:-10px;overflow:hidden}.password-strength-meter{background:#00f441;height:100%;transition:width .3s ease;width:0}.email-notification-note{align-items:center;background-color:#e3f2fd;border-radius:4px;color:#1976d2;display:flex;font-size:14px;margin-top:10px;padding:8px 12px}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px}.status-pending{background-color:#fff3cd;color:#856404}.status-approved{background-color:#d4edda;color:#155724}.status-rejected{background-color:#f8d7da;color:#721c24}.status-needs_changes{background-color:#d1ecf1;color:#0c5460}.approve-btn:disabled,.needs-changes-btn:disabled,.reject-btn:disabled{cursor:not-allowed;opacity:.6}.register-container h2{color:#0300cf;margin-bottom:30px;text-align:center}fieldset{background:#f9f9f9;border:2px solid #00f441}legend{color:#0300cf;font-size:1.2em}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.form-group label{color:#333;font-weight:600}.form-group input,.form-group select{border:2px solid #ddd;padding:10px}.form-group input:focus,.form-group select:focus{border-color:#0300cf;box-shadow:0 0 5px #0300cf4d}.form-group input[type=file]{padding:8px}.error-text{color:#dc3545;font-size:14px}.field-note{color:#6c757d;font-size:14px;font-style:italic}.file-info{color:#28a745;font-size:14px}button[type=submit]{background:linear-gradient(135deg,#0300cf,#00f441);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:20px;padding:15px 30px;transition:all .3s ease}button[type=submit]:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}button[type=submit]:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.Toastify__toast-container{z-index:9999}.Toastify__toast--success{background:#28a745;color:#fff;font-weight:700}.Toastify__toast--error{background:#dc3545;color:#fff;font-weight:700}@media (max-width:768px){.register-container{padding:10px}fieldset{padding:15px}.form-group input,.form-group select{font-size:14px;padding:8px}button[type=submit]{font-size:16px;padding:12px 20px}}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f5f7fa;color:#333;line-height:1.6;padding:20px}.register-container{background:#fff;border-radius:10px;box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:1000px;padding:20px}.register-form{display:flex;flex-direction:column;gap:20px}fieldset{background:#f9fafc;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px}legend{color:#2c3e50;font-weight:700;padding:0 10px}.form-row{flex-wrap:wrap;gap:20px;margin-bottom:15px}.form-group{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;min-width:250px}.form-group label{color:#2c3e50;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 5px #3498db80;outline:none}.form-group input.error,.form-group select.error{border-color:#e74c3c}.error-text{color:#e74c3c}.error-text,.field-note{display:block;font-size:.9rem;margin-top:5px}.field-note{color:#7f8c8d}.file-info{color:#3498db;display:block;font-size:.9rem;margin-top:5px}button:hover{background-color:#2980b9}button:disabled{background-color:#95a5a6;cursor:not-allowed}.alert-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}.alert{animation:slideIn .3s ease-out;border-radius:5px;box-shadow:0 4px 10px #0000001a;color:#fff;font-weight:500;max-width:350px;padding:15px 20px}.alert.success{background-color:#2ecc71;border-left:5px solid #27ae60}.alert.error{background-color:#e74c3c;border-left:5px solid #c0392b}.alert.warning{background-color:#f39c12;border-left:5px solid #d35400}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.required:after{color:#e74c3c;content:" *"}@media (max-width:768px){.form-group{flex:1 1 100%}.alert{max-width:300px}}.company-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:2.5rem;transition:all .3s ease;width:100%}.add-button:hover{background:#7c3aed}.company-form{display:flex;flex-direction:column;gap:1.5rem}.form-field input[type=text]{background:#0000;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;font-size:1rem;height:100%;padding:1rem 1rem .5rem;transition:all .3s ease;width:100%}.form-field input[type=text]:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533;outline:none}@media (max-width:640px){.form-wrapper{padding:1rem}.company-form-container{padding:1.5rem}}.companies-container{margin:0 auto;max-width:1200px;padding:2rem}.companies-table{border-collapse:collapse;box-shadow:0 2px 8px #0000001a;width:100%}.companies-table td,.companies-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.companies-table th{background-color:#f8fafc;font-weight:600}.companies-table img{border-radius:4px;object-fit:cover}.project-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:2.5rem;transition:all .3s ease;width:100%}.add-button{background:#2563eb;border-radius:8px;transition:all .3s ease}.add-button:hover{background:#1d4ed8}.project-form{display:flex;flex-direction:column;gap:1.5rem}.form-field input[type=date],.form-field input[type=text]{background:#0000;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;font-size:1rem;height:100%;padding:1rem 1rem .5rem;transition:all .3s ease;width:100%}.form-field input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.form-field input:focus+label,.form-field.filled label{color:#2563eb}.form-field.file-input{height:auto}.form-field.file-input label{color:#4b5563;display:block;font-size:.875rem;margin-bottom:.5rem;position:static;transform:none}.form-field.file-input input[type=file]{padding:.25rem}.submit-btn{background:linear-gradient(90deg,#2563eb,#1d4ed8);box-shadow:0 4px 6px #2563eb4d}.submit-btn:hover{box-shadow:0 6px 12px #2563eb66}@media (max-width:640px){.form-wrapper{padding:1rem}.project-form-container{padding:1.5rem}}.projects-container{margin:0 auto;max-width:1200px;padding:2rem}.projects-table{border-collapse:collapse;box-shadow:0 2px 8px #0000001a;width:100%}.projects-table td,.projects-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.projects-table th{background-color:#f8fafc;font-weight:600}.projects-table img{border-radius:4px;object-fit:cover}.payments-container{background-color:#f5f7f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.payments-header{background-color:#fff;border-bottom:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:20px}.payments-header h2{align-items:center;color:#2c3e50;display:flex;font-size:28px;gap:10px;margin-bottom:5px}.payments-header p{color:#7f8c8d;font-size:16px;margin:0}.view-toggle{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;margin-bottom:20px;overflow:hidden}.view-toggle button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:15px;transition:all .3s}.view-toggle button.active{background-color:#3498db;color:#fff}.view-toggle button:not(.active):hover{background-color:#f8f9fa}.filters-section{grid-gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#2c3e50;font-size:14px;font-weight:600}.form-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .3s}.form-select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.search-input{align-items:center;display:flex;position:relative}.search-input svg{color:#7f8c8d;left:12px;position:absolute}.search-input input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px 12px 12px 40px;transition:border-color .3s;width:100%}.search-input input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.date-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.date-filters input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;min-width:120px;padding:10px}.date-filters span{color:#7f8c8d;font-size:14px}.btn-outline,.btn-receipt,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 18px;transition:all .3s}.btn-secondary{background-color:#3498db;color:#fff}.btn-secondary:hover{background-color:#2980b9;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.btn-secondary:disabled{background-color:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.btn-outline{background-color:initial;border:1px solid #95a5a6;color:#7f8c8d}.btn-outline:hover{background-color:#ecf0f1;border-color:#7f8c8d;transform:translateY(-2px)}.btn-receipt{background-color:#27ae60;color:#fff;font-size:12px;padding:8px 12px}.btn-receipt:hover{background-color:#219653;transform:translateY(-2px)}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-icon{align-items:center;background-color:#e3f2fd;border-radius:50%;color:#3498db;display:flex;font-size:20px;height:50px;justify-content:center;width:50px}.stat-content h3{color:#2c3e50;font-size:24px;margin:0}.stat-content p{color:#7f8c8d;font-size:14px;margin:5px 0 0}.payments-table-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.table-header h3{color:#2c3e50;margin:0}.results-count{color:#7f8c8d;font-size:14px}.loading,.no-data{color:#7f8c8d;font-size:16px;padding:40px;text-align:center}.payments-table{border-collapse:collapse;width:100%}.payments-table th{background-color:#f8f9fa;border-bottom:2px solid #ddd;color:#2c3e50;font-size:14px;font-weight:600;padding:16px;text-align:left}.payments-table td{border-bottom:1px solid #eee;font-size:14px;padding:16px}.payments-table tr:hover{background-color:#f8f9fa}.badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.badge-primary{background-color:#e3f2fd;color:#1976d2}.badge-secondary{background-color:#f3e5f5;color:#7b1fa2}.badge-tertiary{background-color:#e8f5e9;color:#388e3c}.amount,.balance{color:#2c3e50;font-weight:600}.payment-id{color:#7f8c8d;font-family:monospace;font-size:12px}.remarks{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-member-prompt{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;height:300px;justify-content:center}.prompt-content{color:#7f8c8d;text-align:center}.prompt-content h3{color:#2c3e50;font-size:20px;margin:15px 0 5px}.prompt-content p{font-size:14px;margin:0}.bank-summary-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:20px}.bank-summary-section h3{align-items:center;color:#2c3e50;display:flex;gap:10px;margin-top:0}.bank-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.bank-card{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:transform .3s}.bank-card:hover{box-shadow:0 6px 15px #0000001a;transform:translateY(-5px)}.bank-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.bank-header h4{color:#2c3e50;margin:0}.bank-number{color:#7f8c8d;font-size:12px}.bank-details{display:flex;flex-direction:column;gap:10px}.bank-stat{align-items:center;display:flex;justify-content:space-between}.bank-stat .label{color:#2c3e50;font-weight:600}.bank-stat .value{color:#34495e;font-weight:600}.receipt-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.receipt-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.receipt-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;padding:20px}.receipt-header h3{color:#2c3e50;margin:0}.close-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:5px;transition:color .3s}.close-btn:hover{color:#dc3545}.receipt-content{padding:20px}.receipt-company{border-bottom:2px solid #3498db;margin-bottom:20px;padding-bottom:15px;text-align:center}.receipt-company h3{color:#2c3e50;font-size:1.3rem;margin:0 0 5px}.receipt-company p{color:#7f8c8d;font-size:.9rem;margin:0}.receipt-main-details{margin-bottom:20px}.receipt-row{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:8px 0}.receipt-row:last-child{border-bottom:none}.receipt-row .label{color:#2c3e50;font-weight:600;min-width:140px}.receipt-row .value{color:#34495e;flex:1 1;text-align:right}.receipt-row .value.amount{color:#27ae60;font-size:1.1rem;font-weight:700}.receipt-footer{border-top:2px solid #3498db;margin-top:20px;padding-top:20px;text-align:center}.thank-you{color:#27ae60;font-size:1.1rem;font-weight:700;margin-bottom:10px}.receipt-id{color:#7f8c8d;font-size:.9rem}.receipt-actions{background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;gap:10px;padding:20px}.btn-print{align-items:center;background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:background-color .3s}.btn-print:hover{background:#2980b9}.btn-close{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:background-color .3s}.btn-close:hover{background:#7f8c8d}@media print{body *{visibility:hidden}.receipt-modal-overlay,.receipt-modal-overlay *{visibility:visible}.receipt-modal-overlay{background:#fff;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.receipt-modal{box-shadow:none;margin:0;max-height:none;max-width:none;padding:20px}.receipt-actions,.receipt-header{display:none!important}@page{size:letter;margin:.5in}.receipt-content,body{padding:0}body{margin:0}}@media (max-width:768px){.filters-section,.stats-cards{grid-template-columns:1fr}.payments-table{display:block;font-size:14px;overflow-x:auto}.payments-table td,.payments-table th{padding:12px 8px}.date-filters{align-items:stretch;flex-direction:column}.date-filters span{text-align:center}.bank-cards{grid-template-columns:1fr}.receipt-modal{margin:10px;max-width:95%}.receipt-row{align-items:flex-start;flex-direction:column;gap:5px}.receipt-row .label{min-width:auto}.receipt-row .value{text-align:left}.receipt-actions{flex-direction:column}}.form-wrapper{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.country-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:2.5rem;transition:all .3s ease;width:100%}.form-title{color:#2c3e50;font-size:1.75rem;font-weight:600}.flag-upload-container,.form-title{margin-bottom:2rem;text-align:center}.flag-upload-label{cursor:pointer;display:inline-block;transition:all .3s ease}.flag-preview-wrapper{align-items:center;border:2px dashed #cbd5e0;border-radius:8px;display:flex;height:100px;justify-content:center;margin:0 auto;overflow:hidden;transition:all .3s ease;width:150px}.flag-upload-label:hover .flag-preview-wrapper{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e533;transform:translateY(-2px)}.flag-preview{height:100%;object-fit:cover;width:100%}.flag-placeholder{align-items:center;color:#a0aec0;display:flex;flex-direction:column;justify-content:center}.flag-placeholder svg{margin-bottom:.5rem}.country-form{flex-direction:column}.country-form,.form-row{display:flex;gap:1.5rem}.form-row>*{flex:1 1}.form-field{height:56px;position:relative}.form-field input{background:#0000;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;font-size:1rem;height:100%;padding:1rem 1rem .5rem;transition:all .3s ease;width:100%}.form-field input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533;outline:none}.form-field label{color:#718096;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.form-field input:focus+label,.form-field.filled label{background:#fff;color:#4f46e5;font-size:.75rem;margin-left:-.25rem;padding:0 .25rem;top:.75rem;transform:translateY(0)}.submit-btn{background:linear-gradient(90deg,#4f46e5,#7c3aed);border:none;border-radius:8px;box-shadow:0 4px 6px #4f46e54d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.875rem 1.5rem;transition:all .3s ease}.submit-btn:hover{box-shadow:0 6px 12px #4f46e566;transform:translateY(-2px)}.submit-btn:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:640px){.form-wrapper{padding:1rem}.country-form-container{padding:1.5rem}.form-row{flex-direction:column;gap:1.5rem}}.button-group{display:flex;gap:1rem;margin-top:2rem}.cancel-btn{background:#f1f5f9;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn:hover{background:#e2e8f0}.form-field.filled input{background:#f8fafc}.countries-container{margin:0 auto;max-width:1200px;padding:2rem}.header{justify-content:space-between;margin-bottom:2rem}.add-button,.header{align-items:center;display:flex}.add-button{background:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;gap:.5rem;padding:.5rem 1rem}.countries-table{border-collapse:collapse;box-shadow:0 2px 8px #0000001a;width:100%}.countries-table td,.countries-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.countries-table th{background-color:#f8fafc;font-weight:600}.actions{display:flex;gap:.5rem}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;padding:.5rem}.edit-btn{background:#e2e8f0;color:#4f46e5}.delete-btn{background:#fee2e2;color:#dc2626}.error,.loading{padding:2rem;text-align:center}.error{color:#dc2626}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{font-size:1.1rem;margin:0}.app-container{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:250px;transition:margin-left .3s ease}.content-wrapper{padding:20px}@media (max-width:768px){.main-content{margin-left:0}.sidebar.collapsed~.main-content{margin-left:70px}}
/*# sourceMappingURL=main.6d810a2b.css.map*/