@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&family=Roboto+Slab:wght@400;700&display=swap);:root{--color-offwhite:#f2f8fc;--color-navy:#232d3d;--color-light-blue:#cbd8e8;--color-light-blue-hover:#b0c0ce;--color-light-gray:#f5f5f5;--color-light-gray-hover:#e0e0e0;--color-success:#4caf50;--color-error:#b30000;--status-red:#ffe6e6;--status-yellow:#fff5e6;--status-blue:#e6f2ff;--status-green:#e6ffe6;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f2f8fc;background-color:var(--color-offwhite);color:#232d3d;color:var(--color-navy);font-family:Inter,sans-serif;margin:0}h1,h2,h3,h4,h5,h6{font-family:Roboto Slab,serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--color-navy);color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--color-light-blue)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-page{box-sizing:border-box;min-height:100vh;padding:var(--space-xl) var(--space-xl) 0}.login-card,.login-page{align-items:center;display:flex;flex-direction:column}.login-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;gap:38px;padding:24px;width:320px}.login-logo{height:auto;width:310px}.login-form{display:flex;flex-direction:column;gap:26px;width:100%}.login-form label{display:block;font-weight:700}.login-form input{border:1px solid var(--color-light-gray-hover);border-radius:4px;box-sizing:border-box;font-size:1rem;padding:8px;width:100%}.login-form input:focus{border-color:var(--color-light-blue);box-shadow:0 0 0 2px #5e90db66;outline:none}button{font-size:1rem;padding:8px}button:disabled{cursor:not-allowed;opacity:.6}.forgot-link{color:var(--color-navy);font-size:.9rem;text-decoration:none}.forgot-link:hover{text-decoration:underline}.forgot-links{display:flex;justify-content:space-between;margin-top:8px;width:100%}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.login-button{align-items:center;display:inline-flex;justify-content:center;position:relative}.login-button .hidden-text{visibility:hidden}.login-button .spinner{position:absolute}.primary-button{background-color:var(--color-light-blue);border:none;border-radius:4px;color:var(--color-navy);cursor:pointer;padding:10px 12px}.primary-button:hover{background-color:var(--color-light-blue-hover)}.secondary-button{background-color:#e0e0e0;border:1px solid #ccc;border-radius:4px;color:var(--color-navy);cursor:pointer;padding:6px 12px}.secondary-button:hover{background-color:#d5d5d5}.confirm-dialog-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirm-dialog{background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000004d;max-width:90%;min-width:280px;padding:20px}.confirm-dialog-header{align-items:center;display:flex;justify-content:space-between}.confirm-close{background:#0000;border:none;cursor:pointer;font-size:1.4rem;line-height:1}.confirm-dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.cancel-button,.confirm-button{padding:6px 12px}.confirm-input{display:flex;flex-direction:column;margin-top:8px}.confirm-input input{font-size:1rem;padding:6px}.char-count{font-size:.8rem;margin-top:2px}.error{margin-top:4px}.admin-dashboard{display:flex;flex-direction:column;gap:20px;padding:20px}.admin-dashboard section{display:flex;flex-direction:column;gap:12px}.admin-dash-header{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.admin-table{border-collapse:initial;border-spacing:0 8px;width:100%}.admin-table thead th{background:var(--color-navy);color:#fff}.admin-table td,.admin-table th{padding:8px;text-align:left}.admin-table tbody tr{background:var(--color-light-blue);border:1px solid #ddd;border-radius:6px;color:var(--color-navy);overflow:hidden}.admin-table tbody tr.clickable-row{cursor:pointer;position:relative;transition:background .2s}.admin-table tbody tr.clickable-row:hover{background:var(--color-light-blue-hover)}.admin-table th.arrow-col{width:24px}.admin-table td.row-arrow{opacity:0;pointer-events:none;text-align:center;transition:opacity .2s;width:24px}.admin-table tbody tr.clickable-row:hover td.row-arrow{opacity:1}.admin-table tbody tr td:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.admin-table tbody tr td:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px}.control-bar{display:flex;gap:8px;margin-bottom:10px}.back-button{margin-left:auto}.action-buttons{display:flex;gap:4px}.admin-dash-header .action-buttons{align-items:flex-start;flex-direction:column}.admin-dash-header .action-buttons .back-button{margin-left:0}.data-table-wrapper{position:relative}.loading-overlay{align-items:center;background:#f2f8fcb3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.spinner{height:24px;width:24px}.pagination{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.pagination button[disabled]{cursor:not-allowed;opacity:.5}.charge-list{border-collapse:collapse;width:100%}.charge-list td,.charge-list th{border:1px solid #ddd;padding:8px;text-align:left}.payment-list{border-collapse:collapse;width:100%}.payment-list td,.payment-list th{border:1px solid #ddd;padding:8px;text-align:left}.table-empty{font-style:italic;padding:var(--space-md);text-align:center}.table-empty img.empty-illustration{margin-bottom:var(--space-sm);width:80px}.member-dashboard{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(12,1fr);padding:20px}.member-dash-header{align-items:flex-start;gap:var(--space-sm);grid-column:1/-1;margin-bottom:10px}.balance-info,.member-dash-header{display:flex;flex-direction:column}.balance-info{align-items:stretch;background-color:var(--color-offwhite);border-radius:4px;gap:8px;grid-column:2/span 10;padding:var(--space-sm);text-align:center}.balance-summary{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.balance-card{border-radius:8px;min-width:110px;padding:8px 12px}.balance-card .amount{font-size:1.8rem;font-weight:700}.balance-card.total .amount{font-size:2.4rem}.balance-card .label{font-size:.9rem}.balance-card.total .label{font-size:1rem}.balance-card.total{background-color:var(--color-navy);border:2px solid var(--color-light-blue);box-shadow:0 0 4px #0003;color:#fff;grid-column:1/-1}.balance-card.overdue{background-color:#ab5151;border:2px solid var(--color-navy);color:var(--status-red)}.balance-card.due-soon{background-color:#cda84c;border:2px solid var(--color-navy);color:var(--status-yellow)}.balance-card.upcoming{background-color:#5191e4;border:2px solid var(--color-navy);color:var(--status-blue)}.dashboard-review-button{align-self:flex-start;background-color:var(--color-light-blue);border:none;color:var(--color-navy);cursor:pointer;margin-top:8px;padding:6px 12px}.dashboard-review-button:hover{background-color:var(--color-light-blue-hover)}.review-action{align-items:center;display:flex;gap:var(--space-sm)}.under-review-notice{font-size:.9rem}.dashboard-content{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-column:2/span 10;grid-template-columns:repeat(10,1fr)}.tables-section{gap:12px;grid-column:span 6}.payments-section,.tables-section{display:flex;flex-direction:column;padding:var(--space-sm)}.payments-section{gap:var(--space-sm);grid-column:span 4}.activity-placeholder{align-items:center;display:flex;flex:1 1;font-style:italic;justify-content:center}@media (max-width:768px){.member-dash-header{flex-wrap:wrap}.member-dash-header h1{flex-basis:100%}.balance-summary{grid-template-columns:repeat(2,1fr)}.balance-card{min-width:0}.balance-info,.dashboard-content{grid-column:1/-1}.dashboard-content{grid-template-columns:1fr}.payments-section,.tables-section{grid-column:1/-1}}.view-toggle{border:1px solid #ccc;border-radius:16px;display:inline-flex;overflow:hidden}.view-toggle button{background:none;border:none;cursor:pointer;font-size:1rem;padding:8px 16px}.view-toggle button.active{background-color:var(--color-navy);color:#fff}.search-bar{border:1px solid #ccc;border-radius:4px;padding:6px 8px}.filter-menu{display:flex;gap:12px}.filter-section{display:flex;flex-direction:column;gap:4px}.manage-charges-page{display:flex;flex-direction:column;gap:20px;padding:20px}.step-indicator{color:#555;font-size:.9rem}.charge-form{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:150px 1fr auto;max-width:500px}.charge-form label{display:contents}.charge-form input,.charge-form textarea{font-size:1rem;padding:8px}.select-assignees .filters{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.wizard-footer{background:#fff;bottom:0;display:flex;gap:8px;padding:10px 0;position:-webkit-sticky;position:sticky}.summary-card{border:1px solid #ddd;margin-bottom:10px;padding:10px}.charge-form .error{align-items:center;display:flex;font-size:.85rem;height:100%;margin-left:8px;min-width:140px}.error-placeholder{visibility:hidden}.field-meta{margin-left:8px;min-width:140px}.add-member-page,.field-meta{display:flex;flex-direction:column}.add-member-page{gap:20px;padding:20px}.add-member-form{display:flex;flex-direction:column;gap:12px;width:300px}.add-member-form label{display:flex;flex-direction:column;font-weight:700}.add-member-form input[type=email],.add-member-form input[type=text],.add-member-form select{font-size:1rem;padding:8px}.checkbox{align-items:center;flex-direction:row;font-weight:400}.payment-review-page{padding:20px;text-align:center}.payment-review-page,.review-card{align-items:center;display:flex;flex-direction:column;gap:20px}.review-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;width:320px}.review-form{gap:12px;width:300px}.review-form,.review-form label{display:flex;flex-direction:column}.review-form label{font-weight:700}.review-form input,.review-form select{font-size:1rem;padding:8px}.form-actions{display:flex;gap:10px}.error{color:var(--color-error)}.success{color:var(--color-success)}.static-field{font-size:1rem}.char-count{align-self:flex-end;color:#555;font-size:.75rem}.spinner{animation:spin 1s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#333;display:inline-block;height:16px;width:16px}.submit-button{align-items:center;display:inline-flex;justify-content:center;position:relative}.submit-button .hidden-text{visibility:hidden}.submit-button .spinner{position:absolute}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.charge-details-page{align-items:flex-start;display:flex;flex-direction:column;gap:20px;padding:20px}.charge-details-table{border-collapse:collapse;width:100%}.charge-details-table td,.charge-details-table th{border:1px solid #ddd;padding:8px;text-align:left}.request-review-button{display:inline-block;width:auto}.charge-actions{display:flex;gap:10px}.payment-details-page{align-items:flex-start;display:flex;flex-direction:column;gap:20px;padding:20px}.payment-details-table{border-collapse:collapse;width:100%}.payment-details-table td,.payment-details-table th{border:1px solid #ddd;padding:8px;text-align:left}.payment-actions{display:flex;gap:10px}.header{background-color:var(--color-navy);color:#fff;padding:7px 20px;position:relative}.nav{align-items:flex-end;display:flex}.brand{font-size:1.2rem;font-weight:700}.logout-link{color:var(--color-light-blue);text-decoration:none}.nav-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.nav-tabs{display:flex;gap:8px;margin-bottom:-7px;margin-left:20px}.logout-button{padding:6px 12px}.hamburger{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem;margin-left:auto}.hamburger,.mobile-menu{display:none}@media (max-width:768px){.nav-tabs{flex-direction:column;margin:var(--space-sm) 0 0}.nav-actions,.nav-tabs{display:none}.hamburger{display:block}.mobile-menu{background-color:var(--color-navy);border-top:1px solid var(--color-light-blue);flex-direction:column;gap:var(--space-sm);left:0;padding:var(--space-sm) 0;position:absolute;right:0;top:100%}.mobile-menu.open{display:flex}.mobile-menu .nav-tabs{margin:0}.mobile-menu .nav-actions,.mobile-menu .nav-tabs{display:flex;flex-direction:column;gap:var(--space-sm)}.mobile-menu .nav-actions{margin-left:0;padding:0 var(--space-sm)}}.nav-tab{background-color:var(--color-light-blue);border:1px solid var(--color-light-blue-hover);border-bottom:none;border-radius:4px 4px 0 0;color:var(--color-navy);cursor:pointer;font-family:Roboto Slab,serif;padding:6px 10px}.nav-tab:hover{background-color:var(--color-light-blue-hover)}.nav-tab.active{background-color:var(--color-offwhite)}.notification-container{bottom:10px;display:flex;flex-direction:column;gap:10px;position:fixed;right:10px;z-index:1000}.notification{background-color:var(--color-success);border-radius:4px;color:#fff;min-width:200px;padding:14px 36px 14px 18px;position:relative}.notification-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.4rem;line-height:1;position:absolute;right:8px;top:4px}.app-content{padding:20px}.account-activity-page{display:flex;flex-direction:column;gap:20px;padding:20px}.account-activity-page section{display:flex;flex-direction:column;gap:12px}
/*# sourceMappingURL=main.661fba62.css.map*/