body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f7f6;font-family:Arial,sans-serif;margin:0}.App{margin:0 auto}.navbar{align-items:center;background-color:#0b2545;border-radius:0 0 8px 8px;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.navbar h1{font-size:1.5rem;margin:0}.nav-links a{border-radius:5px;color:#fff;margin-left:20px;padding:8px 12px;text-decoration:none;transition:background-color .2s}.nav-links a:hover{background-color:#134074}.content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;margin-top:20px;padding:30px}.form-container{margin:0 auto;max-width:500px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;padding:10px;width:100%}button[type=submit]{background-color:#0b2545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 20px}button[type=submit]:hover{background-color:#134074}.message{color:green;font-weight:700;margin-top:20px;text-align:center}.no-dues{color:#006400;font-size:1.2rem;margin-top:30px;text-align:center}.alert-list h3{border-bottom:2px solid #d9534f;color:#d9534f;padding-bottom:5px}.alert-list ul{list-style:none;padding:0}.alert-item{align-items:center;background-color:#fdf7f7;border:1px solid #d9534f;border-left-width:5px;border-radius:5px;display:flex;gap:15px;margin-bottom:10px;padding:15px}.filter-input{flex-grow:1;min-width:250px}.member-list-container h2{border-bottom:2px solid #eee;padding-bottom:10px}.filter-input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;margin-bottom:20px;padding:10px;width:100%}.members-table{border-collapse:collapse;margin-top:10px;width:100%}.members-table td,.members-table th{border:1px solid #ddd;padding:12px;text-align:left}.members-table th{background-color:#f4f7f6;cursor:pointer;font-weight:700;transition:background-color .2s}.members-table th:hover{background-color:#e9ecef}.members-table tr:nth-child(2n){background-color:#f9f9f9}.members-table tr.clickable-row{cursor:pointer}.members-table tr:hover{background-color:#f1f1f1}.member-detail-page{margin:0 auto;max-width:900px}.back-link{color:#0b2545;display:inline-block;font-weight:700;margin-bottom:20px;text-decoration:none}.back-link:hover{text-decoration:underline}.member-detail-page h2{margin-bottom:5px;margin-top:0}.member-id-badge{background-color:#e9ecef;border-radius:12px;color:#333;display:inline-block;font-size:.9rem;font-weight:700;margin-bottom:20px;padding:5px 10px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr}.detail-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px}.detail-card h3{border-bottom:2px solid #eee;margin-top:0;padding-bottom:10px}.detail-card p{line-height:1.6}.payments-table{border-collapse:collapse;width:100%}.payments-table td,.payments-table th{border-bottom:1px solid #ddd;padding:10px 5px;text-align:left}.payments-table th{color:#555}.payments-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}}.detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:5px;margin-top:10px}.member-detail-page h2{margin:0}.member-id-badge{margin-bottom:30px}.button-add-payment{background-color:#0b2545;border:none;border-radius:5px;color:#fff!important;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 15px;text-decoration:none;transition:background-color .2s}.button-add-payment:hover{background-color:#134074}.alert-box-due{align-items:center;background-color:#fdf7f7;border:1px solid #d9534f;border-left-width:5px;border-radius:5px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;line-height:1.5;margin-bottom:25px;padding:20px}.alert-box-due strong{color:#d9534f;font-size:1.1rem}.button-add-payment-alert{background-color:#d9534f;border-radius:5px;color:#fff!important;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 15px;text-decoration:none;transition:background-color .2s;white-space:nowrap}.button-add-payment-alert:hover{background-color:#c9302c}.member-table-photo,.member-table-photo-placeholder{border:2px solid #eee;border-radius:50%;height:45px;object-fit:cover;width:45px}.member-table-photo-placeholder{align-items:center;background-color:#0b2545;color:#fff;display:flex;font-size:1.2rem;font-weight:700;justify-content:center}.detail-header{align-items:flex-start}.member-header-info{align-items:center;display:flex;gap:20px}.member-profile-photo-large,.member-profile-photo-large-placeholder{border:4px solid #f4f7f6;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:100px;object-fit:cover;width:100px}.member-profile-photo-large-placeholder{align-items:center;background-color:#0b2545;color:#fff;display:flex;font-size:3rem;font-weight:700;justify-content:center}.summary-box-header{align-items:center;border-bottom:2px solid #eee;display:flex;gap:15px;margin-bottom:10px;padding-bottom:10px}.summary-box-header h4{font-size:1.25rem;margin:0}.member-profile-photo-large{cursor:pointer;transition:transform .2s ease}.member-profile-photo-large:hover{transform:scale(1.05)}.photo-modal-overlay{align-items:center;background:#000000d9;box-sizing:border-box;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.photo-modal-content{border-radius:5px;box-shadow:0 5px 20px #00000080;cursor:default;max-height:90%;max-width:90%;object-fit:contain}.photo-modal-close{color:#fff;cursor:pointer;font-size:40px;font-weight:700;line-height:1;position:absolute;right:40px;top:20px}.photo-modal-close:hover{color:#ccc}.nav-title-link{align-items:center;color:#fff;display:flex;gap:10px;text-decoration:none}.nav-title-link h1{margin:0}.navbar-logo{height:40px;width:40px}.payments-table .payment-id-col{color:#777;text-align:center;width:50px}.filter-bar{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px}.filter-input-small{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;flex:1 1;font-size:.95rem;min-width:150px;padding:10px}.clear-filter-btn{background-color:#777;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px}.clear-filter-btn:hover{background-color:#555}.payment-receipt-container{margin:0 auto;max-width:700px}.receipt-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000000d;margin-top:20px}.receipt-header{align-items:center;border-bottom:2px dashed #eee;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:25px}.receipt-header h2{color:#0b2545;margin:0 0 5px}.receipt-id{background-color:#f4f7f6;border-radius:5px;color:#555;font-weight:700;padding:5px 10px}.receipt-body{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:25px}.receipt-section h4{border-bottom:1px solid #eee;color:#777;font-size:.9rem;margin-bottom:10px;margin-top:0;padding-bottom:5px;text-transform:uppercase}.receipt-section p{line-height:1.6;margin:5px 0}.receipt-footer{background-color:#f9f9f9;border-radius:0 0 8px 8px;border-top:2px dashed #eee;padding:25px;text-align:right}.receipt-footer h3{color:#333;font-weight:400;margin:0 0 5px}.receipt-amount{color:#0b2545;font-size:2rem;margin:0}@media (max-width:768px){.receipt-body{grid-template-columns:1fr}}.payments-table tr.clickable-row{cursor:pointer;transition:background-color .2s}.payments-table tr.clickable-row:hover{background-color:#f1f1f1}.whatsapp-share-btn{background-color:#25d366;border:none;border-radius:5px;color:#fff!important;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 15px;text-decoration:none;transition:background-color .2s}.whatsapp-share-btn:hover{background-color:#1eae56}.badge-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.member-id-badge{margin-bottom:0}.status-badge{border-radius:12px;display:inline-block;font-size:.9rem;font-weight:700;margin:0;padding:5px 10px}.status-badge.active{background-color:#e6f7ec;color:#006400}.status-badge.inactive{background-color:#fdf7f7;color:#d9534f}.member-actions-footer{border-top:1px solid #eee;margin-top:30px;padding-top:20px;text-align:right}.button-danger{background-color:#d9534f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 15px;transition:background-color .2s}.button-danger:hover{background-color:#c9302c}.button-danger.button-enable{background-color:#006400}.button-danger.button-enable:hover{background-color:#004d00}.status-badge.inactive-date{background-color:#f8f8f8;border:1px solid #eee;color:#555;font-weight:400}.logout-btn{background-color:#d9534f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700;margin-left:20px;padding:8px 12px}.logout-btn:hover{background-color:#c9302c}.inactivation-note-card{background-color:#fdf7f7;border:1px solid #d9534f;border-left-width:5px;border-radius:8px;margin-bottom:25px;padding:20px}.inactivation-note-card h4{border-bottom:1px solid #fbc2c0;color:#d9534f;margin-bottom:10px;margin-top:0;padding-bottom:10px}.inactivation-note-card p{font-size:1rem;line-height:1.6;margin-bottom:15px;margin-top:0;white-space:pre-wrap}.note-footer{color:#333;display:flex;font-size:.9rem;justify-content:flex-end}.button-qr{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 20px;width:100%}.button-qr:hover{background-color:#0056b3}.qr-code-container{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;margin-top:-10px;padding:20px}.qr-code-container p{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:0;margin-top:15px}.webcam-container{align-items:center}.webcam-container,.webcam-live,.webcam-preview{display:flex;flex-direction:column;gap:10px;width:100%}.webcam-video{background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;height:auto;width:100%}.button-secondary{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 20px;width:100%}.button-secondary:hover{background-color:#5a6268}.form-group textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:1rem;min-height:80px;padding:10px;resize:vertical;width:100%}.detail-subheader{border-bottom:1px solid #eee;color:#333;font-size:1rem;font-weight:700;margin-bottom:5px;margin-top:20px;padding-bottom:5px}.detail-longtext{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;font-size:.95rem;line-height:1.6;padding:10px;white-space:pre-wrap}.user-role-badge{font-weight:700;text-transform:capitalize}.user-actions{display:flex;gap:10px}.action-button-delete,.action-button-reset{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:8px 12px}.action-button-reset{background-color:#007bff;color:#fff}.action-button-reset:hover{background-color:#0056b3}.page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.page-header-actions h2{margin:0}.add-user-button{background-color:#0b2545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 15px}.add-user-button:hover{background-color:#134074}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filter-controls .button-secondary{font-size:.95rem;padding:10px 15px;white-space:nowrap;width:auto}.activity-log-card{grid-column:1/-1;margin-top:20px}.activity-log-card h3{border-bottom:2px solid #eee;margin-bottom:15px;margin-top:0;padding-bottom:10px}.activity-log-list{list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0}.activity-log-item{border-bottom:1px solid #eee;padding:12px 0}.activity-log-item:last-child{border-bottom:none}.activity-timestamp{color:#777;display:inline-block;font-size:.85rem;margin-right:10px;min-width:150px}.activity-actor{color:#555;font-size:.85rem;margin-right:10px}.activity-type{border-radius:4px;color:#fff;font-size:.9rem;font-weight:700;padding:2px 6px}.type-member_created{background-color:#28a745}.type-payment_added{background-color:#007bff}.type-inactivated{background-color:#dc3545}.type-activated{background-color:#ffc107;color:#333}.activity-details{background-color:#f9f9f9;border-radius:4px;color:#444;display:inline-block;font-size:.9rem;margin-bottom:0;margin-left:25px;margin-top:5px;padding:5px 8px;white-space:pre-wrap}.photo-choice-buttons{display:flex;gap:10px;width:100%}.photo-choice-buttons .button-qr,.photo-choice-buttons .button-secondary{flex:1 1}.photo-upload-area{display:flex;flex-direction:column;gap:10px}.photo-upload-area input[type=file]{background:#f9f9f9;border:1px solid #ccc;border-radius:5px;padding:10px}.button-danger-outline{background-color:initial;border:2px solid #d9534f;border-radius:5px;color:#d9534f;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;width:100%}.button-danger-outline:hover{background-color:#fdf7f7}.webcam-preview p{font-weight:700;margin-bottom:5px;text-align:center}.alert-inactive-text{background-color:#f2dede;border:1px solid #ebccd1;border-radius:4px;color:#a94442;font-weight:700;margin:0;padding:8px 12px}.profile-container{margin:20px auto;max-width:600px;padding:0 20px}.profile-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000000d;padding:25px;text-align:center}.profile-card h2{margin-bottom:10px;margin-top:0}.status-badge.admin{background-color:#fff8e1;color:#6d4c00;font-weight:700}.status-badge.user{background-color:#e9ecef;color:#333}.profile-actions-list{margin-top:30px}.profile-actions-list h3{border-bottom:2px solid #eee;padding-bottom:10px}.profile-action-button{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin-bottom:10px;padding:15px;text-align:left;transition:all .2s;width:100%}.profile-action-button:hover{background-color:#f9f9f9;border-color:#0b2545;color:#0b2545}.nav-profile-link{border-radius:5px;color:#fff;font-size:.9rem;font-weight:700;margin-left:20px;padding:8px 12px;text-decoration:none;transition:background-color .2s}.nav-profile-link:hover{background-color:#134074}.header-button-group{display:flex;flex-wrap:wrap;gap:10px}.button-primary{background-color:#0b2545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 15px;transition:background-color .2s}.button-primary:hover{background-color:#134074}.button-primary-outline{background-color:#fff;border:2px solid #0b2545;border-radius:5px;color:#0b2545;cursor:pointer;font-size:.95rem;font-weight:700;padding:8px 15px;transition:all .2s}.button-primary-outline:hover{background-color:#f4f7f6;color:#134074}.filter-controls{justify-content:space-between}.filter-controls .filter-input{flex-grow:1;min-width:250px}
/*# sourceMappingURL=main.cf66f5f1.css.map*/