body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh}.main-content{padding-top:72px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}button{font-family:inherit}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.navbar-brand{color:#2c3e50;font-size:1.5rem;font-weight:600}.navbar-brand a{color:#333;text-decoration:none}.nav-logo{height:40px;width:auto}.navbar-menu{align-items:center}.nav-item{background:none;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:.7rem 1.2rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-item:hover{background-color:#007bff1a;color:#007bff}.nav-item.active{background-color:#007bff26;color:#007bff}button.nav-item.logout{border:1px solid #0000;color:#dc3545;transition:all .3s ease}button.nav-item.logout:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.nav-item:after{background-color:#007bff;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-item:hover:after{width:80%}button.nav-item.logout:after{display:none}.nav-item:hover{box-shadow:0 2px 4px #0000001a}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.nav-item:active{animation:pulse .3s ease}.auth-links{display:flex;gap:1rem}.auth-links a{border-radius:4px;padding:.5rem 1.5rem;transition:all .2s}.auth-links a.active{background-color:#3498db;color:#fff}.auth-links a:not(.active):hover{background-color:#f8f9fa}.admin-nav,.member-nav{align-items:center;display:flex;gap:2rem}.admin-nav a,.member-nav a{border-radius:4px;color:#2c3e50;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.admin-nav a:hover,.member-nav a:hover{background-color:#f8f9fa;color:#3498db}.admin-nav a.active,.member-nav a.active{background-color:#e3f2fd;color:#3498db}.user-section{border-left:1px solid #e1e1e1;gap:1.5rem;margin-left:2rem;padding-left:2rem}.user-name,.user-section{align-items:center;display:flex}.user-name{color:#2c3e50;font-weight:500;gap:.5rem}.user-role{background-color:#f8f9fa;border-radius:12px;color:#6c757d;font-size:.75rem;font-weight:400;padding:.25rem .5rem}.logout-nav-btn{background:none;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.logout-nav-btn:hover{background-color:#e74c3c;color:#fff}@media (max-width:768px){.navbar{padding:1rem}.admin-nav,.member-nav,.navbar-menu{gap:1rem}.user-section{margin-left:1rem;padding-left:1rem}.user-name{display:none}.admin-nav a,.member-nav a{font-size:.875rem;padding:.5rem}}.society-selector-nav{flex:1 1;margin:0 1rem;max-width:300px}.society-dropdown-nav{-webkit-appearance:none;appearance:none;background-color:#fff;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='currentColor' 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 8px center;background-repeat:no-repeat;background-size:1em;border:1px solid #dee2e6;border-radius:.375rem;cursor:pointer;font-size:1rem;padding:.5rem 2rem .5rem 1rem;width:100%}.society-dropdown-nav:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.navbar{padding:.5rem 2rem}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:1rem;min-width:200px}.navbar-menu{display:flex;gap:1rem;margin-left:auto}@media (max-width:768px){.navbar{flex-wrap:wrap;padding:.5rem 1rem}.society-selector-nav{margin:.5rem 0;max-width:100%;order:3;width:100%}.navbar-brand{min-width:auto}.navbar-menu{order:2}}.login-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.login-box{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:400px;padding:2rem;width:100%}.login-box h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group label{color:#555}.form-group input{border:1px solid #ddd;border-radius:4px}.login-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}.login-button:hover{background-color:#0056b3}.error-message{background-color:#ffebee;color:#c62828;text-align:center}.signup-section{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.signup-section p{color:#666;margin:0 0 .5rem}.signup-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:background-color .2s}.signup-button:hover{background-color:#218838}.auth-page{background-color:#f8f9fa;min-height:100vh}.auth-container{display:flex;min-height:100vh}.auth-image-section{background-image:url(/static/media/background.decfc7faa3c6ac1dcc69.jpg);background-position:50%;background-size:cover;display:none;flex:1 1;position:relative}@media (min-width:1024px){.auth-image-section{display:block}}.auth-image-overlay{background:#00000080;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:2rem;position:absolute;right:0;top:0}.auth-image-overlay h1{font-size:2.5rem;margin-bottom:1rem}.auth-image-overlay p{font-size:1.25rem;opacity:.9}.auth-form-section{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.auth-form-container{max-width:400px;width:100%}.auth-form-container h2{color:#2c3e50;font-size:1.875rem;margin-bottom:.5rem}.auth-subtitle{color:#6c757d;margin-bottom:2rem}.form-group label{color:#2c3e50}.form-group input{border:1px solid #dee2e6;border-radius:.375rem}.form-group input:focus{border-color:#3498db}.form-options{justify-content:space-between;margin-bottom:1.5rem}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#2c3e50;gap:.5rem}.forgot-password{background:none;border:none;color:#3498db;cursor:pointer;font-size:.875rem}.auth-button{background-color:#3498db;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}.auth-button:hover{background-color:#2980b9}.auth-footer{color:#6c757d;margin-top:2rem;text-align:center}.auth-link{background:none;border:none;color:#3498db;cursor:pointer;font-weight:500;margin-left:.5rem}.auth-link:hover{text-decoration:underline}.social-login-section{margin-top:2rem}.divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.divider span{color:#64748b;font-size:.875rem;padding:0 1rem}.social-buttons{display:flex;flex-direction:column;gap:1rem}.social-login-button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;color:#1a202c;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.social-login-button:hover{background-color:#f8fafc}.social-login-button.google{color:#ea4335}.social-login-button.google:hover{background-color:#fef2f2}.loading-providers{color:#64748b;padding:1rem;text-align:center}.loading-providers i{margin-right:.5rem}.provider-error{background-color:#fee2e2;border-radius:.375rem;color:#dc2626;padding:1rem;text-align:center}.auth-form-container{max-width:600px}.signup-container{align-items:center;background-image:url(/static/media/background.decfc7faa3c6ac1dcc69.jpg);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-form{background:#fffffff2;border-radius:10px;box-shadow:0 0 20px #0000001a;max-width:400px;padding:2rem;width:100%}.signup-form h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.error-message{background-color:#fff3f3;border:1px solid #ffcdd2;border-radius:4px;color:#dc3545;padding:.75rem}button[type=submit]{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}button[type=submit]:hover{background-color:#0056b3}button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:480px){.signup-form{padding:1.5rem}}.login-link{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.login-link button{background:none;border:none;color:#007bff;cursor:pointer;font-size:1rem;margin-left:.5rem;padding:0}.login-link button:hover{text-decoration:underline}.required-field{border-color:#ddd}.required-field:invalid{border-color:#dc3545}.form-group label[for=confirmPassword]:after,.form-group label[for=email]:after,.form-group label[for=password]:after,.form-group label[for=roomNo]:after,.form-group label[for=society]:after{color:#dc3545;content:" *"}.required-fields-note{margin-bottom:1.5rem}.form-group select{background-color:#fff;border:1px solid #dee2e6;border-radius:.375rem;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group select:focus{border-color:#3498db;outline:none}.form-group select:disabled{background-color:#f8f9fa;cursor:not-allowed}.form-group label.required:after{color:#dc3545;content:" *"}input:invalid{background-color:#fff!important;box-shadow:none!important}input:invalid:focus,input:invalid:not(:placeholder-shown){background-color:#fff!important;border-color:#dc3545}input:valid:focus,input:valid:not(:placeholder-shown){background-color:#fff!important;border-color:#28a745}input[required]{background-color:#fff!important}select:invalid{background-color:#fff!important;box-shadow:none!important}select:invalid:focus,select:invalid:not(:placeholder-shown){background-color:#fff!important;border-color:#dc3545}select:valid:focus,select:valid:not(:placeholder-shown){background-color:#fff!important;border-color:#28a745}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}select{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:16px;padding:8px 12px;width:100%}select:disabled{background-color:#f5f5f5;cursor:not-allowed}select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group{margin-bottom:1rem}.form-group label{color:#333}select{appearance:none;-webkit-appearance:none;-moz-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='currentColor' 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 8px center;background-repeat:no-repeat;background-size:1em;padding-right:2.5em}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1 1}@media (max-width:768px){.form-row{flex-direction:column;gap:0}}select.form-control{-webkit-appearance:none;appearance:none;background-color:#fff;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='currentColor' 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 8px center;background-repeat:no-repeat;background-size:1em;border:1px solid #dee2e6;border-radius:.375rem;font-size:1rem;padding:.75rem 2.5em .75rem .75rem;transition:border-color .2s;width:100%}select.form-control:disabled{background-color:#f8f9fa;cursor:not-allowed}select.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.required-fields-note{color:#6c757d;font-size:.875rem;margin-bottom:1rem;text-align:right}.disabled{background-color:#f7fafc;color:#4a5568;cursor:not-allowed}.disabled:focus{border-color:#e2e8f0;box-shadow:none;outline:none}.dashboard-layout{display:flex;min-height:100vh;padding-top:64px}.sidebar{background-color:#f8f9fa;border-right:1px solid #dee2e6;bottom:0;left:0;overflow-y:auto;position:fixed;top:64px;width:240px}.sidebar-menu{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.sidebar-button{align-items:center;background:none;border:none;border-radius:.375rem;color:#495057;cursor:pointer;display:flex;gap:1rem;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.sidebar-button i{text-align:center;width:20px}.sidebar-button:hover{background-color:#e9ecef;color:#212529}.sidebar-button.active{background-color:#e9ecef;color:#0d6efd;font-weight:500}.sidebar-button.disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.5}.sidebar-button.disabled:hover{background-color:#f3f4f6}.sidebar-button.disabled i{color:#9ca3af}.main-content{background-color:#fff;flex:1 1;margin-left:240px;padding:2rem}@media (max-width:768px){.sidebar{border-right:none;border-top:1px solid #dee2e6;bottom:0;height:auto;position:fixed;top:auto;width:100%;z-index:1000}.sidebar-menu{flex-direction:row;justify-content:space-around;padding:.5rem}.sidebar-button{flex-direction:column;font-size:.875rem;gap:.25rem;padding:.5rem}.main-content{margin-bottom:60px;margin-left:0}}.profile-container{padding:2rem}.profile-card{border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.profile-header h2{color:#2d3748;font-size:1.875rem}.profile-avatar{align-items:center;background:#3498db;color:#fff;display:flex;font-size:2rem;font-weight:600;height:100px;justify-content:center;width:100px}.profile-header h1{color:#2c3e50;margin:.5rem 0}.profile-email{color:#7f8c8d;margin:0}.profile-details{border-bottom:1px solid #eee;border-top:1px solid #eee;margin:2rem 0;padding:2rem 0}.profile-actions{display:flex;gap:1rem;justify-content:center}.profile-actions button{border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:all .2s}.edit-profile-btn{background-color:#3498db;border:none;color:#fff}.edit-profile-btn:hover{background-color:#2980b9}.logout-btn{background-color:#fff;border:1px solid #e74c3c;color:#e74c3c}.logout-btn:hover{background-color:#e74c3c;color:#fff}.profile-actions button:disabled{cursor:not-allowed;opacity:.7}.logout-btn:disabled{border-color:#f1a9a0;color:#f1a9a0}.edit-profile-btn:disabled{background-color:#85c1e9}.profile-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.profile-section{border-bottom:1px solid #e2e8f0}.profile-section:last-child{border-bottom:none}.profile-section h3{color:#4a5568;font-size:1.25rem;margin-bottom:1rem}.profile-info{grid-gap:1rem;display:grid;gap:1rem}.info-group{grid-gap:.5rem;display:grid;gap:.5rem}.info-group label{color:#718096;font-size:.875rem}.info-group p{color:#2d3748;font-size:1rem}.society-selector{grid-gap:.5rem;display:grid;gap:.5rem}.society-select{font-size:1rem;padding:.75rem;transition:border-color .2s}.society-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.profile-loading{align-items:center;color:#4a5568;display:flex;justify-content:center;min-height:300px}.profile-error{color:#e53e3e;padding:2rem;text-align:center}.society-management{padding:2rem}.society-management h1{color:#2c3e50;margin-bottom:2rem}.society-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.card h2{color:#2c3e50;font-size:1.25rem;margin-bottom:1.5rem}.detail-group{margin-bottom:1rem}.detail-group label{color:#7f8c8d;display:block;font-size:.875rem;margin-bottom:.5rem}.detail-group p{color:#2c3e50;font-size:1rem;margin:0}.edit-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.edit-btn:hover{background-color:#2980b9}.action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-buttons button{background:#fff;border:1px solid #3498db;color:#3498db;padding:1rem}.action-buttons button:hover{background:#3498db;color:#fff}.member-management{padding:2rem}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header h1{color:#2c3e50;margin:0}.add-member-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .2s}.add-member-btn:hover{background-color:#2980b9}.members-table{background:#fff;box-shadow:0 2px 4px #0000001a;overflow:hidden}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #eee;padding:1rem;text-align:left}th{background-color:#f8f9fa;color:#2c3e50;font-weight:600}.status{border-radius:12px;font-size:.875rem;padding:.25rem .75rem}.status.active{background-color:#e8f5e9;color:#2e7d32}.status.pending{background-color:#fff3e0;color:#f57c00}.action-buttons{display:flex;gap:.5rem}.action-buttons button{border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.edit-btn{background-color:#f8f9fa;border:1px solid #dee2e6;color:#2c3e50}.edit-btn:hover{background-color:#e9ecef}.delete-btn{background-color:#fff5f5;border:1px solid #fee2e2;color:#dc2626}.delete-btn:hover{background-color:#fee2e2}.profile-container{margin:0 auto;max-width:800px;padding:5rem 2rem 2rem;position:relative}.profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.profile-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;margin-bottom:2rem;padding:2rem 2rem 1rem;text-align:center}.profile-header h2{color:#1f2937;font-size:1.5rem;font-weight:600}.profile-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 6px #0000001a;height:120px;margin:0 auto 1rem;overflow:hidden;width:120px}.profile-avatar img{display:block;height:100%;object-fit:cover;width:100%}.profile-avatar span{color:#fff;font-size:2.5rem;font-weight:700}.profile-name{color:#343a40;font-size:1.5rem;margin:0}.profile-email{color:#6c757d;margin:.5rem 0 0}.profile-details{padding:2rem}.detail-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem 0}.detail-item:last-child{border-bottom:none}.detail-item label{color:#495057;font-weight:600}.detail-item span{color:#6c757d}.profile-loading{color:#6c757d;padding:2rem;text-align:center}.profile-field{margin-bottom:15px}.profile-field label{color:#666;display:inline-block;font-weight:700;width:120px}.profile-field span{margin-left:10px}.email-list{margin-left:130px}.email-item{margin-bottom:5px}.email-type{font-weight:500;margin-right:10px}.email-value{color:#2c5282}.society-selector{background-color:#fff;left:2rem;position:absolute;top:2rem;width:250px;z-index:10}.society-dropdown{-webkit-appearance:none;appearance:none;background-color:#fff;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='currentColor' 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 8px center;background-repeat:no-repeat;background-size:1em;border:1px solid #dee2e6;border-radius:.375rem;cursor:pointer;font-size:1rem;padding:.75rem 2.5em .75rem 1rem;width:100%}.society-dropdown:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.society-dropdown:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.permissions-list{align-items:flex-start!important;flex-direction:column}.permissions-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.permission-badge{background-color:#e3f2fd;border-radius:1rem;color:#1976d2;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.profile-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.profile-info{margin-bottom:2rem}.info-group{border-bottom:1px solid #f3f4f6;display:flex;margin-bottom:1rem;padding:.5rem 0}.info-group label{color:#4b5563;font-weight:500;width:150px}.info-group span{color:#1f2937;flex:1 1}.permissions-section{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1rem}.permissions-section h3{color:#1f2937;font-size:1.25rem;margin-bottom:1rem}.permissions-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.permission-item{align-items:center;background-color:#f3f4f6;border-radius:.375rem;display:flex;gap:.5rem;padding:.5rem}.permission-item i{color:#10b981}.permission-item span{color:#4b5563;font-size:.875rem}.loading{align-items:center;color:#6b7280;display:flex;justify-content:center;min-height:200px}@media (max-width:768px){.society-selector{left:0;margin-bottom:1rem;position:relative;top:0}.profile-container{padding-top:1rem}.permissions-container,.society-dropdown{width:100%}.permission-badge{font-size:.75rem}}.members-container{padding:2rem}.members-container h2{color:#1f2937;margin-bottom:1.5rem}.members-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;width:100%}.members-table td,.members-table th{border-bottom:1px solid #e5e7eb;padding:1rem;text-align:left}.members-table th{background-color:#f9fafb;color:#4b5563;font-weight:600}.members-table tr:last-child td{border-bottom:none}.members-table tbody tr:hover{background-color:#f9fafb}.members-loading{color:#4a5568;padding:2rem;text-align:center}.members-error{color:#e53e3e}.members-error,.no-members{padding:2rem;text-align:center}.no-members{background-color:#f9fafb;border-radius:8px;color:#718096;margin-top:1rem}.members-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.member-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .2s}.member-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.member-info h3{color:#2d3748;font-size:1.25rem;margin:0}.member-email{color:#4a5568;margin:.5rem 0}.member-role,.member-since{color:#718096;font-size:.875rem;margin:.25rem 0}.member-role{background-color:#f7fafc;border-radius:4px;display:inline-block;padding:.25rem .5rem}@media (max-width:768px){.members-container{padding:1rem}.members-list{grid-template-columns:1fr}}.invitations-container{margin:0 auto;max-width:1200px;padding:2rem}.page-header{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header-content h2{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.society-selector{min-width:250px}.society-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.875rem;padding:.75rem 2.5rem .75rem .75rem;transition:all .2s;width:100%}.society-select:hover{border-color:#cbd5e0}.society-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.invitations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.invitation-item{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:transform .2s}.invitation-item:hover{transform:translateY(-2px)}.invitation-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.invitation-society{align-items:center;color:#2d3748;display:flex;font-weight:500;gap:.5rem}.invitation-society i{color:#4a5568}.invitation-status{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-accepted{background-color:#dcfce7;color:#166534}.status-rejected{background-color:#fee2e2;color:#991b1b}.status-revoked{background-color:#f3f4f6;color:#374151}.invitation-item-content{grid-gap:1rem;display:grid;gap:1rem}.invitation-detail{align-items:center;color:#4b5563;display:flex;font-size:.875rem;gap:.75rem}.invitation-detail i{color:#6b7280;width:1rem}.no-invitations{border-radius:.75rem;padding:4rem 2rem}.no-invitations i{color:#9ca3af;font-size:3rem;margin-bottom:1rem}.no-invitations p{color:#6b7280;font-size:1.125rem}.invitations-loading{color:#4b5563;padding:4rem 2rem;text-align:center}.invitations-error{background:#fee2e2;border-radius:.75rem;color:#dc2626;margin:2rem;padding:2rem;text-align:center}.invitation-actions{border-top:1px solid #e5e7eb;gap:1rem;margin-top:1.5rem;padding-top:1rem}.action-button{border-radius:.5rem;flex:1 1;font-weight:500;justify-content:center;padding:.75rem 1rem;transition:all .2s}.action-button.accept{background-color:#10b981}.action-button.accept:hover{background-color:#059669}.action-button.reject{background-color:#ef4444}.action-button.reject:hover{background-color:#dc2626}@media (max-width:768px){.invitations-container{padding:1rem}.invitations-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem}.society-selector{width:100%}}.create-invitation-container{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:2rem}.header-section{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.header-section h2{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.create-button{align-items:center;background-color:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.create-button:hover{background-color:#4338ca}.create-button i{font-size:.875rem}.modal-content{max-width:500px;position:relative;width:90%}.modal-header{border-bottom:1px solid #e2e8f0;padding:1.5rem}.close-button{color:#718096}.close-button:hover{color:#4a5568}.invitation-form{padding:1.5rem}.form-group input{font-size:1rem}.form-group input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-actions{margin-top:2rem}.cancel-button,.submit-button{flex:1 1;font-size:1rem;font-weight:500;padding:.75rem}.submit-button{background-color:#3182ce}.submit-button:hover{background-color:#2c5282}.submit-button:disabled{background-color:#a0aec0;cursor:not-allowed}.error-message{background-color:#fed7d7;color:#c53030;margin:0 1.5rem}.success-message{background-color:#c6f6d5;border-radius:6px;color:#2f855a;margin:0 1.5rem;padding:1rem}.invitations-list{grid-gap:1rem;display:grid;gap:1rem}.invitation-card{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem}.invitation-info h3{color:#2d3748;font-size:1.1rem;margin:0}.invitation-date,.invitation-role,.invitation-room{color:#4a5568;font-size:.9rem;margin:.5rem 0}.invitation-status{font-size:.9rem;margin:.5rem 0}.status-pending{background:#fef3c7;color:#d69e2e}.status-accepted,.status-pending{border-radius:9999px;font-size:.875rem;padding:.25rem .75rem}.status-accepted{background:#c6f6d5;color:#2f855a}.status-revoked{background:#fed7d7;border-radius:9999px;color:#c53030;font-size:.875rem;padding:.25rem .75rem}.invitation-actions{display:flex;gap:.5rem;margin-top:1rem}.action-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.action-button i{font-size:1rem}.action-button.accept{background-color:#48bb78;color:#fff}.action-button.accept:hover{background-color:#38a169}.action-button.reject{background-color:#f56565;color:#fff}.action-button.reject:hover{background-color:#e53e3e}.action-button.revoke{background-color:#718096;color:#fff}.action-button.revoke:hover{background-color:#4a5568}.action-button:disabled{cursor:not-allowed;opacity:.7}.no-invitations{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#6b7280;padding:3rem;text-align:center}@media (max-width:768px){.create-invitation-container{padding:1rem}.modal-content{margin:1rem;width:95%}.form-actions,.invitation-card{flex-direction:column}.invitation-card{align-items:flex-start}.invitation-actions{margin-top:1rem;width:100%}.resend-button,.revoke-button{flex:1 1;justify-content:center}}.role-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.role-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.role-select option{padding:.5rem}.select-loading{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#718096;font-size:1rem;width:100%}.role-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.role-select:disabled{background-color:#f7fafc;cursor:not-allowed}.room-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;font-size:1rem;padding:.75rem 2.5rem .75rem .75rem;transition:border-color .2s}.room-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.room-select:disabled{background-color:#f7fafc;cursor:not-allowed}.no-permissions-message{background:#f7fafc;border-radius:8px;color:#718096;margin-top:1rem;padding:2rem;text-align:center}.complaints-container{padding:2rem}.complaints-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.raise-complaint-btn{align-items:center;background-color:#2563eb;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.raise-complaint-btn:hover{background-color:#1d4ed8}.complaints-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.complaint-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.complaint-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.complaint-id{color:#6b7280;font-size:.875rem}.complaint-status{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-pending{background-color:#fef3c7;color:#92400e}.status-resolved{background-color:#d1fae5;color:#065f46}.complaint-content{color:#374151}.complaint-text{line-height:1.5;margin-bottom:1rem}.complaint-details{color:#6b7280;display:flex;font-size:.875rem;gap:1.5rem}.modal-content{border-radius:.75rem;max-height:90vh;max-width:32rem}.close-button{color:#6b7280;font-size:1.25rem}.complaint-form{gap:1.5rem}.complaint-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#374151}.form-group input,.form-group textarea{border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;padding:.75rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-button,.submit-button{border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem}.cancel-button{background-color:#fff;border:1px solid #e5e7eb;color:#374151}.submit-button{background-color:#2563eb}.submit-button:hover{background-color:#1d4ed8}.no-complaints{color:#6b7280;padding:3rem;text-align:center}@media (max-width:640px){.complaints-header{flex-direction:column;gap:1rem}.raise-complaint-btn{justify-content:center;width:100%}.complaint-details{flex-direction:column;gap:.5rem}}.select-loading{background-color:#f9fafb;color:#6b7280}.room-select,.select-loading{border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;padding:.75rem}.room-select{background-color:#fff;color:#374151;cursor:pointer;width:100%}.room-select:focus{ring:2px solid #2563eb33;border-color:#2563eb;outline:none}.room-select option{padding:.5rem}.status-controls{align-items:center;display:flex;gap:1rem}.toggle-button{background-color:#e2e8f0;border:none;border-radius:12px;cursor:pointer;height:24px;padding:0;position:relative;transition:background-color .3s ease;width:48px}.toggle-button.active{background-color:#10b981}.toggle-button.inactive{background-color:#e2e8f0}.toggle-slider{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-button.active .toggle-slider{transform:translateX(24px)}.toggle-button:hover{opacity:.9}.toggle-button:focus{box-shadow:0 0 0 2px #10b98133;outline:none}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:500;min-width:80px;padding:.25rem .75rem;text-align:center}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.connection-details a{color:#4f46e5;text-decoration:none;transition:color .2s}.connection-details a:hover{color:#4338ca;text-decoration:underline}.certificate-section{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.certificate-section h5{color:#2d3748;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.certificate-section p{color:#4a5568;font-size:.875rem;margin:.25rem 0}.endpoint-url{background-color:#f8fafc;border-radius:4px;color:#4a5568;display:block;font-family:monospace;font-size:.875rem;margin-top:.25rem;padding:.5rem;word-break:break-all}.detail-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.connections-container{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:2rem}.connections-header{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.connections-header h2{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.create-connection-btn{align-items:center;background-color:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.create-connection-btn:hover{background-color:#4338ca}.connections-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(600px,1fr))}.connection-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.connection-header{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.connection-header h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.connection-details{padding:1.5rem}.detail-group{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1.5rem}.detail-group h4{color:#4a5568;font-size:1rem;font-weight:600;margin:0 0 1rem}.detail-group p{color:#4a5568;font-size:.875rem;line-height:1.5;margin:.5rem 0}.detail-group strong{color:#2d3748;display:inline-block;font-weight:500;min-width:120px}.error-message{background-color:#fee2e2;border-radius:6px;color:#991b1b;margin-bottom:1rem;padding:1rem}.loading-connections,.no-connections{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#4a5568;padding:4rem 2rem;text-align:center}.loading-connections i,.no-connections i{color:#a0aec0;font-size:2rem;margin-bottom:1rem}@media (max-width:768px){.connections-container{padding:1rem}.connections-grid{grid-template-columns:1fr}.connection-header{align-items:flex-start;flex-direction:column;gap:1rem}.status-controls{justify-content:space-between;width:100%}.detail-group strong{min-width:100px}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h3{color:#2d3748;font-size:1.25rem;margin:0}.close-button{background:none;border:none;color:#4a5568;cursor:pointer;padding:.5rem;transition:color .2s}.close-button:hover{color:#2d3748}.form-group{margin-bottom:1.5rem}.form-group label{color:#4a5568;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-group input[type=checkbox]{margin-right:.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button{background-color:#e2e8f0;color:#4a5568}.cancel-button,.submit-button{border:none;border-radius:6px;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .2s}.submit-button{background-color:#4f46e5;color:#fff}.cancel-button:hover{background-color:#cbd5e0}.submit-button:hover{background-color:#4338ca}.edit-connection-btn{background:none;border:none;color:#4f46e5;cursor:pointer;padding:.5rem;transition:color .2s}.edit-connection-btn:hover{color:#4338ca}.update-connection-btn{align-items:center;background-color:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.update-connection-btn:hover{background-color:#047857}.update-connection-btn i{font-size:1rem}.form-section{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.form-section h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 1rem}.invitation-verification{align-items:center;background-color:#f7fafc;display:flex;justify-content:center;min-height:100vh;padding:1rem}.verification-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:2rem;text-align:center;width:100%}.verification-card h2{color:#2d3748;margin:1rem 0}.verification-card p{color:#4a5568;margin-bottom:1.5rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3182ce;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.verification-card.error i{color:#e53e3e;font-size:3rem;margin-bottom:1rem}.verification-card.success i{color:#38a169;font-size:3rem;margin-bottom:1rem}.home-button{background-color:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.home-button:hover{background-color:#2c5282}
/*# sourceMappingURL=main.9a0536b2.css.map*/