@charset "UTF-8";html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html,body{height:100%;overflow-x:hidden;background-color:#eee!important}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}body.login-page{background-color:#eee!important;background-image:none}.mat-mdc-dialog-container .mdc-dialog__actions{padding:0!important;justify-content:flex-end!important}.mat-mdc-dialog-container .mdc-dialog__surface{border-radius:8px!important;max-height:80vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-dialog-content{max-height:calc(65vh - 120px)!important}.mat-mdc-dialog-container .mat-mdc-dialog-title{position:sticky!important;top:0!important;z-index:1!important;margin:0!important;padding:24px 24px 16px!important;flex-shrink:0!important}.mat-mdc-dialog-container .mat-mdc-dialog-content{overflow-y:auto!important;overflow-x:hidden!important;flex:1 1 auto!important;padding:16px 24px!important;margin:0!important;max-height:60vh!important}.mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar{width:8px!important;height:8px!important;display:block!important;background-color:#0000000d!important}.mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-thumb{background-color:#0000004d!important;border-radius:4px!important;min-height:40px!important}.mat-mdc-dialog-container .mat-mdc-dialog-actions{position:sticky!important;bottom:0!important;z-index:1!important;margin:8px 0 0!important;padding:8px 24px 24px!important;flex-shrink:0!important;background:none!important;border:none!important;box-shadow:none!important}.mat-mdc-dialog-actions,.dialog-actions{background:none!important;border:none!important;box-shadow:none!important;margin:16px 0 0!important;padding:8px 0 0!important}.cdk-overlay-pane{margin:0 auto!important;max-height:90vh!important}.cdk-global-overlay-wrapper{display:flex!important;justify-content:center!important;align-items:center!important}.centered-dialog .mat-mdc-dialog-container{display:flex!important;flex-direction:column!important;justify-content:center!important}.centered-dialog .mat-mdc-dialog-container .mdc-dialog__container{height:auto!important}.mat-mdc-snack-bar-container{opacity:1!important}@media screen and (max-width: 768px){.event-list-container,.event-detail-container{padding:10px!important;width:100%!important;box-sizing:border-box!important;margin:0 auto!important}.event-grid{grid-template-columns:1fr!important;padding:0!important;width:100%!important;box-sizing:border-box!important}mat-card,.event-card{margin:0 0 16px!important;width:100%!important;box-sizing:border-box!important}.mat-mdc-dialog-container .mdc-dialog__surface{max-height:85vh!important;border-radius:8px!important;margin:8px!important;width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important}.mat-mdc-dialog-container .mat-mdc-dialog-content{max-height:65vh!important;padding:16px!important}.mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar{width:4px!important;display:block!important;background-color:#0000000d!important}.mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-thumb{background-color:#0000004d!important;border-radius:4px!important;min-height:40px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title{padding:16px 16px 12px!important;font-size:1.1rem!important}.mat-mdc-dialog-container .mat-mdc-dialog-actions{padding:8px 16px 16px!important}.event-info{flex-direction:column!important}.event-info .info-item{margin-bottom:8px!important}.mat-mdc-table{overflow-x:auto!important;display:block!important}.mat-mdc-table .mat-mdc-cell{min-width:80px!important}.event-actions,.action-buttons{flex-direction:column!important}.event-actions button,.action-buttons button{margin:5px 0!important;width:100%!important}.page-header{flex-direction:column!important;align-items:flex-start!important}.page-header h1{margin-bottom:10px!important}.participants-grid{grid-template-columns:1fr!important;width:100%!important}.participant-card{width:100%!important;box-sizing:border-box!important;margin:0 0 10px!important;padding:16px!important}.drinks-grid{grid-template-columns:1fr!important;width:100%!important}}@media screen and (max-width: 480px){mat-card-content{padding:8px!important}.participant-card,.drink-card,mat-card{border-radius:8px!important;margin-left:0!important;margin-right:0!important;width:100%!important;box-sizing:border-box!important}.event-detail-container,.event-list-container{padding:8px!important;box-sizing:border-box!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}.event-info{gap:4px!important}}@media screen and (max-width: 360px){.mat-mdc-snack-bar-container .mdc-snackbar__surface{min-width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;padding:6px 12px!important}.mat-mdc-snack-bar-label{font-size:13px!important}.mat-mdc-snack-bar-action{font-size:13px!important;margin-left:4px!important}.event-detail-container,.event-list-container{padding:4px!important;max-width:352px!important;margin-left:auto!important;margin-right:auto!important}.event-card{width:100%!important;max-width:344px!important;margin-left:auto!important;margin-right:auto!important;border-radius:8px!important}.participant-card{padding:12px!important}.event-header mat-card-title{font-size:1.1rem!important}.participant-name{font-size:1rem!important}.mat-mdc-dialog-container .mdc-dialog__surface{margin:4px!important;width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important}.mat-mdc-dialog-container .mat-mdc-dialog-content{padding:12px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title{padding:12px 12px 8px!important;font-size:1rem!important}.mat-mdc-dialog-container .mat-mdc-dialog-actions{padding:4px 12px 12px!important}}.mat-mdc-snack-bar-container{--mdc-snackbar-supporting-text-color: white;--mat-snack-bar-button-color: var(--primary-color);opacity:1!important;margin:0!important;padding:0!important}.mat-mdc-snack-bar-container .mdc-snackbar__surface{border-radius:4px!important;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b!important;opacity:1!important;display:flex!important;align-items:center!important;min-height:48px!important;padding:6px 16px!important;background-color:#323232!important;box-sizing:border-box!important}.mat-mdc-snack-bar-action{font-size:14px!important;font-weight:500!important;text-transform:uppercase!important;margin-left:8px!important;padding:0 8px!important;min-width:0!important;height:36px!important;border-radius:4px!important}.success-snackbar{--mdc-snackbar-container-color: #323232 !important;--mdc-snackbar-supporting-text-color: white !important;--mat-snack-bar-button-color: var(--primary-color) !important}.error-snackbar{--mdc-snackbar-container-color: rgba(211, 47, 47, .95) !important;--mdc-snackbar-supporting-text-color: white !important;--mat-snack-bar-button-color: white !important}.warning-snackbar{--mdc-snackbar-container-color: rgba(245, 124, 0, .95) !important;--mdc-snackbar-supporting-text-color: white !important;--mat-snack-bar-button-color: white !important}.info-snackbar{--mdc-snackbar-container-color: rgba(25, 118, 210, .95) !important;--mdc-snackbar-supporting-text-color: white !important;--mat-snack-bar-button-color: white !important}@media screen and (min-width: 769px){.mat-mdc-snack-bar-container{position:fixed!important;inset:auto 24px 24px auto!important;max-width:400px!important}}@media screen and (max-width: 768px){.mat-mdc-snack-bar-container{position:fixed!important;inset:auto 0 0!important;width:100%!important;padding:0!important;margin:0!important}.mat-mdc-snack-bar-container .mdc-snackbar__surface{width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important;min-height:48px!important;border-radius:0!important;box-shadow:0 -2px 4px #0000001a!important}.mobile-snackbar{width:100%!important}.mobile-snackbar .mat-mdc-snack-bar-label{font-size:14px!important;padding:0 16px!important}.mobile-snackbar-top{bottom:0!important;width:100%!important}.mobile-snackbar-top .mdc-snackbar__surface{border-radius:0!important;box-shadow:0 -2px 4px #0000001a!important;width:100%!important;max-width:100%!important}}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.05)}.create-event-dialog .mat-mdc-dialog-container .mdc-dialog__surface,.invite-participant-dialog .mat-mdc-dialog-container .mdc-dialog__surface,.join-event-dialog .mat-mdc-dialog-container .mdc-dialog__surface,.drink-dialog .mat-mdc-dialog-container .mdc-dialog__surface,.confirm-dialog .mat-mdc-dialog-container .mdc-dialog__surface,.edit-event-dialog .mat-mdc-dialog-container .mdc-dialog__surface{display:flex!important;flex-direction:column!important;overflow:hidden!important}.create-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-title,.invite-participant-dialog .mat-mdc-dialog-container .mat-mdc-dialog-title,.join-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-title,.drink-dialog .mat-mdc-dialog-container .mat-mdc-dialog-title,.confirm-dialog .mat-mdc-dialog-container .mat-mdc-dialog-title,.edit-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-title{position:sticky!important;top:0!important;z-index:1!important;background-color:#fff!important}.create-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content,.invite-participant-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content,.join-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content,.drink-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content,.confirm-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content,.edit-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content{overflow-y:auto!important;overflow-x:hidden!important;flex:1 1 auto!important;padding:16px!important;max-height:60vh!important;scrollbar-width:thin!important;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.05)!important}.create-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar,.invite-participant-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar,.join-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar,.drink-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar,.confirm-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar,.edit-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar{width:8px!important;height:8px!important;display:block!important;background-color:#0000000d!important}.create-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-thumb,.invite-participant-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-thumb,.join-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-thumb,.drink-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-thumb,.confirm-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-thumb,.edit-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-thumb{background-color:#0000004d!important;border-radius:4px!important;min-height:40px!important}.create-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-actions,.invite-participant-dialog .mat-mdc-dialog-container .mat-mdc-dialog-actions,.join-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-actions,.drink-dialog .mat-mdc-dialog-container .mat-mdc-dialog-actions,.confirm-dialog .mat-mdc-dialog-container .mat-mdc-dialog-actions,.edit-event-dialog .mat-mdc-dialog-container .mat-mdc-dialog-actions{position:sticky!important;bottom:0!important;z-index:1!important}.cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f!important;transition:box-shadow .28s cubic-bezier(.4,0,.2,1)!important}.cdk-overlay-dark-backdrop{background:#0009!important}.mat-mdc-simple-snack-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:100%!important}[matsnackbarlabel]{display:flex!important;align-items:center!important;height:100%!important;margin:0!important}[matsnackbaractions]{display:flex!important;align-items:center!important;height:100%!important}.mdc-snackbar__label{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;height:100%!important}.mdc-snackbar__actions{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;height:100%!important}simple-snack-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:100%!important;box-sizing:border-box!important}.mat-mdc-snack-bar-container simple-snack-bar>div{display:flex!important;align-items:center!important}.mat-mdc-snack-bar-container .mat-mdc-snack-bar-label{font-size:14px!important;line-height:1.2!important;padding:0!important}.full-width-dialog .mat-mdc-dialog-surface{width:100%!important}.full-width-dialog .mat-mdc-dialog-container{padding:0!important}.reaction-details-dialog .mat-mdc-dialog-container{border-radius:12px!important;overflow:hidden}.reaction-details-dialog .reaction-item .user-info{max-width:calc(100% - 80px)}.reaction-details-dialog .reaction-item .user-info .user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.mat-warn{--mdc-protected-button-container-color: #f44336 !important;--mdc-protected-button-label-text-color: white !important}