body{margin:0;padding:0;background-color:#000;color:#fff;justify-content:center}.login-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));justify-content:center;gap:2rem;padding:2rem;place-items:center}.login-box{background-color:#1a1919;padding:1.25rem;border-radius:.75rem;margin:0rem;box-shadow:0 .25rem .75rem #0000004d;min-height:35rem;max-width:20rem;width:100%;text-align:center;box-sizing:border-box}.login-box .login-content{display:flex;flex-direction:column;gap:1rem;min-height:32rem}.login-box.user{border:.125rem solid orange}.login-box.staff{border:.125rem solid purple}.login-title{font-size:1.5rem;font-weight:600;margin-bottom:.9rem;color:#f5f5f5;transition:color .3s ease}.login-form{display:flex;flex-direction:column;gap:1rem}.login-label{font-weight:500;margin-top:.25rem;margin-bottom:.25rem;color:#f5f5f5;transition:color .3s ease}.login-input{padding:.625rem;border-radius:.375rem;border:.0625rem solid #555;background-color:#000!important;color:#fff!important;font-size:.875rem;transition:border-color .3s ease,box-shadow .3s ease}.login-input:focus{outline:none;border-color:#000;box-shadow:0 0 .25rem #ffa50080}.login-box.user .login-input{border-color:orange}.login-box.staff .login-input{border-color:purple}.login-box.user .login-input:focus{box-shadow:0 0 .25rem #a52a2a80}.login-box.staff .login-input:focus{box-shadow:0 0 .25rem #a52a2a80}.login-button{padding:.625rem;border-radius:.375rem;border:.0625rem solid #555;background-color:#000;color:#fff;font-size:.875rem;transition:border-color .3s ease,box-shadow .3s ease;cursor:pointer}.login-box.user .login-button{border-color:orange}.login-box.staff .login-button{border-color:purple}.login-box.user .login-button:focus{box-shadow:0 0 .25rem #a52a2a80}.login-box.staff .login-button:focus{box-shadow:0 0 .25rem #a52a2a80}.login-button.google-login{border-color:red}.login-loading{color:green}.login-error{color:red}.platform-message{font-family:Chromium One,sans-serif;font-size:2.5rem;color:#f5f4f7;text-shadow:.0625rem .0625rem 0 #8f07dd,.125rem .125rem .1875rem rgba(130,14,184,.2);letter-spacing:.05em;text-align:center;justify-content:center}.event-card{border:1px solid #ddd;border-radius:8px;padding:1.5rem;box-shadow:0 2px 5px #0000001a;background-color:#c1111f;display:flex;flex-direction:column;text-align:left}.event-card img{max-width:100%;height:auto;border-radius:6px;margin-bottom:1rem}.event-card h3{margin-bottom:.5rem}.event-card p{margin:.3rem 0;color:#faf9f9;font-size:.9rem}.event-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-3px);transition:all .3s ease}.staff-title{font-family:Chromium One,sans-serif;font-size:2.5rem;color:#f5f4f7;text-shadow:.0625rem .0625rem 0 #8f07dd,.125rem .125rem .1875rem rgba(130,14,184,.2);letter-spacing:.05em;text-align:center;justify-content:center}.staff-loading{color:green}.staff-errors{color:red}.staff-dashboard-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.staff-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));justify-content:center;align-items:start;gap:2rem;width:100%;max-width:60rem;padding:1rem;box-sizing:border-box}.staff-button{padding:.625rem;margin:1rem;border-radius:.375rem;border:.0625rem solid #09b917;background-color:#000;color:#fff;font-size:.875rem;transition:border-color .3s ease,box-shadow .3s ease;cursor:pointer}.footer-button{padding:.625rem;border-radius:.375rem;border:.0625rem solid #0df1cb;background-color:#000;color:#fff;font-size:.875rem;transition:border-color .3s ease,box-shadow .3s ease;cursor:pointer}.user-navbar{padding:.625rem;border-radius:.375rem;border:.0625rem solid #555;background-color:#000;color:#fff;font-size:.875rem;transition:border-color .3s ease,box-shadow .3s ease;border-color:orange;cursor:pointer}.user-navbar-loading{color:#fff}.user-navbar-delete{color:red}.staff-navbar{padding:.625rem;border-radius:.375rem;border:.0625rem solid #555;background-color:#000;color:#fff;font-size:.875rem;transition:border-color .3s ease,box-shadow .3s ease;border-color:purple;cursor:pointer}.staff-navbar-loading{color:#fff}.staff-navbar-delete{color:red}.create-event-section{display:flex;flex-direction:column;align-items:center;padding:2rem;min-height:100vh;box-sizing:border-box}.create-event-title{font-family:Chromium One,sans-serif;font-size:2.5rem;color:#f5f4f7;text-shadow:.0625rem .0625rem 0 #8f07dd,.125rem .125rem .1875rem rgba(130,14,184,.2);letter-spacing:.05em;text-align:center;justify-content:center}.create-event-loading{color:#f5f5f5}.create-event-form{display:flex;flex-direction:column;gap:1rem;padding:2rem;background-color:#1a1919;border-radius:.75rem;border:.0625rem solid purple;width:100%;max-width:40rem;box-shadow:0 .25rem .75rem #0000004d}.create-event-label{font-weight:500;color:#f5f5f5;margin-bottom:.25rem}.create-event-input{padding:.625rem;border-radius:.375rem;border:.0625rem solid purple;background-color:#000;color:#fff;font-size:1rem;width:100%;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.create-event-input:focus{outline:none;border-color:purple;box-shadow:0 0 .25rem #ffa50080}.create-event-button{padding:.75rem;border-radius:.375rem;border:.0625rem solid purple;background-color:#000;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600}.create-event-error{color:red;text-align:center}.create-event-form-error{color:red}.create-event-message{color:#fff;text-align:center}.events-message{font-family:Chromium One,sans-serif;font-size:2.5rem;color:#f5f4f7;text-shadow:.0625rem .0625rem 0 #8f07dd,.125rem .125rem .1875rem rgba(130,14,184,.2);letter-spacing:.05em;text-align:center;justify-content:center}.events-loading{color:green}.events-errors{color:red}.events-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.events-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));justify-content:center;align-items:start;gap:2rem;width:100%;max-width:60rem;padding:1rem;box-sizing:border-box}.event-page-section{display:flex;flex-direction:column;gap:2rem;padding:2rem;align-items:center;box-sizing:border-box;min-height:100vh}.event-card{width:50%}.signup-card{background-color:#1a1919;padding:2rem;border-radius:.75rem;border:.0625rem solid orange;box-shadow:0 .25rem .75rem #0000004d;gap:1rem;color:#f5f5f5;width:50%}.signup-form{display:flex;flex-direction:column;gap:1rem}.signup-input{padding:.75rem;border-radius:.375rem;border:.0625rem solid orange;background-color:#000;color:#fff;width:100%;box-sizing:border-box}.signup-input:focus{outline:none;border-color:orange;box-shadow:0 0 .25rem #ffa50080}.signup-button{padding:.75rem;border-radius:.375rem;border:.0625rem solid orange;background-color:#000;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-url-button{padding:.75rem;border-radius:.375rem;border:.0625rem solid rgb(6,147,241);background-color:#000;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.google-connect-button,.google-add-button{padding:.75rem;border-radius:.375rem;border:.0625rem solid red;background-color:#000;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.signups-list{list-style:none;padding:0;margin:0}.signup-name{padding:.5rem 0;border-bottom:.0625rem solid orange}.event-page-title{font-family:Chromium One,sans-serif;font-size:2.5rem;color:#f5f4f7;text-shadow:.0625rem .0625rem 0 #8f07dd,.125rem .125rem .1875rem rgba(130,14,184,.2);letter-spacing:.05em;text-align:center;justify-content:center}.staff-event-details-section{display:flex;flex-direction:column;gap:2rem;padding:2rem;align-items:center;box-sizing:border-box;min-height:100vh}.staff-event-title{font-family:Chromium One,sans-serif;font-size:2.5rem;color:#f5f4f7;text-shadow:.0625rem .0625rem 0 #8f07dd,.125rem .125rem .1875rem rgba(130,14,184,.2);letter-spacing:.05em;text-align:center;justify-content:center}.edit-event-form{display:flex;flex-direction:column;gap:1rem;width:60%;padding:2rem;background-color:#1a1919;border-radius:.75rem;border:.0625rem solid purple;box-shadow:0 .25rem .75rem #0000004d;box-sizing:border-box;color:#f5f5f5;margin-bottom:2rem}.edit-event-label{font-weight:600;margin-bottom:.25rem}.edit-event-input{padding:.75rem;border-radius:.375rem;border:.0625rem solid purple;background-color:#000;width:100%;box-sizing:border-box;color:#fff}.edit-event-input:focus{outline:none;border-color:purple;box-shadow:0 0 .25rem #ae78eb80}.not-found-message{color:#fff;text-align:center}.not-found-button{padding:.625rem;border-radius:.375rem;border:.0625rem solid rgb(250,250,252);background-color:#000;color:#fff;font-size:.875rem;transition:border-color .3s ease,box-shadow .3s ease;cursor:pointer}.payment-page-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;min-height:100vh;box-sizing:border-box}.payment-page-title{font-family:Chromium One,sans-serif;font-size:2.5rem;color:#f5f4f7;text-shadow:.0625rem .0625rem 0 #8f07dd,.125rem .125rem .1875rem rgba(130,14,184,.2);letter-spacing:.05em;text-align:center;justify-content:center}.payment-page-amount{font-size:1.5rem;margin-bottom:1rem;text-align:center}.payment-error{color:red;font-weight:600;text-align:center}.payment-message{color:green;font-weight:600;text-align:center}.payment-loading{color:#fff;font-weight:600;text-align:center}.payment-page-container{width:100%;max-width:500px;padding:2rem;background-color:#1a1919;border:.0625rem solid blue;border-radius:.075rem;box-shadow:0 .25 .75rem #0000004d rem;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;color:#fff}.payment-page-button{padding:.625rem;border-radius:.375rem;border:.0625rem solid blue;background-color:#000;color:#fff;font-size:.875rem;transition:border-color .3s ease,box-shadow .3s ease;cursor:pointer}.my-events-section{display:flex;flex-direction:column;gap:2rem;padding:2rem;align-items:center;min-height:100vh;box-sizing:border-box}.my-events-title{font-family:Chromium One,sans-serif;font-size:2.5rem;color:#f5f4f7;text-shadow:.0625rem .0625rem 0 #8f07dd,.125rem .125rem .1875rem rgba(130,14,184,.2);letter-spacing:.05em;text-align:center;justify-content:center}.my-events-loading{color:#fff;font-size:1.1rem;margin:1rem 0}.my-events-error{color:red;font-size:1.1rem;margin:1rem 0}.my-events-message{color:#fff;font-size:1.1rem;margin:1rem 0}.my-events-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;width:100%;max-width:60rem;box-sizing:border-box}.header{font-family:Chromium One,sans-serif;font-size:2.5rem;color:#f5f4f7;text-shadow:.0625rem .0625rem 0 #8f07dd,.125rem .125rem .1875rem rgba(130,14,184,.2);letter-spacing:.05em;text-align:center}