@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.homepage{text-align:center}.homepage h1{font-size:2.5rem;margin-bottom:1rem}.homepage p{font-size:1.25rem;color:#666;margin-bottom:2rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.how-it-works,.features{padding:3rem 0;border-top:1px solid #eee;margin-top:3rem}.how-it-works h2,.features h2{font-size:2rem;text-align:center;margin-bottom:2rem}.steps,.feature-cards{display:flex;justify-content:space-around;gap:1.5rem;flex-wrap:wrap}.step,.feature-card{flex-basis:30%;text-align:center;padding:1.5rem;background-color:#f9f9f9;border-radius:8px}.step h3,.feature-card h3{font-size:1.25rem;margin-bottom:.5rem}@media screen and (max-width:768px){.events-grid,.steps,.feature-cards{grid-template-columns:1fr}.how-it-works,.features{padding:2rem 1rem}}.login-page{display:flex;justify-content:center;align-items:center;height:80vh}.login-form-container{background-color:var(--white-color);padding:2.5rem;border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);width:100%;max-width:400px}.login-form-container h2{margin-bottom:1.5rem;text-align:center;color:var(--text-color)}.login-button{width:100%;padding:.75rem;background-color:var(--primary-color);color:var(--white-color);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease,transform .2s ease}.login-button:hover{background-color:#0056b3}@media screen and (max-width:768px){.login-form-container{width:90%;padding:1.5rem}}.register-page{display:flex;justify-content:center;align-items:center;padding:2rem 0}.register-form-container{background-color:var(--white-color);padding:2.5rem;border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);width:100%;max-width:400px}.register-form-container h2{margin-bottom:1.5rem;text-align:center;color:var(--text-color)}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff40}.register-button{width:100%;padding:.75rem;background-color:var(--primary-color);color:var(--white-color);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease,transform .2s ease}.register-button:hover{background-color:#0056b3}.error-message{color:#d8000c;background-color:#ffbaba;border:1px solid #d8000c;padding:10px;border-radius:5px;margin-bottom:15px;text-align:center}@media screen and (max-width:768px){.register-form-container{width:90%;padding:1.5rem}}.events-page{padding:2rem}.events-page h1{text-align:center;margin-bottom:2rem}.filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;padding:1.5rem;background-color:var(--white-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color)}.filters input,.filters select{padding:.5rem;border:1px solid #ccc;border-radius:4px}.event-card{background-color:var(--white-color);box-shadow:0 4px 12px var(--shadow-color);padding:1.5rem;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.event-card p{color:var(--text-secondary-color);margin-bottom:1rem;flex-grow:1}.event-actions{display:flex;gap:.5rem;flex-wrap:wrap}.event-actions .btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;color:var(--white-color);font-weight:500;transition:background-color .3s ease,transform .2s ease}.event-actions .btn:hover{transform:translateY(-2px)}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-hover-color)}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:var(--danger-color)}.btn-danger:hover{background-color:#c82333}@media screen and (max-width:768px){.filters{flex-direction:column;gap:1rem}.events-grid{grid-template-columns:1fr}}.create-event-page{max-width:600px;margin:2rem auto;padding:2.5rem;background-color:var(--white-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color)}.create-event-page h2{text-align:center;margin-bottom:1.5rem;color:var(--text-color)}.create-event-button{width:100%;padding:.75rem;background-color:var(--primary-color);color:var(--white-color);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease,transform .2s ease}.create-event-button:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}@media screen and (max-width:768px){.create-event-page form{width:90%;padding:1.5rem}}.edit-event-page{max-width:600px;margin:2rem auto;padding:2.5rem;background-color:var(--white-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color)}.edit-event-page h2{text-align:center;margin-bottom:1.5rem;color:var(--text-color)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff40}.edit-event-button{width:100%;padding:.75rem;background-color:var(--primary-color);color:var(--white-color);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease,transform .2s ease}.edit-event-button:hover{background-color:#0056b3}@media screen and (max-width:768px){.edit-event-page form{width:90%;padding:1.5rem}}.notify-attendees-page{max-width:600px;margin:2rem auto;padding:2.5rem;background-color:var(--white-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color)}.notify-attendees-page h2{text-align:center;margin-bottom:1.5rem;color:var(--text-color)}.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;min-height:150px;transition:border-color .3s ease,box-shadow .3s ease}.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff40}.notify-button{width:100%;padding:.75rem;background-color:var(--primary-color);color:var(--white-color);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease,transform .2s ease}.notify-button:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.notifications-page{max-width:800px;margin:2rem auto}.notifications-page h2{text-align:center;margin-bottom:1.5rem}.notification-list{list-style:none;padding:0}.notification-item{background-color:var(--white-color);padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);margin-bottom:1rem}.notification-item p{margin:0}.notification-date{font-size:.875rem;color:var(--text-secondary-color);margin-top:.5rem}.attendees-page{max-width:800px;margin:2rem auto;padding:2.5rem;background-color:var(--white-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color)}.attendees-page h2{text-align:center;margin-bottom:1.5rem}.attendees-table{width:100%;border-collapse:collapse}.attendees-table th,.attendees-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.attendees-table th{background-color:var(--light-bg-color)}.profile-page{max-width:600px;margin:2rem auto;padding:2.5rem;background-color:var(--white-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color)}.profile-page h2{text-align:center;margin-bottom:1.5rem;color:var(--text-color)}.profile-info p{font-size:1.125rem;margin-bottom:1rem}.profile-info strong{color:var(--text-color)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:read-only{background-color:#e9ecef;cursor:not-allowed}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff40}.profile-update-button{width:100%;padding:.75rem;background-color:var(--primary-color);color:var(--white-color);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease,transform .2s ease;margin-top:1rem}.profile-update-button:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.saved-events-page{max-width:1200px;margin:2rem auto}.saved-events-page h2{text-align:center;margin-bottom:2rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.event-card{background-color:var(--white-color);box-shadow:0 4px 12px var(--shadow-color);padding:1.5rem;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;text-align:left}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-color)}.event-card h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--primary-color)}.event-card p{color:var(--text-secondary-color);margin-bottom:1rem}@media screen and (max-width:768px){.events-grid{grid-template-columns:1fr}}.admin-dashboard-page{max-width:1000px;margin:2rem auto;padding:2.5rem;background-color:var(--white-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color)}.admin-dashboard-page h2{text-align:center;margin-bottom:1.5rem}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.users-table th{background-color:var(--light-bg-color)}.users-table select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;transition:border-color .3s ease,box-shadow .3s ease}.users-table select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff40}.about-us-page{max-width:900px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.about-us-header{text-align:center;margin-bottom:2rem;border-bottom:1px solid #eee;padding-bottom:1.5rem}.about-us-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#333}.about-us-header p{font-size:1.2rem;color:#666}.about-us-content .about-section{margin-bottom:2rem}.about-us-content h2{font-size:1.8rem;color:#444;margin-bottom:1rem;border-bottom:2px solid #007bff;padding-bottom:.5rem;display:inline-block}.about-us-content p,.about-us-content ul{font-size:1.1rem;line-height:1.6;color:#555}.about-us-content ul{list-style-position:inside;padding-left:0}.about-us-content li{margin-bottom:.5rem}.navbar{background-color:var(--white-color);box-shadow:0 4px 12px var(--shadow-color);position:sticky;top:0;z-index:1000;width:100%}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem}.navbar-logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.navbar-menu{display:flex;align-items:center;list-style:none;margin:0;padding:0}.navbar-item{margin-left:1.5rem}.navbar-link{color:var(--text-secondary-color);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative;padding-bottom:5px}.navbar-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--primary-color);transition:width .3s ease}.navbar-link:hover{color:var(--primary-color)}.navbar-link:hover:after,.navbar-link.active-link:after{width:100%}.navbar-link.active-link{color:var(--primary-color)}.navbar-button{background-color:var(--primary-color);color:var(--white-color);border:none;padding:.6rem 1.2rem;border-radius:50px;cursor:pointer;font-weight:500;transition:background-color .3s ease,transform .2s ease}.navbar-button:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.active-link{color:var(--primary-color);font-weight:700}.menu-icon{display:none;cursor:pointer;font-size:1.8rem}@media screen and (max-width:768px){.navbar-menu{display:flex;flex-direction:column;width:100%;position:absolute;top:80px;left:-100%;opacity:1;transition:all .5s ease;background-color:var(--white-color);padding:2rem 0;box-shadow:0 4px 12px var(--shadow-color)}.navbar-menu.active{left:0;opacity:1;transition:all .5s ease;z-index:1}.navbar-item{text-align:center;padding:1rem 0}.navbar-link{width:100%;display:block}.menu-icon{display:block}}.App{text-align:center}.container{width:100%;margin:0;padding:2rem}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{--primary-color: #007bff;--primary-hover-color: #0056b3;--secondary-color: #6c757d;--danger-color: #dc3545;--light-bg-color: #f8f9fa;--text-color: #333;--text-secondary-color: #666;--white-color: #fff;--border-color: #dee2e6;--shadow-color: rgba(0, 0, 0, .1)}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--light-bg-color);color:var(--text-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:600}
