@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);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}:root{--primary-color:#5b6cff;--secondary-color:#1ec8a5;--accent-color:#ffb648;--text-color:#1f2937;--light-text-color:#4b5563;--bg-light:#f3f6ff;--bg-dark:#121a2b;--card-bg:#fff;--border-color:#d9e0f2;--shadow-light:0 12px 30px #171e3814;--shadow-hover:0 16px 40px #171e3829}body.dark-theme{--primary-color:#7f8bff;--secondary-color:#2fdab5;--accent-color:#f6ba58;--text-color:#e5e7eb;--light-text-color:#cbd5e1;--bg-light:#0c1222;--bg-dark:#0a0f1d;--card-bg:#111a2f;--border-color:#2a3555;--shadow-light:0 12px 30px #00000073;--shadow-hover:0 16px 40px #0000008c}body{background:radial-gradient(circle at 10% 12%,#5b6cff33,#0000 32%),radial-gradient(circle at 88% 6%,#1ec8a524,#0000 28%),radial-gradient(circle at 78% 82%,#ffb6481a,#0000 30%),linear-gradient(180deg,#f8faff,#edf3ff 45%,#e9f1ff);background-attachment:fixed;color:#1f2937;color:var(--text-color);font-family:Poppins,sans-serif;line-height:1.6;margin:0;padding:0}body.dark-theme{background:radial-gradient(circle at 10% 12%,#7f8bff33,#0000 34%),radial-gradient(circle at 86% 8%,#2fdab51f,#0000 28%),radial-gradient(circle at 78% 82%,#f6ba581a,#0000 30%),linear-gradient(180deg,#0b1222,#0b1428 48%,#0b152b)}label,li,p,span{color:#1f2937;color:var(--text-color)}.App{background:#0000;min-height:100vh;padding:20px 22px 30px;text-align:center}.navbar{align-items:center;background-color:#121a2b;background-color:var(--bg-dark);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 12px 30px #171e3814;box-shadow:var(--shadow-light);display:flex;justify-content:space-between;margin-bottom:30px;padding:15px 30px}.nav-brand{align-items:center;color:#fff;display:inline-flex;font-size:1.8em;font-weight:700;gap:10px;letter-spacing:.5px;text-decoration:none}.nav-brand span{color:#fff}.nav-logo{border-radius:7px;height:50px;object-fit:cover;width:50px}.nav-links{align-items:center;display:flex;gap:20px}.nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:9px;color:#d5d9e6;display:inline-flex;filter:none;font-size:.95rem;font-weight:600;justify-content:center;line-height:1.2;margin-top:0;padding:8px 12px;text-decoration:none;transition:all .25s ease}.nav-item,.nav-item:hover{box-shadow:none;transform:none}.nav-item:hover{background:#5b6cff33;border-color:#7f8bff59;color:#fff}.nav-button{background:#ffb6482e;border:1px solid #ffb64859;border-radius:9px;color:#ffe8c5;font-size:.95rem;margin-top:0;padding:8px 12px}.nav-button:hover{background:#ffb64847;border-color:#ffb64880;color:#fff4df;transform:none}.theme-toggle-button{align-items:center;background:#0000;border:none;border-radius:999px;box-shadow:none;color:#f8fafc;display:inline-flex;font-size:.92rem;height:42px;justify-content:center;margin-top:0;min-width:42px;padding:0;width:42px}.theme-toggle-button:hover{background:#ffffff14;box-shadow:none;transform:translateY(-1px)}.theme-icon-svg{display:block;height:22px;width:22px}.theme-icon-svg .theme-core{fill:#ffd166;transform-origin:center;transition:all .35s ease}.theme-icon-svg .theme-rays{stroke:#ffd166;stroke-width:1.8;stroke-linecap:round;transform-origin:center;transition:opacity .3s ease,transform .35s ease}.theme-icon-svg .theme-moon-cut{fill:#121a2b;opacity:0;transform:translateX(0);transform-origin:center;transition:all .35s ease}.theme-icon-svg.is-sun .theme-rays{opacity:1;transform:rotate(0deg) scale(1)}.theme-icon-svg.is-sun .theme-moon-cut{opacity:0;transform:translateX(0)}.theme-icon-svg.is-moon .theme-core{fill:#dbeafe;transform:scale(1.12)}.theme-icon-svg.is-moon .theme-rays{opacity:0;transform:rotate(40deg) scale(.65)}.theme-icon-svg.is-moon .theme-moon-cut{opacity:1;transform:translateX(3px) scale(.95)}body.dark-theme .theme-icon-svg .theme-moon-cut{fill:#111827}h1,h2,h3{color:#1f2937;color:var(--text-color);font-weight:600;margin-bottom:20px}.home-container{background:#ffffffe6;border:1px solid #5b6cff24;border-radius:16px;box-shadow:0 12px 30px #171e3814;box-shadow:var(--shadow-light);margin:40px auto;max-width:980px;padding:30px}body.dark-theme .home-container{background:#111a2fe6;border-color:#7f8bff47}body.dark-theme .home-container h1,body.dark-theme .home-container h2,body.dark-theme .home-container p{color:#e2e8f0}.society-gallery-section{margin-top:24px}.society-slider{border:1px solid #d9e0f2;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 8px 20px #0f172a24;height:360px;margin:0 auto;max-width:760px;overflow:hidden;position:relative;width:100%}.society-slide{height:100%;inset:0;object-fit:cover;object-position:center center;opacity:0;position:absolute;transition:opacity .8s ease-in-out;width:100%}.society-slide.active{opacity:1}.society-slider-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.society-slider-dot{background:#5b6cff59;border:none;border-radius:999px;cursor:pointer;height:10px;margin:0;padding:0;width:10px}.society-slider-dot.active{background:#5b6cff;background:var(--primary-color);width:26px}body.dark-theme .society-slider-dot{background:#94a3b873}body.dark-theme .society-slider-dot.active{background:#8ea0ff}.admin-dashboard-container,.announcements-container,.login-container,.maintenance-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #5b6cff24;border-radius:18px;box-shadow:0 12px 30px #171e3814;box-shadow:var(--shadow-light);margin:40px auto;max-width:940px;padding:32px;transition:all .3s ease}body.dark-theme .admin-dashboard-container,body.dark-theme .announcement-item,body.dark-theme .announcements-container,body.dark-theme .edit-payment-form,body.dark-theme .login-container,body.dark-theme .maintenance-container,body.dark-theme .payment-creation-form,body.dark-theme .payment-form-modal,body.dark-theme .payment-list li,body.dark-theme .profile-container,body.dark-theme .summary-card,body.dark-theme .tab-content,body.dark-theme .user-list li{background:#111a2fe6;border-color:#7f8bff47}body.dark-theme .form-group input[type=date],body.dark-theme .form-group input[type=email],body.dark-theme .form-group input[type=number],body.dark-theme .form-group input[type=password],body.dark-theme .form-group input[type=text],body.dark-theme .form-group select,body.dark-theme .form-group textarea{background-color:#0f172a;border-color:#334155;color:#e2e8f0}body.dark-theme .announcement-meta,body.dark-theme .auth-subtitle,body.dark-theme .form-group label,body.dark-theme .nav-item,body.dark-theme .page-loader p,body.dark-theme .summary-card span,body.dark-theme .tabs button{color:#cbd5e1}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme label,body.dark-theme li,body.dark-theme p,body.dark-theme span{color:#e2e8f0}body.dark-theme .tabs button.active{background-color:#7f8bff40;color:#e2e8f0}body.dark-theme .tabs button:hover{background-color:#7f8bff2e;color:#e2e8f0}body.dark-theme .announcement-item button,body.dark-theme .edit-payment-form .secondary-button,body.dark-theme .member-delete-button,body.dark-theme .payment-actions .secondary-button{background:#1e293b;border:1px solid #475569;color:#f8fafc}body.dark-theme .announcement-item button:hover,body.dark-theme .edit-payment-form .secondary-button:hover,body.dark-theme .member-delete-button:hover,body.dark-theme .payment-actions .secondary-button:hover{background:#334155;border-color:#64748b;color:#fff}body.dark-theme .status-paid{background:#1ec8a533;color:#5eead4}body.dark-theme .status-unpaid{background:#f6ba5840;color:#fcd34d}.login-container{max-width:520px;overflow:hidden;position:relative}.login-container:before{background:radial-gradient(circle,#5b6cff2e,#0000 70%);border-radius:999px;content:"";height:180px;inset:-60px -40px auto auto;pointer-events:none;position:absolute;width:180px}.admin-dashboard-container:hover,.announcements-container:hover,.login-container:hover,.maintenance-container:hover{box-shadow:0 16px 40px #171e3829;box-shadow:var(--shadow-hover)}.profile-container{background-color:#fff;background-color:var(--card-bg);border:1px solid #5b6cff1f;border-radius:18px;box-shadow:0 12px 30px #171e3814;box-shadow:var(--shadow-light);margin:40px auto;max-width:600px;padding:30px;text-align:left}.profile-container h1{color:#5b6cff;color:var(--primary-color);margin-bottom:30px;text-align:center}.profile-details p{border-bottom:1px dashed #d9e0f2;border-bottom:1px dashed var(--border-color);font-size:1.1em;margin-bottom:12px;padding-bottom:5px}.profile-details strong{color:#1f2937;color:var(--text-color);margin-right:8px}.admin-status{background-color:#f5a6231a;border-radius:8px;color:#ffb648;color:var(--accent-color);font-weight:600;margin-top:20px;padding:10px;text-align:center}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#334155;display:block;font-weight:500;margin-bottom:8px}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{border:1px solid #d9e0f2;border:1px solid var(--border-color);border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:calc(100% - 24px)}.form-group input[type=date],.form-group input[type=number],.form-group select,.form-group textarea{background-color:#fff;border:1px solid #d9e0f2;border:1px solid var(--border-color);border-radius:8px;color:#1f2937;color:var(--text-color);font-family:inherit;font-size:15px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:calc(100% - 24px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group textarea{min-height:120px;resize:vertical}.field-error{color:#dc2626;display:block;font-size:.82rem;font-weight:500;margin-top:6px}.form-group input:focus{border-color:#5b6cff;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233;outline:none}.form-group input[type=checkbox]{margin-right:10px;transform:scale(1.1)}.checkbox-group{align-items:center;display:flex;justify-content:flex-start;margin-top:-10px}button{background:#5b6cff1f;border:1px solid #5b6cff4d;border-radius:9px;box-shadow:none;color:#2737b6;cursor:pointer;filter:none;font-size:.92rem;font-weight:600;margin-top:15px;outline:none;padding:10px 14px;transition:all .2s ease}button:hover{background:#5b6cff33;border-color:#5b6cff6b;box-shadow:none;color:#1f2fa8;transform:none}button:disabled{background:#94a3b826;border-color:#94a3b859;color:#94a3b8;cursor:not-allowed;transform:none}body.dark-theme button{background:#7f8bff33;border-color:#7f8bff61;color:#e2e8f0}body.dark-theme button:hover{background:#7f8bff47;border-color:#7f8bff80;color:#fff}body.dark-theme button:disabled{background:#47556940;border-color:#64748b59;color:#94a3b8}.auth-switch-button{background:none;border:1px solid #5b6cff;border:1px solid var(--primary-color);box-shadow:none;color:#5b6cff;color:var(--primary-color);margin-top:18px}.auth-switch-button:hover{background-color:#4a90e21a;box-shadow:none;color:#3a7bbf;transform:translateY(-1px)}.auth-subtitle{color:#475569;font-size:.95rem;margin-bottom:24px;margin-top:-8px}.auth-message{border:1px solid #0000;border-radius:10px;font-size:.92rem;margin-bottom:14px;padding:10px 12px;text-align:left}.auth-message.success{background:#1ec8a51f;border-color:#1ec8a54d;color:#0e7f68}.auth-message.error{background:#ef44441a;border-color:#ef44443d;color:#b91c1c}.button-loading-content{align-items:center;display:inline-flex;gap:8px}.button-loader{animation:button-spin .8s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes button-spin{to{transform:rotate(1turn)}}.page-loader{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:45vh}.page-loader p{color:#475569;font-weight:500;margin:0}.page-loader-spinner{animation:button-spin .8s linear infinite;border:3px solid #5b6cff33;border-radius:50%;border-top:3px solid var(--primary-color);height:34px;width:34px}.announcement-list,.payment-list,.user-list{list-style:none;margin-top:20px;padding:0}.announcement-item,.payment-list li,.user-list li{background-color:#fff;border:1px solid #5b6cff1a;border-radius:10px;box-shadow:0 8px 20px #0f172a0f;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:12px;padding:20px;text-align:left;transition:all .3s ease}.announcement-item:hover,.payment-list li:hover,.user-list li:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.payment-list li.paid{background:linear-gradient(90deg,#1ec8a512,#fff 42%);border-left:6px solid #1ec8a5;border-left:6px solid var(--secondary-color)}.payment-list li.unpaid{background:linear-gradient(90deg,#ffb6481a,#fff 42%);border-left:6px solid #ffb648;border-left:6px solid var(--accent-color)}.announcement-item h2{color:#5b6cff;color:var(--primary-color);margin-top:0}.announcement-meta{border-top:1px dashed #d9e0f2;border-top:1px dashed var(--border-color);color:#475569;font-size:.85em;margin-top:10px;padding-top:10px}.tabs{border-bottom:1px solid #d9e0f2;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:25px}.tabs button{background:#0000;border:solid #0000;border-radius:10px 10px 0 0;border-width:1px 1px 2px;box-shadow:none;color:#1f2937;cursor:pointer;filter:none;font-size:1em;font-weight:600;margin:0;padding:10px 16px;transform:none;transition:all .3s ease}.tabs button:hover{background:#5b6cff14;color:#2f3dbd}.tabs button.active,.tabs button:hover{border-bottom:2px solid #5b6cff;border-bottom:2px solid var(--primary-color);box-shadow:none;transform:translateY(0)}.tabs button.active{background:#5b6cff1f;border-radius:10px 10px 0 0;color:#2737b6;font-weight:700}.tab-content{background:#fff;border:1px solid #5b6cff14;border-radius:0 0 16px 16px;box-shadow:0 10px 24px #0f172a14;padding:20px}.payment-form-modal{animation:fadeIn .3s ease-out;background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 16px 40px #171e3829;box-shadow:var(--shadow-hover);left:50%;max-width:500px;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.upi-qr-image{background:#fff;border:1px solid #d9e0f2;border:1px solid var(--border-color);border-radius:12px;display:block;margin:10px auto 16px;max-width:100%;width:220px}.payment-proof-form{text-align:left}.proof-preview img{border:1px solid #d9e0f2;border:1px solid var(--border-color);border-radius:10px;margin-top:10px;max-width:220px}.proof-link{color:#5b6cff;color:var(--primary-color);display:inline-block;margin-top:8px;text-decoration:underline}.error-message{color:#dc2626;font-size:.9rem;margin-top:8px}.dialog-overlay{align-items:flex-start;background:#0f172a7a;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1100}.dialog-card{background:#fff;border:1px solid #5b6cff33;border-radius:14px;box-shadow:0 20px 44px #0f172a42;margin:0 auto;max-height:calc(100vh - 40px);overflow-y:auto;padding:20px 22px;width:min(680px,96vw)}.dialog-card .announcement-form,.dialog-card .payment-creation-form,.dialog-card .user-form{background:#0000;box-shadow:none;margin-top:0;padding:0}.dialog-actions{display:flex;gap:10px;margin-top:12px}.dialog-actions .secondary-button{background:#eef2ff;border:1px solid #d9e0f2;border:1px solid var(--border-color);color:#1f2937}body.dark-theme .dialog-overlay{background:#020617b3}body.dark-theme .dialog-card{background:#111a2f;border-color:#7f8bff59}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.StripeElement{background-color:#fcfcfc;border:1px solid #d9e0f2;border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:12px}.payment-actions{display:flex;gap:10px;margin-top:10px}.payment-actions button{font-size:.9em;margin-top:0;padding:8px 15px}.payment-actions .secondary-button{background:#f3f6fd;border:1px solid #d9e0f2;border:1px solid var(--border-color);color:#1f2937;color:var(--text-color)}.payment-actions .secondary-button:hover{background-color:#e5ebfa;transform:translateY(-1px)}.announcement-item button{align-self:flex-start;border-radius:7px;box-shadow:none;font-size:.85rem;margin-top:12px;padding:7px 12px}.announcement-item button:hover{box-shadow:0 6px 12px #5b6cff33;transform:translateY(-1px)}.member-delete-button{align-self:flex-start;border-radius:7px;box-shadow:none;font-size:.84rem;margin-top:10px;padding:7px 12px}.member-delete-button:hover{box-shadow:0 6px 12px #5b6cff33;transform:translateY(-1px)}.edit-payment-form{background-color:#f8fbff;border:1px solid #d0e7ff;border-radius:8px;display:flex;flex-direction:column;gap:15px;margin-top:10px;padding:15px}.edit-payment-form .form-group{margin-bottom:0}.edit-payment-form .form-group label{color:#5b6cff;color:var(--primary-color);font-size:.9em;margin-bottom:5px}.edit-payment-form input[type=date],.edit-payment-form input[type=number]{border:1px solid #d9e0f2;border:1px solid var(--border-color);border-radius:5px;font-size:15px;padding:8px 10px;width:calc(100% - 20px)}.edit-payment-form button{align-self:flex-start;font-size:.9em;margin-top:10px;padding:8px 15px}.edit-payment-form .secondary-button{background-color:#f0f0f0;border:1px solid #d9e0f2;border:1px solid var(--border-color);color:#1f2937;color:var(--text-color);margin-left:10px}.edit-payment-form .secondary-button:hover{background-color:#e0e0e0}.payment-creation-form{background:linear-gradient(180deg,#edf3ff,#e9f7ff);border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-top:20px;padding:25px}.payment-creation-form h3{margin-bottom:25px}.payment-creation-form .form-group label,.payment-creation-form h3{color:#5b6cff;color:var(--primary-color)}.multi-select{background-color:#fff;border:1px solid #d9e0f2;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:16px;min-height:120px;padding:10px;transition:border-color .3s ease,box-shadow .3s ease;width:calc(100% - 24px)}.multi-select:focus{border-color:#5b6cff;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233;outline:none}.multi-select option{padding:8px}.payment-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.summary-card{background:#fff;border:1px solid #5b6cff29;border-radius:12px;box-shadow:0 8px 18px #0f172a0f;padding:14px;text-align:left}.summary-card span{color:#475569;display:block;font-size:.85rem}.summary-card strong{color:#5b6cff;color:var(--primary-color);display:block;font-size:1.4rem;margin-top:2px}.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:600;justify-content:center;padding:2px 10px}.status-paid{background:#1ec8a524;color:#0e8e74}.status-unpaid{background:#ffb64833;color:#b66800}@media (max-width:768px){.App{padding:12px 12px 20px}.navbar{align-items:flex-start;flex-direction:column;gap:10px;padding:12px 14px}.nav-brand{font-size:1.25rem}.nav-logo{height:28px;width:28px}.nav-links{flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.nav-button,.nav-item{font-size:.92rem}.theme-toggle-button{height:38px;min-width:38px;width:38px}.theme-icon-svg{height:19px;width:19px}.admin-dashboard-container,.announcements-container,.login-container,.maintenance-container{margin:20px auto;padding:20px}.tab-content{padding:14px}.tabs{flex-direction:column;gap:0}.tabs button{border-bottom:1px solid #d9e0f2;border-bottom:1px solid var(--border-color);border-radius:0;padding:12px;text-align:left;width:100%}.tabs button:last-child{border-bottom:2px solid #d9e0f2;border-bottom:2px solid var(--border-color)}.payment-actions{flex-wrap:wrap}.announcement-item button,.member-delete-button,.payment-actions button{justify-content:center;width:100%}.dialog-overlay{align-items:flex-start;padding:10px}.dialog-card{border-radius:12px;max-height:92vh;padding:16px;width:100%}.dialog-actions{flex-direction:column}.dialog-actions button{width:100%}.payment-form-modal{border-radius:12px;max-height:88vh;overflow-y:auto;padding:18px;width:95%}.payment-summary{grid-template-columns:1fr}.society-slider{height:230px}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea,.multi-select{font-size:16px;width:calc(100% - 22px)}}.mobile-bottom-link.active,.nav-item.active{background:#5b6cff4d;border-color:#7f8bff73;color:#fff;text-decoration:none}.mobile-menu-toggle{background:#0000;border:1px solid #ffffff4d;color:#fff;display:none;margin-top:0;padding:8px 12px}.mobile-menu-toggle:focus-visible,.mobile-menu-toggle:hover{color:#fff}.mobile-theme-toggle{display:none}.desktop-theme-toggle{display:inline-flex}.form-hint{color:#64748b;display:block;font-size:.82rem;margin-top:6px}.inline-text-button{background:#0000;border:none;box-shadow:none;color:#5b6cff;color:var(--primary-color);font-size:.85rem;margin:8px 0 0;padding:0}.password-icon-button{align-items:center;border-radius:999px;display:inline-flex;height:28px;justify-content:center;line-height:0;margin-top:0;min-height:0;padding:0;width:28px}.password-icon-button:hover{background:#5b6cff1a;box-shadow:none;transform:translateY(-50%)}.password-input-wrap{position:relative;width:calc(100% - 24px)}.password-input-wrap input[type=password],.password-input-wrap input[type=text]{padding-right:44px;width:100%}.password-icon-inside{color:#64748b;height:28px;margin:0!important;opacity:.95;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;z-index:2}.password-icon-inside:hover{color:#5b6cff;color:var(--primary-color);transform:translateY(-50%)}.password-icon-inside svg{display:block}.empty-state{background:#5b6cff0a;border:1px dashed #d9e0f2;border:1px dashed var(--border-color);border-radius:10px;padding:18px}.announcement-toolbar{display:flex;gap:10px;margin-bottom:16px}.announcement-toolbar input,.announcement-toolbar select{border:1px solid #d9e0f2;border:1px solid var(--border-color);border-radius:8px;padding:10px 12px}.priority-badge{background:#ef44441f;border:1px solid #ef444433;border-radius:999px;color:#b91c1c;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:8px;padding:2px 10px}.section-meta-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:14px}#paymentFilter{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#64748b 0),linear-gradient(135deg,#64748b 50%,#0000 0);background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #d9e0f2;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #0f172a14;color:#1f2937;font-size:.92rem;font-weight:500;min-width:220px;padding:9px 34px 9px 12px}#paymentFilter:focus{border-color:#5b6cff;border-color:var(--primary-color);box-shadow:0 0 0 3px #5b6cff33;outline:none}#paymentFilter option{background:#fff;color:#1f2937}body.dark-theme #paymentFilter{background-color:#0f172a;background-image:linear-gradient(45deg,#0000 50%,#94a3b8 0),linear-gradient(135deg,#94a3b8 50%,#0000 0);border-color:#334155;box-shadow:none;color:#e2e8f0}body.dark-theme #paymentFilter option{background:#0f172a;color:#e2e8f0}.section-updated-at{font-size:.9rem;margin:0}.payment-progress,.section-updated-at{color:#4b5563;color:var(--light-text-color)}.payment-progress{font-size:.88rem}.payment-detail-grid{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px}.payment-detail-grid p{background:#5b6cff0a;border:1px solid #5b6cff24;border-radius:8px;display:flex;flex-direction:column;gap:2px;margin:0;padding:6px 8px}.payment-detail-grid p strong{color:#475569;font-size:.75rem;letter-spacing:.02em}.payment-detail-grid p span{color:#1f2937;font-size:.9rem;font-weight:600;overflow-wrap:anywhere}body.dark-theme .payment-detail-grid p{background:#7f8bff1f;border-color:#7f8bff40}body.dark-theme .payment-detail-grid p strong{color:#93c5fd}body.dark-theme .payment-detail-grid p span{color:#e2e8f0}.urgency-overdue{background:#ef44442e;color:#b91c1c}.urgency-due-soon{background:#fbbf2433;color:#b45309}.urgency-upcoming{background:#2563eb24;color:#1d4ed8}.home-highlights{margin-top:32px;text-align:left}.home-announcement-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.home-announcement-card{background:#fffc;border:1px solid #d9e0f2;border:1px solid var(--border-color);border-radius:10px;padding:12px}.home-announcement-card h3{font-size:1rem;margin:0 0 8px}.home-announcement-card p{font-size:.9rem;margin:0 0 8px}body.dark-theme .home-announcement-card{background:#111a2fe6;border-color:#7f8bff47}body.dark-theme .home-announcement-card h3,body.dark-theme .home-announcement-card p,body.dark-theme .home-announcement-card small{color:#e2e8f0}.toast-stack{display:flex;flex-direction:column;gap:6px;pointer-events:none;position:fixed;right:16px;top:14px;z-index:1200}.toast{animation:toast-fade-in .12s ease-out;background:#fffffff5;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px #0f172a14;color:#334155;font-size:.86rem;line-height:1.35;max-width:min(320px,85vw);min-width:180px;padding:8px 10px;pointer-events:auto}.toast.success{background:#ecfdf5f2;border-color:#d1fae5;color:#065f46}.toast.error{background:#fef2f2f5;border-color:#fee2e2;color:#991b1b}.toast.info{background:#f8fafcf5;border-color:#e2e8f0;color:#334155}@keyframes toast-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mobile-bottom-nav{display:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #1ec8a5;outline:2px solid var(--secondary-color);outline-offset:2px}@media (max-width:768px){.nav-links{display:none}.nav-links.open{display:flex}.mobile-menu-toggle{display:inline-flex}.announcement-toolbar{flex-direction:column}.home-announcement-grid{grid-template-columns:1fr}.mobile-bottom-nav{background:#121a2b;background:var(--bg-dark);border-top:1px solid #ffffff14;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));left:0;position:fixed;right:0;z-index:1001}.mobile-bottom-link{color:#d5d9e6;font-size:.82rem;padding:10px 8px;text-decoration:none}.toast-stack{bottom:64px;left:10px;right:10px;top:auto}.toast{max-width:100%}}*,:after,:before{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}.App{overflow-x:clip}.admin-dashboard-container,.announcements-container,.dialog-card,.home-container,.login-container,.maintenance-container,.payment-form-modal,.profile-container,.tab-content{width:min(100%,100%)}.announcement-item span,.auth-message,.form-hint,.member-primary-text,.payment-primary-text,.profile-details p{overflow-wrap:anywhere;word-break:break-word}.member-primary-text{display:block;width:100%}.mobile-bottom-nav.no-admin{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-bottom-nav.has-admin{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.App{padding:14px 14px 82px}.admin-dashboard-container,.announcements-container,.home-container,.login-container,.maintenance-container,.profile-container{margin:24px auto;padding:24px}.payment-actions{flex-wrap:wrap;gap:8px}.payment-actions button{min-height:40px}.dialog-card{width:min(760px,calc(100vw - 24px))}}@media (max-width:768px){.App{padding:10px 10px 86px}.navbar{align-items:center;border-radius:12px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.nav-brand{gap:8px;max-width:100%}.nav-brand span{display:inline-block;max-width:calc(100vw - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-toggle{align-items:center;justify-content:center;min-height:38px}.mobile-theme-toggle{display:inline-flex;margin-left:auto;margin-right:8px}.desktop-theme-toggle,.nav-links.open .desktop-theme-toggle{display:none}.nav-links.open{display:grid;grid-template-columns:1fr;width:100%}.nav-links.open .nav-item{align-items:center;display:inline-flex;min-height:40px}.nav-links.open .nav-item.desktop-theme-toggle{display:none}.section-meta-row{align-items:stretch;flex-direction:column}.section-meta-row .secondary-button,.section-meta-row select{width:100%}.admin-dashboard-container,.announcements-container,.home-container,.login-container,.maintenance-container,.profile-container{border-radius:14px;margin:14px auto;padding:16px}.admin-dashboard-container h1,.announcements-container h1,.home-container h1,.login-container h1,.maintenance-container h1,.profile-container h1{font-size:1.35rem;margin-bottom:14px}.profile-details p{font-size:.98rem}.announcement-item,.payment-list li,.user-list li{border-radius:10px;padding:12px}.user-list li{align-items:flex-start;gap:10px}.member-primary-text,.payment-primary-text{font-size:.88rem;line-height:1.35}.announcement-item button,.member-delete-button,.payment-actions button{font-size:.82rem;min-height:36px;padding:8px 10px;width:100%}.announcement-item p,.payment-list li p{font-size:.88rem;line-height:1.35;margin:0 0 6px}.payment-detail-grid{gap:6px;grid-template-columns:1fr}.payment-detail-grid p{padding:6px 7px}.status-badge{font-size:.74rem;padding:2px 8px}.payment-actions{gap:6px}.announcement-toolbar input,.announcement-toolbar select,.payment-proof-form .form-group input,.payment-proof-form .form-group label{max-width:100%;width:100%}.payment-form-modal{border-radius:12px;left:50%;max-height:calc(100vh - 24px);top:50%;transform:translate(-50%,-50%);width:min(96vw,520px)}.dialog-overlay{padding:10px}.dialog-card{margin-top:0;max-height:calc(100vh - 20px);width:min(96vw,640px)}.tabs{border-bottom:0}.tabs button{font-size:.9rem;min-height:40px;padding:9px 10px}.mobile-bottom-link{align-items:center;display:flex;justify-content:center;min-height:52px}}@media (max-width:480px){.App{padding:8px 8px 90px}.navbar{padding:10px}.nav-brand{font-size:1.02rem}.nav-logo{height:24px;width:24px}.admin-dashboard-container,.announcements-container,.home-container,.login-container,.maintenance-container,.profile-container{margin:10px auto;padding:10px}.payment-summary{gap:10px}.summary-card{padding:10px 12px}.summary-card strong{font-size:1.16rem}.society-slider{height:190px}.announcement-toolbar{gap:8px}.announcement-item button,.auth-switch-button,.dialog-actions button,.member-delete-button,.nav-button,.payment-actions button,button[type=submit]{font-size:.8rem;min-height:34px;padding:8px 10px}.announcement-item,.payment-list li,.user-list li{margin-bottom:10px;padding:10px}.announcement-item p,.member-primary-text,.payment-list li p,.payment-primary-text{font-size:.84rem;margin:0 0 5px}.payment-detail-grid p strong{font-size:.72rem}.payment-detail-grid p span,.tabs button{font-size:.84rem}.tabs button{min-height:36px;padding:8px 9px}.status-badge{font-size:.7rem;padding:2px 7px}.toast-stack{bottom:70px}.toast{font-size:.82rem;padding:7px 9px}}
/*# sourceMappingURL=main.93923147.css.map*/