*{box-sizing:border-box;margin:0;padding:0;font-family:Varela Round,sans-serif}html,body{overflow-x:hidden}#root{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;background-color:#350067}.header-logo{margin-top:30px;width:100%;text-align:center;z-index:1}.header-logo>h1{font-family:Cabin Sketch,sans-serif;font-weight:700;color:#fff;font-size:4rem;-webkit-user-select:none;user-select:none;letter-spacing:2px}.form-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:30px;min-width:400px;height:fit-content;overflow:hidden;background-color:#fff;border-radius:10px;box-shadow:10px 10px #0000004d}.title{position:relative;display:flex;justify-content:center;width:100%;height:60px;margin-bottom:40px;-webkit-user-select:none;user-select:none;background-color:#7e61f3}.title>h1{position:relative;top:10px;color:#fff;font-size:2rem}.submit-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;width:90%;-webkit-user-select:none;user-select:none}.input-wrapper{position:relative;width:100%;height:50px;margin-bottom:30px}.input-wrapper>input{box-sizing:border-box;width:100%;height:100%;padding-left:10px;font-family:Varela Round,sans-serif;font-size:1.1rem;color:#000;background-color:#fff;border:solid 2px rgba(0,0,0,.5);border-radius:5px;box-shadow:5px 5px #0000004d;outline:none;transition:.3s}.input-wrapper>input:focus{border-color:#7e61f3;box-shadow:0 0 5px #7e61f380}.input-wrapper>label{position:absolute;top:-7px;left:15px;padding:0 5px;font-size:14px;letter-spacing:1px;background-color:#fff}.btnSubmit{height:50px;font-family:Varela Round,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:2px;color:#fff;background-color:#008d00;border:none;border-radius:5px;box-shadow:5px 5px #0000004d;cursor:pointer;transition:.3s}.btnSubmit:hover{background-color:#006700}.submit-wrapper>p{position:relative;margin-top:10px;margin-bottom:40px;text-align:right;font-size:16px}.submit-wrapper>p>a{color:#574bfe}@media(max-width:450px){.header-logo>h1{font-size:3rem}.form-wrapper{min-width:325px}}.page-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:100px;width:350px;height:fit-content;overflow:hidden;background-color:#fff;border-radius:10px;box-shadow:10px 10px #0000004d}.header-wrapper{display:flex;justify-content:center;width:100%;height:60px;margin-bottom:50px;text-align:center;color:#fff;background-color:#7e61f3}.header-wrapper>h1{position:relative;top:10px}.page-wrapper>img{height:150px;margin-bottom:50px;animation:checkmarkAnimation .5s}.page-wrapper>button{height:50px;width:fit-content;padding:0 15px;margin-bottom:30px;font-family:Varela Round,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:1px;color:#fff;background-color:#7e61f3;border:none;border-radius:5px;box-shadow:5px 5px #0000004d;cursor:pointer;transition:.3s}.page-wrapper>button:hover{background-color:#5940c0}@keyframes checkmarkAnimation{0%{opacity:0;transform:scale(0) rotate(0)}45%{opacity:1;transform:scale(1.2) rotate(45deg)}to{transform:scale(1) rotate(0)}}@media(max-width:450px){.page-wrapper{width:80%}.header-wrapper>h1{font-size:1.8rem}}.home-wrapper{position:relative;display:flex;flex-direction:column;width:100%;min-height:100vh;padding-top:70px}.home-wrapper .cards{position:relative;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:40px;box-sizing:border-box;width:100%;height:100%;padding:20px}@media(max-width:450px){.home-wrapper .cards{gap:50px}}.navbar-wrapper{position:fixed;top:0;left:0;z-index:3;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;box-sizing:border-box;width:100%;height:70px;padding:10px;color:#fff;background-color:#663fff;box-shadow:0 10px #0000004d}.who-is{position:relative;display:flex;justify-content:space-between;gap:30px}.logo>h1{font-family:Cabin Sketch,sans-serif;position:relative;top:5px;left:50px;font-size:2.2rem;letter-spacing:2px}.name{position:relative;top:15px;font-size:1.2rem}.nav-icon{position:relative;top:5px;height:40px;width:fit-content;padding:0 20px;cursor:pointer;transition:.3s}.nav-icon:hover{transform:scale(1.2);filter:drop-shadow(5px 5px 0px rgba(0,0,0,.3))}@media(max-width:800px){.navbar-wrapper{padding:5px;height:60px}.logo>h1{font-size:2rem;letter-spacing:1px;left:0;top:10px}.who-is{gap:0px}.name{display:none}}@media(max-width:600px){.navbar-wrapper{padding:5px;height:60px}.logo>h1{font-size:1.4rem;text-align:center;letter-spacing:1px;left:0;top:15px}.who-is{gap:0px}.name{display:none}}.card-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:400px;max-width:100%;height:300px;overflow:hidden;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:10px;box-shadow:10px 10px #0000004d;cursor:pointer;transition:.3s}.card-wrapper:hover{transform:scale(1.05)}.card-wrapper>img{position:relative;top:30px;height:150px}.card-header{width:100%;height:60px;text-align:center;color:#fff;background-color:#7e61f3}.card-header>h1{position:relative;top:10px}@media(max-width:450px){.card-wrapper{width:90%;height:250px}.card-wrapper>img{height:125px}.card-header>h1{font-size:1.7rem;top:15px}}.join-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:20px;width:350px;height:fit-content;gap:20px;overflow:hidden;text-align:center;color:#fff}#reader{width:300px;height:300px;overflow:hidden;background-color:#fff;border-radius:10px}.join-wrapper>h1{font-size:2.5rem}.join-wrapper>p{font-weight:700;position:relative}.join-wrapper>form{position:relative;display:flex;justify-content:center;gap:10px}.join-wrapper>form>input{box-sizing:border-box;width:270px;height:40px;padding-left:10px;font-family:Varela Round,sans-serif;font-size:1.1rem;color:#000;background-color:#fff;border:solid 2px rgba(0,0,0,.5);border-radius:5px;box-shadow:5px 5px #0000004d;outline:none;transition:.3s}.join-wrapper>form>input:focus{border-color:#7e61f3;box-shadow:0 0 5px #7e61f380}.join-button{box-sizing:border-box;width:60px;height:40px;font-family:Varela Round,sans-serif;font-size:1rem;font-weight:700;color:#fff;background-color:#008d00;border:none;border-radius:5px;box-shadow:5px 5px #0000004d;cursor:pointer;transition:.3s}.join-button:hover{background-color:#006700}#reader img[alt="Info icon"],#html5-qrcode-anchor-scan-type-change{display:none!important}#reader button{box-sizing:border-box!important;width:auto!important;padding:10px 20px!important;margin:10px auto 20px!important;font-family:Varela Round,sans-serif!important;font-size:1rem!important;font-weight:700!important;text-decoration:none!important;color:#fff!important;background-color:#008d00!important;border:none!important;border-radius:5px!important;box-shadow:5px 5px #0000004d!important;cursor:pointer!important;transition:.3s!important}#reader button:hover{background-color:#006700!important}#reader button:active,#reader button:focus{transform:translateY(3px)!important;background-color:#006700!important;border:none!important;box-shadow:2px 2px #0000004d!important;outline:none!important}@media(max-width:450px){.join-wrapper>form>input{width:90%}}.organize-menu-wrapper{position:relative;display:flex;flex-direction:column;width:100%;min-height:100vh;padding-top:70px}.cards{position:relative;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;flex:1;gap:20px;box-sizing:border-box;width:100%;height:100%;padding:20px}@media(max-width:450px){.organize-menu-wrapper .cards{gap:50px}}.menu-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-top:70px;-webkit-user-select:none;user-select:none}.organize-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:60px;width:100%;height:fit-content;gap:20px;overflow:hidden;text-align:center;color:#fff}.organize-wrapper>h1{margin:40px}.create-group-input-wrapper{position:relative;display:flex;justify-content:center;align-items:center;height:fit-content;width:fit-content;padding:20px;border-radius:5px;gap:10px;background-color:#fff;box-shadow:10px 10px #0000004d}.label-create-group{position:absolute;top:10px;left:30px;padding:0 4px;font-size:.9rem;letter-spacing:1px;background-color:#fff;color:#000}.input-create-group{box-sizing:border-box;width:100%;height:40px;padding-left:10px;font-family:Varela Round,sans-serif;font-size:1.1rem;color:#000;background-color:#fff;border:solid 2px rgba(0,0,0,.5);border-radius:5px;box-shadow:5px 5px #0000004d;outline:none;transition:.3s}.input-create-group:focus{border-color:#7e61f3;box-shadow:0 0 5px #7e61f380}.btn-create-group{height:40px;font-family:Varela Round,sans-serif;font-size:1rem;font-weight:700;letter-spacing:2px;padding:0 5px;color:#fff;background-color:#008d00;border:none;border-radius:5px;box-shadow:5px 5px #0000004d;cursor:pointer;transition:.3s}.btn-create-group:hover{background-color:#006700}.organize-wrapper>#error-message{color:red;font-size:1.1rem;letter-spacing:1px}.create-event-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-top:70px;-webkit-user-select:none;user-select:none}.event-form-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:60px;width:100%;height:fit-content;gap:20px;overflow:hidden}.event-form-wrapper>h1{text-align:center;color:#fff}.event-form{position:relative;height:fit-content;width:100%;display:flex;flex-direction:column;align-items:center;gap:25px}.event-form>.input-group{position:relative;height:fit-content;width:fit-content;padding:20px;border-radius:5px;background-color:#fff;box-shadow:10px 10px #0000004d}.event-form>.input-group>label{position:absolute;top:10px;left:30px;padding:0 4px;font-size:.9rem;letter-spacing:1px;background-color:#fff;color:#000}.event-form>.input-group>.event-input{box-sizing:border-box;width:250px;height:40px;padding-left:10px;cursor:pointer;font-family:Varela Round,sans-serif;font-size:1.1rem;color:#000;background-color:#fff;border:solid 2px rgba(0,0,0,.5);border-radius:5px;box-shadow:5px 5px #0000004d;outline:none;transition:.3s}.event-form>.input-group>.event-input:focus{border-color:#7e61f3;box-shadow:0 0 5px #7e61f380}.btn-create-event{height:50px;width:290px;font-family:Varela Round,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:2px;color:#fff;margin-bottom:20px;background-color:#008d00;border:none;border-radius:5px;box-shadow:10px 10px #0000004d;cursor:pointer;transition:.3s}.btn-create-event:hover{background-color:#006700}#error-message{color:red;font-size:1.1rem;letter-spacing:1px}.event-dashboard-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-top:70px}.event-wrapper{position:relative;width:90%;height:fit-content;display:flex;flex-direction:column;align-items:center;padding:15px;margin-top:30px}.event-wrapper .info-card{position:relative;width:650px;height:fit-content;display:flex;flex-direction:column;align-items:center}.info-card>.header-wrapper{background-color:transparent;font-size:1.3rem;letter-spacing:2px;margin-bottom:30px}.event-card-wrapper{position:relative;height:fit-content;width:50%;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:10px;gap:5px;background-color:#fff;box-shadow:10px 10px #0000004d}.event-card-wrapper .status-wrapper{font-size:1.3rem;font-weight:700;letter-spacing:2px;margin-bottom:10px}.status-open{color:#0acc00}.status-closed{color:#c50000}.qr-wrapper{position:relative;margin-bottom:10px}.code-text{font-size:2rem;letter-spacing:10px;margin-bottom:10px}.date-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.date-row{letter-spacing:1px;font-size:1.1rem}.attendees-section{position:relative;width:100%;margin-top:50px;display:flex;flex-direction:column;align-items:center}.attendees-section>h1{color:#fff;letter-spacing:2px;margin-bottom:30px}.attendees-list{position:relative;height:fit-content;width:90%;display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.attendee-wrapper{position:relative;width:100%;height:40px;display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#fff;border-radius:5px;box-shadow:10px 10px #0000004d}.attendee-wrapper span{flex:1;flex-basis:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendee-wrapper span:nth-child(3){text-align:end}.attendee-wrapper span:nth-child(2){flex:2}.no-data-text{color:#fff;font-size:1.3rem;font-weight:700}@media(max-width:600px){.attendee-wrapper{height:auto;flex-direction:column;align-items:flex-start;gap:8px;padding:15px}.attendee-wrapper span,.attendee-wrapper span:nth-child(2),.attendee-wrapper span:nth-child(3){width:100%;flex:none;text-align:left;white-space:normal;overflow:visible}.attendees-section>h1{font-size:1.6rem}}.menu-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-top:70px}.yourGroups-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:30px;width:90%;height:fit-content;gap:20px;text-align:center;color:#fff}.group-wrapper{position:relative;width:100%;height:fit-content;display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.accordion-item{position:relative;width:100%;height:100%;background:#fff;color:#000;border-radius:5px;overflow:hidden;box-shadow:5px 5px #0000004d;text-align:left;transition:.3s}.accordion-header{padding:15px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid transparent;transition:.3s}.accordion-header:hover,.accordion-item.active .accordion-header{background-color:#e9e2ff}.accordion-item.active .accordion-header{border-bottom:1px solid #cebbff}.accordion-header h3{margin:0;font-size:1.2rem;color:#000;font-weight:600}.accordion-header span{font-size:1.5rem;font-weight:700;color:#199a05;min-width:20px;text-align:center}.accordion-content{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:20px;background-color:#fff}.content-actions{position:relative;width:100%;height:fit-content;display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:2px solid rgb(233,226,255)}.content-actions h4{color:#000;font-size:1.1rem}.csv-btn.group-csv{background-color:#199a05;color:#fff;border:none;padding:6px 12px;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:500;transition:.3s}.csv-btn.group-csv:hover{background-color:#126804}.event-wrapper{position:relative;width:100%;height:fit-content;padding:0;display:flex;flex-direction:column;align-items:center}.events-list{display:flex;flex-direction:column;align-items:center;width:100%;flex-wrap:wrap;height:fit-content;border-radius:5px;gap:10px}.event-item{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;align-items:center;padding:10px;border-radius:5px;border:2px solid rgb(25,154,5);box-shadow:5px 5px #0000004d}.event-name{font-weight:600;color:#000;font-size:1rem}.event-actions{width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;gap:10px}.icon-btn,.details-btn{color:#fff;border:none;border-radius:5px;cursor:pointer;transition:.3s}.icon-btn{background-color:#6c757d;padding:6px 10px;font-size:.8rem}.icon-btn:hover{background-color:#5a6268}.details-btn{background-color:#007bff;padding:6px 12px;font-size:.85rem}.details-btn:hover{background-color:#0056b3}.btn-delete{margin-top:20px;width:100%;padding:10px;background-color:#ff2323;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .2s}.btn-delete:hover{background-color:#9e0a19}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 15px #0000004d;text-align:center;max-width:400px;width:90%;animation:fadeIn .2s ease-out}.modal-box h3{margin-top:0;color:#333;font-size:1.5rem}.modal-box p{color:#666;margin-bottom:25px}.modal-buttons{display:flex;justify-content:center;gap:15px}.modal-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:transform .1s,background-color .2s}.modal-btn:active{transform:scale(.98)}.modal-btn.cancel{background-color:#e0e0e0;color:#333}.modal-btn.cancel:hover{background-color:#d0d0d0}.modal-btn.confirm{background-color:#ff4d4d;color:#fff}.modal-btn.confirm:hover{background-color:#e60000}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}