#root{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;width:100%;height:100vh}.shadowBox{background-color:var(--shadowBoxColor);position:fixed;top:0;left:0;width:100%;height:100%;min-height:100vh}.popup{background-color:var(--popup-background-color);color:#f2f1ee;font-family:Inter,sans-serif;display:flex;flex-direction:column;align-items:center;gap:18px;height:fit-content;max-height:calc(90% - 6rem);min-width:350px;padding:28px 26px;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 48px #0009;border-radius:20px;overflow:scroll;position:absolute;top:5rem;right:2rem}.popup>*{width:100%}.popup h2{font-family:Space Grotesk,Inter,sans-serif;font-size:20px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.input-group{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;width:100%}.manager{display:flex;flex-direction:column;gap:8px;padding:0;margin:0;list-style:none;max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;width:100%}.manager::-webkit-scrollbar{width:4px}.manager::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}.manager li{display:flex;align-items:center;gap:12px;background:var(--card-background-color);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:11px 13px;transition:background .15s ease,border-color .15s ease}.manager li:hover{background:#202027;border-color:#ffffff1f}.error{color:#e92121;text-align:center}.close-button{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.notification-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:9999}.notification-popup{padding:.75rem 1rem;border-radius:.5rem;color:#fff;animation:slideDown .3s ease}.notification-popup.info{background:#3b82f6}.notification-popup.success{background:#0e8b3c}.notification-popup.error{background:#ab2222}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 450px){.popup{box-sizing:border-box;width:92%;top:1rem;left:50%;transform:translate(-50%)}}.modal-overlay{background-color:#00000023;width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center}.toolbar{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;position:absolute;top:20px;right:20px;z-index:130;opacity:1;transition:opacity 1s ease-in-out}.toolbar.hidden{opacity:0}.toolbar button{background:var(--popup-background-color);border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 20px #0006;border-radius:8px;color:var(--text-color);font-family:Inter,sans-serif;transition:background .15s ease,border-color .15s ease,color .15s ease;z-index:140}.toolbar button:hover{background:var(--popup-hover-background-color);border-color:#fff3}.mobile-toggle{position:absolute;top:16px;right:16px;z-index:200;width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px}.close-mobile{background:transparent!important;border-color:transparent!important;padding:6px!important;align-self:flex-end}.close-mobile img{width:18px;filter:brightness(0) invert(1) opacity(.5)}.close-mobile:hover img{opacity:1}@media screen and (max-width: 450px){.toolbar{background:#131318;border:1px solid rgba(255,255,255,.08);border-radius:0 0 16px 16px;flex-direction:column;flex-wrap:nowrap;box-sizing:border-box;width:100%;max-height:0;overflow:hidden;right:0;top:0;padding:0;transition:max-height .4s ease,padding .4s ease}.toolbar.open{max-height:100dvh;padding:16px;gap:8px}.toolbar button{width:100%;justify-content:center}}.create-event-popup>*,.create-event-popup input{width:100%}.create-event-popup h2{margin:0}.create-event-popup header{display:flex;flex-direction:column;gap:1px}.create-event-popup label{color:var(--light-text-color)}.dropzone{border:1.5px dashed rgba(255,255,255,.2);border-radius:14px;padding:28px 16px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease;background:var(--card-background-color);display:flex;flex-direction:column;align-items:center;gap:6px;box-sizing:border-box;width:100%}.dropzone:hover{border-color:var(--button-color);background:var(--background-color)}.dropzone.drag-over{border-color:var(--button-color);background:var(--card-background-color)}.dropzone:before{content:"";display:block;width:40px;height:40px;border-radius:50%;background:var(--background-color);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23fff'%3e%3cpath%20d='M480-480ZM200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h320v80H200v560h560v-320h80v320q0%2033-23.5%2056.5T760-120H200Zm40-160h480L570-480%20450-320l-90-120-120%20160Zm440-320v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;margin-bottom:4px}.dropzone-text{font-size:13px;font-weight:500;color:#f2f1ee}.dropzone-sub{font-size:11px;color:#5f5e68}.dropzone.has-file:before{display:none}.dropzone-preview{display:none;max-height:110px;border-radius:8px;margin-top:8px;object-fit:cover}.dropzone.has-file .dropzone-preview{display:block}#poster-image-upload{display:none}.create-event-popup .input-group{flex-direction:column;align-items:flex-start;gap:.5rem}.create-event-popup .upload-as{display:flex;gap:0rem;align-items:flex-start;flex-direction:column}.create-event-popup .upload-as p{margin:0}.create-event-popup input[type=radio]{aspect-ratio:1/1;width:1rem;border-radius:0;accent-color:green}.create-event-popup .commitees{margin-left:2rem}.create-event-popup .radio-group{gap:.5rem}.create-event-popup .open-upload-as-option{color:var(--light-text-color);display:flex;gap:.5rem;justify-content:center;cursor:pointer}.create-event-popup .open-upload-as-option p{font-style:italic;margin:0}.create-event-popup .upload-button{width:100%;border:none;background-color:#09cdda;color:#0b0b0b}.gallerySettings hr{border:none;border-top:1px solid rgba(255,255,255,.06);margin:6px 0}.gallerySettings .fullscreen-button{position:absolute;top:22px;right:22px;width:34px;height:34px;padding:0;background:#1a1a21;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.gallerySettings .fullscreen-button:hover{background:#202027}.gallerySettings .fullscreen-button img{width:16px;height:16px;filter:brightness(0) invert(1) opacity(.6)}.gallerySettings .input-group{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.gallerySettings .input-group:last-of-type{border-bottom:none}.gallerySettings .input-group label{font-size:14px;color:#c8c7d0}.gallerySettings input[type=number]{width:72px;background:#1a1a21;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 10px;color:#f2f1ee;font-family:IBM Plex Mono,monospace;font-size:14px;text-align:center;outline:none}.gallerySettings input[type=number]:focus{border-color:#09cdda}.gallerySettings input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:22px;border-radius:999px;background:#202027;border:1px solid rgba(255,255,255,.12);position:relative;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s}.gallerySettings input[type=checkbox]:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#5f5e68;top:2px;left:2px;transition:left .15s,background .15s}.gallerySettings input[type=checkbox]:checked{background:#ffb64826;border-color:#09cdda}.gallerySettings input[type=checkbox]:checked:after{left:18px;background:#09cdda}.account-popup>p{text-align:center;line-height:1.6}.account-popup>button{padding:12px;background:transparent;color:#e24b4a;border:1px solid rgba(226,75,74,.35);border-radius:8px;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.account-popup>button:hover{background:#e24b4a14;border-color:#e24b4a99}.account-popup>button:active{transform:scale(.99)}.event-poster-popup{object-fit:contain;max-width:90%;max-height:80%;border-radius:14px!important}.event-manager .event-image{width:44px;height:44px;object-fit:cover;border-radius:8px;flex-shrink:0;cursor:pointer;transition:opacity .15s ease;background:var(--background-color)}.event-manager .event-image:hover{opacity:.8}.event-manager li>div:not(.action-buttons){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.event-manager li>div:not(.action-buttons) p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-manager li>div:not(.action-buttons) p:nth-child(1){font-size:17px;font-weight:500;color:var(--text-color)}.event-manager li>div:not(.action-buttons) p:nth-child(2){font-size:15px;font-family:IBM Plex Mono,monospace;color:#8d8c98}.event-manager li>div:not(.action-buttons) p:nth-child(3){font-size:13px;color:#9c9ba6}.event-manager .action-buttons{display:flex;align-items:center;gap:4px;flex-shrink:0}.event-manager .action-buttons button{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease;padding:0}.event-manager .action-buttons button:hover{background:#ffffff12}.event-manager .action-buttons button:first-child img{filter:brightness(0) invert(1) opacity(.3);transition:filter .12s ease;width:16px;height:16px}.event-manager .action-buttons button:first-child:hover img{filter:brightness(0) invert(1) opacity(.8)}.event-manager .action-buttons button.is-visible img{filter:invert(75%) sepia(60%) saturate(500%) hue-rotate(1deg) brightness(105%);opacity:1}.event-manager .action-buttons button.delete-btn img{filter:brightness(0) invert(1) opacity(.3);width:16px;height:16px;transition:filter .12s ease}.event-manager .action-buttons button.delete-btn:hover{background:#e24b4a1a}.event-manager .action-buttons button.delete-btn:hover img{filter:invert(35%) sepia(80%) saturate(700%) hue-rotate(330deg) brightness(100%);opacity:1}.gallery{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;position:relative;width:100%;height:10rem}.poster-display{width:100%;height:5rem;display:flex;justify-content:center;align-items:center;flex-direction:column;flex:1}.poster-display img{object-fit:contain;max-width:65%;max-height:100%;border-radius:.4rem;flex:1}.event-title{margin:3rem 1rem 1rem}.sidebar{top:1rem;left:1rem;min-width:10rem;max-width:13rem}.sidebar h2{margin-top:0}.sidebar ul{display:flex;flex-direction:column;gap:1rem;list-style-type:none;width:100%;padding:0;margin:0}.sidebar li{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:0rem}.sidebar li p{margin:0}.sidebar .event-name{max-width:12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 450px){.sidebar{left:50%}}.hubben-rattan-container{position:absolute;bottom:2rem;left:2rem}.hubben-rattan-container .speech-bubble{position:absolute;background-color:#ebebeb;color:#000;border:1px solid #000000;padding:.3rem 1rem;border-radius:1rem;width:max-content;max-width:22rem;top:-4rem;left:4rem}.admin-page{margin-top:2rem;flex:1}.admin-page>h1,.admin-page>h2{text-align:center}.admin-page .admin-panel{display:flex;flex-direction:row;flex-wrap:wrap;gap:3rem}.admin-page .searchbar{width:100%}.admin-page .manager{min-height:20rem;margin-top:1rem}.not-allowed-to-view-text{margin-top:40vh;max-width:40ch;text-align:center}@media screen and (max-width: 600px){.admin-page .admin-panel{flex-direction:column;gap:1rem}}.user-manager li{display:flex;align-items:center;gap:12px;background:#1a1a21;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:11px 13px;transition:background .15s ease,border-color .15s ease}.user-manager li:hover{background:#202027;border-color:#ffffff1f}.user-manager .user-image{width:36px;height:36px;border-radius:50%;flex-shrink:0;filter:brightness(0) invert(1) opacity(.4)}.user-manager li>div:not(.action-buttons){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-manager li>div:not(.action-buttons) p{margin:0}.user-manager li>div:not(.action-buttons) p:nth-child(1){font-size:15px;font-weight:500;color:#f2f1ee}.user-manager li>div:not(.action-buttons) p:nth-child(2){font-size:13px;color:#9c9ba6}.user-manager .action-buttons button{width:34px;height:34px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease;padding:0}.user-manager .action-buttons button:hover{background:#ffffff12}.user-manager .action-buttons button img{width:18px;height:18px;filter:brightness(0) invert(1) opacity(.35);transition:filter .12s ease}.user-manager .action-buttons button:hover img{filter:brightness(0) invert(1) opacity(.9)}.user-manager li.is-blocked .action-buttons button img{filter:invert(35%) sepia(80%) saturate(700%) hue-rotate(330deg) brightness(100%)}.elevator-music{position:absolute;top:1rem;left:1rem}@media screen and (max-width: 600px){.elevator-music{top:8rem;left:unset}}.page-footer{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-top:auto}.page-footer img{height:1.1rem}.page-footer a{color:#09cdda;text-decoration:none}:root{--background-color: #2a2a2a;--popup-background-color: #313132;--popup-hover-background-color: #202027f2;--border-color: #fff;--text-color: #fff;--light-text-color: #c6c3c3;--button-color: var(--card-background-color);--card-background-color: #3d3d3e;background-color:var(--background-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{color:var(--text-color);font-size:16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;margin:0}h1{font-size:2.8em;line-height:1.1}button{background-color:var(--button-color);color:var(--text-color);font-size:1rem;font-family:Roboto;padding:9px 16px;border-radius:.5rem;border:var(--border-color) .1rem solid;outline:none}button:hover{cursor:pointer}ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:0}ul>li{display:flex;flex-direction:row;align-items:center;gap:1rem}hr{background-color:var(--border-color);width:100%;height:1px;border:none}input{background-color:inherit;color:var(--text-color);font-size:1rem;box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;border:var(--border-color) .1rem solid;outline:none}input[type=number]{width:5rem}input[type=checkbox]{aspect-ratio:1/1;height:1.3rem}input[type=radio],input[type=checkbox],input[type=date],input[type=file]{cursor:pointer}