:root{--xh-breakpoint-sm: 576px;--xh-breakpoint-md: 768px;--xh-breakpoint-lg: 992px;--xh-breakpoint-xl: 1200px;--xh-breakpoint-xxl: 1400px;--xh-mobile-padding: 16px;--xh-mobile-gap: 12px;--xh-mobile-radius: 8px;--xh-touch-target-min: 44px;--xh-touch-target-comfortable: 48px}vaadin-button,vaadin-menu-bar-button,vaadin-side-nav-item::part(link),vaadin-tab,.touch-target{min-height: var(--xh-touch-target-min);min-width: var(--xh-touch-target-min)}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}@media (max-width: 768px){html{overflow-x: hidden !important;max-width: 100vw !important}body{overflow-x: hidden !important;max-width: 100vw !important;position: relative}vaadin-app-layout,vaadin-app-layout::part(content){overflow-x: hidden !important;max-width: 100vw !important}.mobile-schedule-view{overflow-x: hidden !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important;touch-action: pan-y !important;max-width: 100vw !important;width: 100% !important}.carousel-section{position: relative !important;overflow: hidden !important;touch-action: pan-y pan-x !important;max-width: 100% !important;height: auto !important;min-height: 280px !important;margin-bottom: 24px !important;transform: none !important;will-change: auto !important}}@media (max-width: 768px){vaadin-app-layout[has-bottom-nav]::part(navbar),vaadin-app-layout[bottom-nav]::part(navbar),vaadin-app-layout.mobile-2026-style::part(navbar),.main-layout-header-hidden{display: none !important;height: 0 !important;visibility: hidden !important}vaadin-app-layout[has-bottom-nav] vaadin-drawer-toggle,vaadin-app-layout[bottom-nav] vaadin-drawer-toggle,vaadin-app-layout.mobile-2026-style vaadin-drawer-toggle{display: none !important}vaadin-app-layout[has-bottom-nav]::part(drawer),vaadin-app-layout[bottom-nav]::part(drawer),vaadin-app-layout.mobile-2026-style::part(drawer){display: none !important}vaadin-app-layout[has-bottom-nav]::part(content),vaadin-app-layout[bottom-nav]::part(content),vaadin-app-layout.mobile-2026-style::part(content){padding-top: 0 !important;margin-top: 0 !important;top: 0 !important}vaadin-app-layout[has-bottom-nav] [slot="navbar"],vaadin-app-layout[bottom-nav] [slot="navbar"],vaadin-app-layout.mobile-2026-style [slot="navbar"]{display: none !important}}@media (max-width: 768px){vaadin-app-layout::part(drawer){width: 280px;max-width: 85vw}vaadin-app-layout[drawer-opened]::part(backdrop){background-color: rgba(0,0,0,0.5);backdrop-filter: blur(2px)}vaadin-side-nav-item::part(link){padding: var(--xh-space-md) var(--xh-space-lg);font-size: 1rem}vaadin-side-nav{padding-bottom: env(safe-area-inset-bottom,20px)}}@media (max-width: 768px){vaadin-text-field,vaadin-password-field,vaadin-text-area,vaadin-combo-box,vaadin-select,vaadin-date-picker,vaadin-time-picker,vaadin-email-field,vaadin-number-field,vaadin-integer-field{width: 100%}vaadin-text-field::part(input-field),vaadin-password-field::part(input-field),vaadin-email-field::part(input-field),vaadin-number-field::part(input-field),vaadin-integer-field::part(input-field){min-height: var(--xh-touch-target-comfortable);font-size: 16px}vaadin-form-layout{--vaadin-form-layout-column-spacing: var(--xh-space-md)}vaadin-form-layout[responsive-steps='[{"minWidth":"0","columns":1}]'] vaadin-form-item{--vaadin-form-item-row-spacing: var(--xh-space-sm)}}@media (max-width: 768px){.mobile-full-width,.button-row vaadin-button[theme~="primary"]{width: 100%}.button-row,.action-buttons{flex-direction: column;gap: var(--xh-space-sm)}.button-row>*,.action-buttons>*{width: 100%}vaadin-button{padding: var(--xh-space-md) var(--xh-space-lg)}}@media (max-width: 768px){vaadin-dialog-overlay::part(overlay){width: 100vw !important;max-width: 100vw !important;height: calc(100vh - 70px) !important;max-height: calc(100vh - 70px) !important;border-radius: 0 !important;margin: 0 !important;left: 0 !important}vaadin-dialog-overlay,vaadin-dialog-overlay.modern-dialog,vaadin-dialog-overlay[class*="modern-dialog"]{--vaadin-dialog-overlay-width: 100vw !important;left: 0 !important;right: 0 !important;margin: 0 !important}vaadin-dialog-overlay::part(content){padding: var(--xh-mobile-padding);padding-left: 0 !important;padding-right: 0 !important;padding-bottom: env(safe-area-inset-bottom,0px)}vaadin-dialog-overlay .modern-form,vaadin-dialog-overlay vaadin-vertical-layout,vaadin-dialog-overlay vaadin-form-layout{padding-left: var(--xh-mobile-padding) !important;padding-right: var(--xh-mobile-padding) !important;margin-left: 0 !important;margin-right: 0 !important;width: 100% !important;box-sizing: border-box !important}.dialog-header{position: sticky;top: 0;z-index: 10;background-color: var(--xh-white);padding: var(--xh-space-md);border-bottom: 1px solid var(--xh-neutral-200);margin: calc(-1 * var(--xh-mobile-padding));margin-bottom: var(--xh-space-md)}}.bottom-sheet-dialog vaadin-dialog-overlay::part(overlay){position: fixed;bottom: 0;left: 0;right: 0;top: auto !important;border-radius: var(--xh-radius-xl) var(--xh-radius-xl) 0 0 !important;max-height: 90vh;animation: slideUpSheet 0.3s ease-out}@keyframes slideUpSheet{from{transform: translateY(100%)}to{transform: translateY(0)}}@media (max-width: 768px){vaadin-grid{--vaadin-grid-cell-padding: var(--xh-space-sm)}vaadin-grid-column.hide-on-mobile,.hide-on-mobile{display: none !important}.table-container{overflow-x: auto}}@media (max-width: 768px){.card,.dashboard-card,.event-card,.stat-card{padding: var(--xh-mobile-padding);border-radius: var(--xh-mobile-radius)}.card-grid{grid-template-columns: 1fr !important;gap: var(--xh-mobile-gap)}.my-shift-card{flex-direction: column;align-items: stretch !important;padding: var(--xh-mobile-padding)}.my-shift-card>*{width: 100%}.event-card .image-container{height: 160px}}@media (max-width: 768px){h1{font-size: 1.75rem}h2{font-size: 1.5rem}h3{font-size: 1.25rem}h4{font-size: 1.125rem}h5{font-size: 1rem}h6{font-size: 0.875rem}h1,h2,h3{line-height: 1.2}p,span,div{word-wrap: break-word;overflow-wrap: break-word}}@media (min-width: 768px){:root{--xh-mobile-padding: 20px;--xh-mobile-gap: 16px}.card-grid{grid-template-columns: repeat(2,1fr)}vaadin-form-layout{--vaadin-form-layout-column-spacing: var(--xh-space-lg)}}@media (min-width: 992px){:root{--xh-mobile-padding: 24px;--xh-mobile-gap: 20px}.card-grid{grid-template-columns: repeat(3,1fr)}.button-row,.action-buttons{flex-direction: row}.button-row>*,.action-buttons>*{width: auto}}@media (min-width: 1200px){.card-grid.cols-4{grid-template-columns: repeat(4,1fr)}.container-lg{max-width: 1140px;margin-left: auto;margin-right: auto}}@media (max-width: 575px){.hide-xs{display: none !important}}@media (min-width: 576px) and (max-width: 768px){.hide-sm{display: none !important}}@media (min-width: 768px) and (max-width: 991px){.hide-md{display: none !important}}@media (min-width: 992px) and (max-width: 1199px){.hide-lg{display: none !important}}@media (min-width: 1200px){.hide-xl{display: none !important}}.show-xs,.show-sm,.show-md,.show-lg,.show-xl{display: none !important}@media (max-width: 575px){.show-xs{display: block !important}.show-xs-inline{display: inline !important}.show-xs-flex{display: flex !important}}@media (min-width: 576px) and (max-width: 768px){.show-sm{display: block !important}.show-sm-inline{display: inline !important}.show-sm-flex{display: flex !important}}@media (min-width: 768px) and (max-width: 991px){.show-md{display: block !important}.show-md-inline{display: inline !important}.show-md-flex{display: flex !important}}@media (min-width: 992px) and (max-width: 1199px){.show-lg{display: block !important}.show-lg-inline{display: inline !important}.show-lg-flex{display: flex !important}}@media (min-width: 1200px){.show-xl{display: block !important}.show-xl-inline{display: inline !important}.show-xl-flex{display: flex !important}}@media (max-width: 768px){.desktop-only{display: none !important}}@media (min-width: 768px){.mobile-only{display: none !important}}@media (max-width: 768px){.p-responsive{padding: var(--xh-space-md)}.px-responsive{padding-left: var(--xh-space-md);padding-right: var(--xh-space-md)}.py-responsive{padding-top: var(--xh-space-md);padding-bottom: var(--xh-space-md)}}@media (min-width: 768px){.p-responsive{padding: var(--xh-space-lg)}.px-responsive{padding-left: var(--xh-space-lg);padding-right: var(--xh-space-lg)}.py-responsive{padding-top: var(--xh-space-lg);padding-bottom: var(--xh-space-lg)}}@media (min-width: 992px){.p-responsive{padding: var(--xh-space-xl)}.px-responsive{padding-left: var(--xh-space-xl);padding-right: var(--xh-space-xl)}.py-responsive{padding-top: var(--xh-space-xl);padding-bottom: var(--xh-space-xl)}}@media (max-width: 768px){.m-responsive{margin: var(--xh-space-md)}.mx-responsive{margin-left: var(--xh-space-md);margin-right: var(--xh-space-md)}.my-responsive{margin-top: var(--xh-space-md);margin-bottom: var(--xh-space-md)}}@media (min-width: 768px){.m-responsive{margin: var(--xh-space-lg)}.mx-responsive{margin-left: var(--xh-space-lg);margin-right: var(--xh-space-lg)}.my-responsive{margin-top: var(--xh-space-lg);margin-bottom: var(--xh-space-lg)}}.flex-responsive{display: flex;flex-direction: column;gap: var(--xh-mobile-gap)}@media (min-width: 768px){.flex-responsive{flex-direction: row}.flex-responsive-reverse{flex-direction: row-reverse}}.gap-responsive{gap: var(--xh-mobile-gap)}@media (min-width: 768px){.gap-responsive{gap: var(--xh-space-lg)}}@media (min-width: 992px){.gap-responsive{gap: var(--xh-space-xl)}}@supports (padding: env(safe-area-inset-top)){.safe-area-top{padding-top: env(safe-area-inset-top)}.safe-area-bottom{padding-bottom: env(safe-area-inset-bottom)}.safe-area-left{padding-left: env(safe-area-inset-left)}.safe-area-right{padding-right: env(safe-area-inset-right)}.safe-area-all{padding-top: env(safe-area-inset-top);padding-right: env(safe-area-inset-right);padding-bottom: env(safe-area-inset-bottom);padding-left: env(safe-area-inset-left)}}@media (hover: none){.card:hover,.dashboard-card:hover,.event-card:hover,vaadin-button:hover{transform: none}}@media (hover: none){.card:active,.dashboard-card:active,.event-card:active{transform: scale(0.98);opacity: 0.9}vaadin-button:active{transform: scale(0.95)}}vaadin-button,.touch-target{touch-action: manipulation}.mobile-filter-sheet{position: fixed;bottom: 0;left: 0;right: 0;background: var(--xh-white);border-radius: var(--xh-radius-xl) var(--xh-radius-xl) 0 0;box-shadow: 0 -4px 20px rgba(0,0,0,0.15);padding: var(--xh-space-lg);padding-bottom: calc(var(--xh-space-lg) + env(safe-area-inset-bottom,0px));transform: translateY(100%);transition: transform 0.3s ease-out;z-index: var(--xh-z-modal)}.mobile-filter-sheet.open{transform: translateY(0)}.mobile-filter-sheet .sheet-handle{width: 40px;height: 4px;background: var(--xh-neutral-300);border-radius: var(--xh-radius-full);margin: 0 auto var(--xh-space-md)}.fab{position: fixed;bottom: calc(var(--xh-space-lg) + env(safe-area-inset-bottom,0px));right: var(--xh-space-lg);width: 56px;height: 56px;border: none;border-radius: var(--xh-radius-full);background: linear-gradient(135deg,var(--xh-primary) 0%,var(--xh-primary-dark) 100%);color: var(--xh-white);box-shadow: var(--xh-shadow-lg);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: var(--xh-z-fixed);transition: all var(--xh-transition-fast)}.fab:hover{transform: scale(1.1);box-shadow: var(--xh-shadow-xl)}.fab:active{transform: scale(0.95)}.pull-to-refresh-indicator{position: absolute;top: -50px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.2s ease}.pull-to-refresh-indicator.visible{opacity: 1}@media (max-width: 768px) and (orientation: landscape){.dialog-header{padding: 8px 12px}.card,.dashboard-card,.event-card{padding: 12px}.landscape-row{flex-direction: row}}@media print{vaadin-app-layout::part(drawer),vaadin-app-layout::part(navbar),.fab,.mobile-filter-sheet,vaadin-button[theme~="tertiary"]{display: none !important}body,html{background: white !important}vaadin-app-layout::part(content){margin: 0 !important;padding: 0 !important}}.desktop-filters{display: flex;flex-wrap: wrap;gap: var(--lumo-space-m);align-items: center;width: 100%}.mobile-filters{display: none}@media (max-width: 768px){.desktop-filters{display: none}.mobile-filters{display: flex;flex-direction: row;gap: var(--lumo-space-s);align-items: center;width: 100%}.mobile-filters vaadin-button{flex: 1;max-width: none}.mobile-filter-badge{position: absolute;top: -8px;right: -8px;background: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color);border-radius: 50%;min-width: 20px;height: 20px;font-size: var(--lumo-font-size-xs);font-weight: bold;display: flex;align-items: center;justify-content: center;padding: 0 4px}}.mobile-bottom-sheet-dialog{}@media (max-width: 768px){.mobile-bottom-sheet-dialog vaadin-dialog-overlay::part(overlay){position: fixed;bottom: 0;left: 0;right: 0;top: auto !important;border-radius: 16px 16px 0 0 !important;max-height: 90vh;max-width: 100vw !important;width: 100vw !important;margin: 0 !important}.mobile-bottom-sheet-dialog vaadin-dialog-overlay::part(content){padding: var(--lumo-space-m);padding-bottom: calc(var(--lumo-space-m) + env(safe-area-inset-bottom,0px));max-height: calc(90vh - 60px);overflow-y: auto}}.mobile-fullscreen-dialog{}@media (max-width: 768px){.mobile-fullscreen-dialog vaadin-dialog-overlay::part(overlay){width: 100vw !important;max-width: 100vw !important;height: 100vh !important;max-height: 100vh !important;border-radius: 0 !important;margin: 0 !important}}.my-shift-card{display: flex;flex-direction: row;align-items: center;gap: var(--lumo-space-m);padding: var(--lumo-space-m);position: relative}.my-shift-card-badge{position: absolute;top: var(--lumo-space-s);right: var(--lumo-space-s)}.my-shift-card-image{flex-shrink: 0;width: 80px;height: 80px;border-radius: var(--lumo-border-radius-m);overflow: hidden}.my-shift-card-image img{width: 100%;height: 100%;object-fit: cover}.my-shift-card-info{flex: 1;min-width: 0}.my-shift-card-meta{display: flex;flex-wrap: wrap;gap: var(--lumo-space-m);margin-top: var(--lumo-space-xs)}.my-shift-card-actions{display: flex;flex-direction: row;gap: var(--lumo-space-s);flex-shrink: 0}@media (max-width: 768px){.my-shift-card{flex-direction: column;align-items: stretch;padding: var(--lumo-space-m)}.my-shift-card-badge{position: absolute;top: var(--lumo-space-s);right: var(--lumo-space-s);z-index: 1}.my-shift-card-image{width: 100%;height: 160px;border-radius: var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0 0;margin: calc(-1 * var(--lumo-space-m));margin-bottom: var(--lumo-space-s);width: calc(100% + 2 * var(--lumo-space-m))}.my-shift-card-info{width: 100%;padding-top: var(--lumo-space-s)}.my-shift-card-meta{flex-direction: column;gap: var(--lumo-space-xs)}.my-shift-card-actions{width: 100%;flex-direction: column;margin-top: var(--lumo-space-m)}.my-shift-card-actions vaadin-button{width: 100%}.my-shift-card-button{width: 100%}}.applicant-list-dialog{}.applicant-card{display: flex;flex-direction: row;align-items: center;gap: var(--lumo-space-m);padding: var(--lumo-space-m)}.applicant-card-avatar{flex-shrink: 0;width: 60px;height: 60px}.applicant-card-info{flex: 1;min-width: 0}.applicant-card-actions{flex-shrink: 0;display: flex;flex-wrap: wrap;gap: var(--lumo-space-xs);align-items: center}@media (max-width: 768px){.applicant-card{flex-direction: column;align-items: stretch;text-align: center}.applicant-card-avatar{margin: 0 auto var(--lumo-space-s)}.applicant-card-info{width: 100%;display: flex;flex-direction: column;align-items: center}.applicant-card-actions{width: 100%;flex-direction: column;margin-top: var(--lumo-space-m);gap: var(--lumo-space-xs)}.applicant-card-actions vaadin-button{width: 100%}}.registration-form{display: flex;flex-direction: column;gap: var(--lumo-space-m)}.registration-form vaadin-text-field,.registration-form vaadin-email-field,.registration-form vaadin-password-field,.registration-form vaadin-select,.registration-form vaadin-date-picker,.registration-form vaadin-text-area,.registration-form vaadin-checkbox-group{width: 100%}@media (max-width: 768px){.gastro-registration-page{padding: var(--lumo-space-s) !important}.registration-card{padding: var(--lumo-space-m) !important;margin: 0 !important;max-width: 100% !important;border-radius: var(--lumo-border-radius-m) !important}.registration-form{padding: 0}.registration-form vaadin-text-field,.registration-form vaadin-email-field,.registration-form vaadin-password-field,.registration-form vaadin-select,.registration-form vaadin-date-picker,.registration-form vaadin-text-area{width: 100% !important}.registration-form vaadin-text-field::part(input-field),.registration-form vaadin-email-field::part(input-field),.registration-form vaadin-password-field::part(input-field),.registration-form vaadin-select::part(input-field),.registration-form vaadin-date-picker::part(input-field){min-height: 48px}.registration-submit,.registration-form vaadin-button[theme~="primary"]{width: 100% !important;min-height: 48px !important}.registration-links{flex-direction: column !important;gap: var(--lumo-space-s) !important;align-items: center !important}.registration-link{text-align: center}.registration-oauth vaadin-button{width: 100% !important}}.onboarding-wizard{width: 100%}.onboarding-wizard .wizard-navigation{display: flex;justify-content: space-between;gap: var(--lumo-space-m)}@media (max-width: 768px){.onboarding-wizard{padding: var(--lumo-space-m) !important;max-width: 100% !important;border-radius: var(--lumo-border-radius-m) !important;margin: 0 !important}.onboarding-wizard .vaadin-vertical-layout{padding: 0 !important}.onboarding-wizard .wizard-navigation{flex-direction: column-reverse !important;gap: var(--lumo-space-s) !important}.onboarding-wizard .wizard-navigation vaadin-button{width: 100% !important;min-height: 48px !important}.onboarding-wizard .availability-grid,.availability-grid{font-size: var(--lumo-font-size-xs) !important;overflow-x: auto}.onboarding-wizard .availability-grid vaadin-checkbox,.availability-grid vaadin-checkbox{--vaadin-checkbox-size: 28px}.onboarding-wizard vaadin-text-field,.onboarding-wizard vaadin-email-field,.onboarding-wizard vaadin-select,.onboarding-wizard vaadin-date-picker,.onboarding-wizard vaadin-integer-field,.onboarding-wizard vaadin-text-area{width: 100% !important}.onboarding-wizard [class*="step-content"]{padding: var(--lumo-space-s) 0}}.id-verification-dialog{}.id-verification-dialog .capture-button{min-height: 48px}.id-verification-dialog .step-indicator{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.id-verification-dialog .preview-image{max-width: 100%;height: auto;border-radius: var(--lumo-border-radius-m)}@media (max-width: 768px){.id-verification-dialog{padding: var(--lumo-space-m) !important}.id-verification-dialog .capture-button{width: 100% !important;min-height: 56px !important;font-size: var(--lumo-font-size-l) !important}.id-verification-dialog .preview-image{max-width: 100%;height: auto}.id-verification-dialog .step-indicator{font-size: var(--lumo-font-size-s);text-align: center}.id-verification-dialog [class*="privacy"]{padding: var(--lumo-space-s) !important}.id-verification-dialog ul{padding-left: var(--lumo-space-m)}.id-verification-dialog li{margin-bottom: var(--lumo-space-xs)}}.profile-edit-form{}.profile-edit-form .photo-upload{width: 100%;max-width: 200px;margin: 0 auto}.profile-edit-form .photo-upload>div:first-child{width: 150px !important;height: 150px !important;margin: 0 auto var(--lumo-space-s)}.profile-edit-form .photo-upload vaadin-upload{margin-bottom: var(--lumo-space-xs)}@media (max-width: 768px){.profile-edit-form{padding: var(--lumo-space-s) !important}.profile-edit-form>.vaadin-vertical-layout{padding: var(--lumo-space-m) !important;max-width: 100% !important}.profile-edit-form vaadin-form-layout{--vaadin-form-layout-column-spacing: 0}.profile-edit-form vaadin-text-field,.profile-edit-form vaadin-text-area,.profile-edit-form vaadin-select,.profile-edit-form vaadin-date-picker,.profile-edit-form vaadin-combo-box,.profile-edit-form vaadin-email-field,.profile-edit-form vaadin-integer-field,.profile-edit-form vaadin-checkbox-group{width: 100% !important}.profile-edit-form vaadin-text-field::part(input-field),.profile-edit-form vaadin-email-field::part(input-field),.profile-edit-form vaadin-select::part(input-field),.profile-edit-form vaadin-date-picker::part(input-field),.profile-edit-form vaadin-integer-field::part(input-field){min-height: 48px}.profile-edit-form .photo-upload{width: 100%;max-width: 180px;margin: 0 auto var(--lumo-space-m)}.profile-edit-form .photo-upload>div:first-child{width: 120px !important;height: 120px !important;margin: 0 auto var(--lumo-space-xs)}.profile-edit-form .photo-upload vaadin-upload{width: 100%}.profile-edit-form .photo-upload vaadin-upload vaadin-button{width: 100%;min-height: 44px}.profile-edit-form h3{font-size: var(--lumo-font-size-l);margin-top: var(--lumo-space-l)}.profile-edit-form>.vaadin-vertical-layout>.vaadin-horizontal-layout:last-child{flex-direction: column-reverse !important;gap: var(--lumo-space-s) !important}.profile-edit-form>.vaadin-vertical-layout>.vaadin-horizontal-layout:last-child vaadin-button{width: 100% !important;min-height: 48px !important}.profile-edit-form vaadin-button[theme~="primary"]{width: 100% !important;min-height: 48px !important}.profile-edit-form .availability-grid{font-size: var(--lumo-font-size-xs) !important;overflow-x: auto}.profile-edit-form [class*="google-maps"],.profile-edit-form .google-maps-component{height: 200px !important;min-height: 200px !important}}.bottom-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 64px;background: var(--xh-primary,#805AD5);border-top: none;display: flex;justify-content: space-around;align-items: center;z-index: 1000;padding-bottom: env(safe-area-inset-bottom,0px);box-shadow: 0 -4px 20px rgba(0,0,0,0.15)}.bottom-nav-item{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 8px 12px;min-width: 64px;cursor: pointer;color: rgba(255,255,255,0.7);transition: transform 0.1s ease;text-decoration: none;-webkit-tap-highlight-color: transparent;user-select: none}.bottom-nav-item:hover{color: #FFFFFF}.bottom-nav-item:active{transform: scale(0.95);color: #FFFFFF;opacity: 1}.bottom-nav-item:focus{color: #FFFFFF;opacity: 1;outline: none}.bottom-nav-item.active{color: #FFFFFF}.bottom-nav-item .nav-icon{font-size: 24px;width: 24px;height: 24px;margin-bottom: 4px;color: inherit;transition: none;opacity: 1;visibility: visible}.bottom-nav-item .nav-label{font-size: 11px;font-weight: 500;line-height: 1;white-space: nowrap;color: inherit}.bottom-nav-item .nav-badge{position: absolute;top: -4px;right: -8px;background-color: #EF4444;color: white;font-size: 10px;font-weight: 600;min-width: 18px;height: 18px;border-radius: 9px;display: flex;align-items: center;justify-content: center;padding: 0 4px;box-sizing: border-box}@media (min-width: 769px){.bottom-nav{display: none !important}}@media (max-width: 768px){.main-content-with-bottom-nav{padding-bottom: calc(64px + env(safe-area-inset-bottom,0px) + 16px) !important}vaadin-app-layout[bottom-nav] [slot="drawer"]{display: none !important}vaadin-app-layout[bottom-nav]::part(drawer){display: none !important}vaadin-app-layout[bottom-nav] vaadin-drawer-toggle{display: none !important}vaadin-app-layout[bottom-nav]::part(content){padding-bottom: calc(64px + env(safe-area-inset-bottom,0px) + 16px)}}@media (prefers-color-scheme: dark){.bottom-nav{background: var(--xh-primary,#805AD5);border-top: none;box-shadow: 0 -4px 20px rgba(0,0,0,0.3)}}.my-events-view .events-grid{display: flex;flex-wrap: wrap;gap: var(--lumo-space-m)}.my-events-view .my-event-card{transition: transform 0.15s ease,box-shadow 0.15s ease}.my-events-view .my-event-card:hover{transform: translateY(-2px);box-shadow: var(--lumo-box-shadow-m)}.my-crew-view .applicant-card{transition: box-shadow 0.15s ease}.my-crew-view .applicant-card:hover{box-shadow: var(--lumo-box-shadow-s)}.applicant-card .accept-btn,.applicant-card .reject-btn{padding: 6px 12px !important;font-size: 12px !important;min-width: 70px !important}.applicant-card .accept-btn vaadin-icon,.applicant-card .reject-btn vaadin-icon{width: 14px !important;height: 14px !important}.event-card-compact{position: relative;transition: transform 0.2s ease,box-shadow 0.2s ease}.event-card-compact:hover{transform: scale(1.05);box-shadow: var(--lumo-box-shadow-m)}.event-card-compact:active{transform: scale(0.98)}@media (hover: none){.event-card-compact:hover{transform: none;box-shadow: var(--lumo-box-shadow-s)}.event-card-compact:active{transform: scale(0.95)}}.event-carousel{position: relative !important;margin-bottom: 24px;overflow: hidden !important;width: 100% !important;max-width: 100% !important;height: auto !important;min-height: 280px !important;transform: none !important;will-change: auto !important}.event-carousel-header{display: flex;justify-content: space-between;align-items: center;padding: 0 16px;margin-bottom: 12px}.event-carousel-title{margin: 0;font-size: 18px;font-weight: 600;color: var(--lumo-body-text-color)}.event-carousel-see-all{color: var(--lumo-primary-color);font-weight: 500}.event-carousel-scroll{display: flex;flex-direction: row;align-items: flex-start !important;gap: 12px;position: relative !important;overflow-x: auto !important;overflow-y: hidden !important;scroll-behavior: smooth;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch !important;touch-action: pan-y pan-x !important;overscroll-behavior-x: contain !important;overscroll-behavior-y: auto !important;padding: 8px 16px;scrollbar-width: none;-ms-overflow-style: none;height: 260px !important;min-height: 260px !important}.event-carousel-scroll::-webkit-scrollbar{display: none}.event-carousel-scroll>*{scroll-snap-align: start}.event-card-compact{touch-action: pan-y pan-x !important;pointer-events: auto !important;cursor: pointer;scroll-snap-align: start;position: relative !important;width: 160px !important;min-width: 160px !important;max-width: 160px !important;height: 240px !important;min-height: 240px !important;max-height: 240px !important;display: flex !important;flex-direction: column !important;flex-shrink: 0 !important;flex-grow: 0 !important;overflow: hidden !important;background: var(--lumo-base-color) !important;border-radius: var(--lumo-border-radius-l) !important;box-shadow: var(--lumo-box-shadow-s) !important}.event-card-compact .event-card-image-container{height: 140px !important;min-height: 140px !important;max-height: 140px !important;flex-shrink: 0 !important;flex-grow: 0 !important;overflow: hidden !important;border-radius: var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0 !important;pointer-events: none !important;touch-action: pan-y pan-x !important}.event-card-compact .event-card-image-container img,.event-card-compact .event-card-image,.event-card-compact .event-card-placeholder{pointer-events: none !important;touch-action: pan-y pan-x !important}.event-card-compact .event-card-image{width: 100% !important;height: 100% !important;object-fit: cover !important}.event-card-compact .event-card-info{min-height: 100px !important;height: 100px !important;flex-grow: 1 !important;flex-shrink: 0 !important;display: flex !important;flex-direction: column !important;padding: 8px !important;gap: 4px !important}.event-card-compact .event-card-name{font-size: 13px !important;font-weight: 600 !important;color: var(--lumo-body-text-color) !important;line-height: 1.3 !important;overflow: hidden !important;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical !important;text-overflow: ellipsis !important}.event-card-compact .event-card-wage{font-size: 12px !important;font-weight: 500 !important;color: var(--lumo-primary-color) !important}.event-card-compact .event-card-date{font-size: 11px !important;color: var(--lumo-secondary-text-color) !important}.event-card-compact .event-card-location{font-size: 11px !important;color: var(--lumo-secondary-text-color) !important;margin-top: auto !important}.event-carousel-nav{position: absolute;z-index: 10;background: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-s);border-radius: 50%;width: 40px;height: 40px;min-width: 40px;opacity: 0.9;transition: opacity 0.2s ease,transform 0.2s ease}.event-carousel-nav:hover{opacity: 1;transform: scale(1.1)}.event-carousel-nav-prev{left: 4px}.event-carousel-nav-next{right: 4px}@media (max-width: 768px){.event-carousel-nav{display: none !important}}.category-pills{display: flex;gap: 8px;overflow-x: auto;overflow-y: hidden;padding: 12px 16px;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;background: var(--lumo-base-color);position: sticky;top: 0;z-index: 100;border-bottom: 1px solid var(--lumo-contrast-10pct)}.category-pills::-webkit-scrollbar{display: none}.category-pill{display: inline-flex;align-items: center;justify-content: center;padding: 8px 16px;border-radius: 20px;font-size: 14px;font-weight: 500;white-space: nowrap;cursor: pointer;transition: all 0.2s ease;user-select: none;-webkit-tap-highlight-color: transparent;flex-shrink: 0;border: 1px solid var(--lumo-contrast-20pct);background: var(--lumo-base-color);color: var(--lumo-body-text-color)}.category-pill:hover{background: var(--lumo-contrast-10pct)}.category-pill:active{transform: scale(0.95)}.category-pill.active{background: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color);border-color: var(--lumo-primary-color)}.mobile-schedule-view{display: flex;flex-direction: column;min-height: 100%;background: var(--lumo-contrast-5pct);padding-bottom: calc(64px + env(safe-area-inset-bottom,0px) + 16px);overflow-y: auto !important;overflow-x: hidden !important;-webkit-overflow-scrolling: touch !important;touch-action: pan-y !important}.mobile-schedule-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 48px 24px;text-align: center}.event-carousel-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 32px 16px;text-align: center;color: var(--lumo-secondary-text-color)}@media (prefers-color-scheme: dark){.category-pills{background: var(--lumo-base-color);border-bottom-color: var(--lumo-contrast-20pct)}.category-pill{border-color: var(--lumo-contrast-30pct)}.event-card-compact{background: var(--lumo-contrast-5pct)}.event-carousel-nav{background: var(--lumo-contrast-10pct)}}@media (min-width: 768px){.event-carousel-header{padding: 0 24px}.event-carousel-scroll{padding: 8px 24px;gap: 16px}.category-pills{padding: 12px 24px;gap: 12px}}@media (min-width: 992px){.event-carousel-header{padding: 0 32px}.event-carousel-scroll{padding: 8px 32px}.category-pills{padding: 16px 32px}.event-carousel-nav{display: flex !important}}.mobile-event-detail{min-height: 100vh;background: var(--lumo-base-color)}.mobile-event-detail .hero-section{position: relative;width: 100%;height: 40vh;min-height: 280px;max-height: 400px}.mobile-event-detail .hero-image{width: 100%;height: 100%;object-fit: cover}.mobile-event-detail .hero-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient( to bottom,rgba(0,0,0,0.3) 0%,transparent 30%,transparent 60%,rgba(0,0,0,0.5) 100% );pointer-events: none}.mobile-event-detail .hero-header{position: absolute;top: 0;left: 0;right: 0;display: flex;justify-content: space-between;align-items: center;padding: 16px;padding-top: calc(16px + env(safe-area-inset-top,0px));z-index: 10}.mobile-event-detail .hero-back,.mobile-event-detail .hero-action-btn{width: 40px;height: 40px;border-radius: 50%;background: rgba(255,255,255,0.9);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: transform 0.2s ease,background 0.2s ease;-webkit-tap-highlight-color: transparent}.mobile-event-detail .hero-back:active,.mobile-event-detail .hero-action-btn:active{transform: scale(0.95);background: rgba(255,255,255,1)}.mobile-event-detail .hero-actions{display: flex;gap: 12px}.mobile-event-detail .content-section{padding: 20px 16px;padding-bottom: calc(64px + env(safe-area-inset-bottom,0px) + 32px)}.mobile-event-detail .brand-label{font-size: 12px;font-weight: 600;color: var(--lumo-primary-color);text-transform: uppercase;letter-spacing: 1px;margin-bottom: 4px;display: block}.mobile-event-detail .event-title{font-size: 28px;font-weight: 700;line-height: 1.2;margin: 4px 0 12px 0;color: var(--lumo-header-text-color)}.mobile-event-detail .event-meta{display: flex;flex-wrap: wrap;gap: 8px 16px;font-size: 14px;color: var(--lumo-secondary-text-color);margin-bottom: 16px}.mobile-event-detail .event-meta-item{display: flex;align-items: center;gap: 6px}.mobile-event-detail .info-bar{display: flex;justify-content: space-between;align-items: center;background: var(--lumo-primary-color-10pct);padding: 12px 16px;border-radius: 12px;margin-bottom: 16px}.mobile-event-detail .info-bar-wage{font-size: 18px;font-weight: 700;color: var(--lumo-primary-color)}.mobile-event-detail .info-bar-spots{font-size: 14px;font-weight: 600}.mobile-event-detail .action-buttons{display: flex;gap: 12px;margin-bottom: 24px}.mobile-event-detail .action-btn-primary{flex: 1;padding: 14px 20px;border-radius: 12px;background: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color);font-size: 16px;font-weight: 600;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;transition: transform 0.2s ease,opacity 0.2s ease}.mobile-event-detail .action-btn-primary:active{transform: scale(0.98);opacity: 0.9}.mobile-event-detail .action-btn-secondary{padding: 14px 20px;border-radius: 12px;background: var(--lumo-base-color);color: var(--lumo-primary-color);font-size: 16px;font-weight: 600;border: 2px solid var(--lumo-primary-color);cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;transition: transform 0.2s ease,background 0.2s ease}.mobile-event-detail .action-btn-secondary:active{transform: scale(0.98);background: var(--lumo-primary-color-10pct)}.mobile-event-detail .section{margin-bottom: 24px}.mobile-event-detail .section-title{font-size: 18px;font-weight: 700;margin: 0 0 12px 0;color: var(--lumo-header-text-color)}.mobile-event-detail .description{font-size: 15px;line-height: 1.6;color: var(--lumo-secondary-text-color)}.mobile-event-detail .description.collapsed{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.mobile-event-detail .show-more{color: var(--lumo-primary-color);font-weight: 600;cursor: pointer;margin-top: 8px;display: inline-block}.mobile-event-detail .requirements-list{display: flex;flex-direction: column;gap: 8px}.mobile-event-detail .requirement-item{display: flex;align-items: center;gap: 10px;font-size: 14px;color: var(--lumo-secondary-text-color)}.mobile-event-detail .requirement-icon{width: 24px;color: var(--lumo-primary-color)}.mobile-event-detail .location-address{font-size: 14px;color: var(--lumo-secondary-text-color);margin-bottom: 12px;display: flex;align-items: flex-start}.mobile-event-detail .location-map{width: 100%;height: 150px;border-radius: 12px;overflow: hidden;margin-bottom: 8px;background: var(--lumo-contrast-10pct)}.mobile-event-detail .location-link{color: var(--lumo-primary-color);font-weight: 600;font-size: 14px;display: inline-flex;align-items: center;gap: 4px;text-decoration: none}.mobile-event-detail .organizer-card{display: flex;align-items: center;gap: 12px;padding: 12px;background: var(--lumo-contrast-5pct);border-radius: 12px}.mobile-event-detail .organizer-logo{width: 48px;height: 48px;border-radius: 8px;object-fit: cover}.mobile-event-detail .organizer-info{flex: 1}.mobile-event-detail .organizer-name{font-size: 15px;font-weight: 600}.mobile-event-detail .organizer-rating{font-size: 13px;color: var(--lumo-secondary-text-color)}.shift-card-2026{background: var(--lumo-contrast-5pct);border-radius: 16px;padding: 16px;margin-bottom: 12px;transition: transform 0.2s ease,box-shadow 0.2s ease}.shift-card-2026:active{transform: scale(0.99)}.shift-card-2026 .shift-date{font-size: 16px;font-weight: 700;margin-bottom: 12px;color: var(--lumo-header-text-color)}.shift-card-2026 .shift-details{display: flex;flex-wrap: wrap;gap: 12px 24px;margin-bottom: 16px}.shift-card-2026 .shift-detail{display: flex;align-items: center;gap: 6px;font-size: 14px;color: var(--lumo-secondary-text-color)}.shift-card-2026 .shift-detail-icon{color: var(--lumo-primary-color);width: 16px;height: 16px}.shift-card-2026 .shift-status{display: inline-block;padding: 4px 10px;border-radius: 6px;font-size: 12px;font-weight: 600;margin-bottom: 12px}.shift-card-2026 .shift-status.available{background: var(--lumo-success-color-10pct);color: var(--lumo-success-color)}.shift-card-2026 .shift-status.full{background: var(--lumo-error-color-10pct);color: var(--lumo-error-color)}.shift-card-2026 .shift-status.registered{background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-color)}.shift-card-2026 .shift-action-btn{width: 100%;padding: 12px;border-radius: 10px;font-size: 15px;font-weight: 600;border: none;cursor: pointer;transition: transform 0.2s ease,opacity 0.2s ease}.shift-card-2026 .shift-action-btn:active{transform: scale(0.98)}.shift-card-2026 .shift-action-btn.register{background: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color)}.shift-card-2026 .shift-action-btn.registered{background: var(--lumo-base-color);color: var(--lumo-primary-color);border: 2px solid var(--lumo-primary-color)}.shift-card-2026 .shift-action-btn.disabled{background: var(--lumo-contrast-10pct);color: var(--lumo-disabled-text-color);cursor: not-allowed}@media (prefers-color-scheme: dark){.mobile-event-detail{background: var(--lumo-base-color)}.mobile-event-detail .hero-back,.mobile-event-detail .hero-action-btn{background: rgba(0,0,0,0.6)}.mobile-event-detail .hero-back:active,.mobile-event-detail .hero-action-btn:active{background: rgba(0,0,0,0.8)}.mobile-event-detail .hero-back vaadin-icon,.mobile-event-detail .hero-action-btn vaadin-icon{color: white}.shift-card-2026{background: var(--lumo-contrast-10pct)}}@media (min-width: 768px){.mobile-event-detail .content-section{padding: 24px 32px;max-width: 800px;margin: 0 auto}.mobile-event-detail .event-title{font-size: 32px}.mobile-event-detail .hero-section{height: 50vh;max-height: 500px}}@media (min-width: 992px){.mobile-event-detail .content-section{padding: 32px 48px;max-width: 900px}.shift-card-2026{padding: 20px}.shift-card-2026 .shift-details{gap: 16px 32px}}.profile-hub{min-height: 100vh;background: #F7FAFC;padding-bottom: 70px}.profile-hub .hub-header{display: flex;justify-content: space-between;align-items: center;padding: 16px;padding-top: calc(16px + env(safe-area-inset-top,0px));background: white}.profile-hub .hub-title{font-size: 24px;font-weight: 700;margin: 0}.profile-hub .hub-actions{display: flex;gap: 16px}.profile-hub .hub-action-icon{font-size: 24px;color: #4A5568;cursor: pointer;background: transparent;border: none;padding: 8px}.profile-hub .hub-action-icon:hover{color: var(--xh-primary,#7B68EE)}.profile-hub .profile-card{background: white;padding: 24px;text-align: center;margin-bottom: 16px}.profile-hub .profile-photo{width: 80px;height: 80px;border-radius: 50%;object-fit: cover;margin: 0 auto 12px;border: 3px solid var(--xh-primary-ultralight,#E8E0F0)}.profile-hub .profile-name{font-size: 20px;font-weight: 700;margin: 0;display: flex;align-items: center;justify-content: center;gap: 6px;cursor: pointer}.profile-hub .profile-name:hover{color: var(--xh-primary,#7B68EE)}.profile-hub .profile-name-arrow{font-size: 16px;color: #718096}.profile-hub .profile-role{font-size: 14px;color: #718096;margin-top: 4px}.profile-quick-card{background: white;border-radius: 16px;margin: 0 16px 12px;overflow: hidden;box-shadow: 0 1px 3px rgba(0,0,0,0.06)}.profile-quick-card .card-header{display: flex;align-items: center;padding: 16px;cursor: pointer;transition: background 0.2s ease}.profile-quick-card .card-header:hover{background: #F7FAFC}.profile-quick-card .card-header:active{background: #EDF2F7}.profile-quick-card .card-icon{width: 40px;height: 40px;border-radius: 10px;background: var(--xh-primary-ultralight,#E8E0F0);color: var(--xh-primary,#7B68EE);display: flex;align-items: center;justify-content: center;font-size: 20px;margin-right: 12px;flex-shrink: 0}.profile-quick-card .card-content{flex: 1;min-width: 0}.profile-quick-card .card-title{font-size: 16px;font-weight: 600;display: flex;align-items: center;gap: 8px}.profile-quick-card .card-badge{background: var(--xh-primary,#7B68EE);color: white;font-size: 12px;font-weight: 600;padding: 2px 8px;border-radius: 10px}.profile-quick-card .card-subtitle{font-size: 13px;color: #718096;margin-top: 2px}.profile-quick-card .card-arrow{font-size: 20px;color: #A0AEC0;flex-shrink: 0}.profile-quick-card .notification-list{border-top: 1px solid #E2E8F0}.notification-preview{display: flex;align-items: center;padding: 12px 16px;gap: 12px;border-bottom: 1px solid #E2E8F0;cursor: pointer;transition: background 0.2s ease}.notification-preview:last-child{border-bottom: none}.notification-preview:hover{background: #F7FAFC}.notification-preview:active{background: #EDF2F7}.notification-preview .notif-image{width: 48px;height: 48px;border-radius: 8px;object-fit: cover;flex-shrink: 0}.notification-preview .notif-content{flex: 1;min-width: 0}.notification-preview .notif-title{font-size: 14px;font-weight: 500;color: #2D3748;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.notification-preview .notif-subtitle{font-size: 12px;color: #718096;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.profile-hub .favorites-section{margin-top: 16px}.profile-hub .favorites-header{display: flex;justify-content: space-between;align-items: center;padding: 0 16px;margin-bottom: 12px}.profile-hub .favorites-title{font-size: 18px;font-weight: 700;color: #2D3748}.profile-hub .favorites-link{font-size: 14px;color: var(--xh-primary,#7B68EE);font-weight: 600;cursor: pointer}.profile-hub .favorites-link:hover{text-decoration: underline}.bottom-sheet-menu{position: relative;background: white;border-radius: 20px 20px 0 0;padding: 8px 0 calc(24px + env(safe-area-inset-bottom,0px));max-height: 80vh;overflow-y: auto}.bottom-sheet-menu .drag-handle{width: 40px;height: 4px;background: #CBD5E0;border-radius: 2px;margin: 8px auto 16px}.bottom-sheet-menu .menu-item{display: flex;align-items: center;padding: 16px 24px;gap: 16px;cursor: pointer;transition: background 0.2s ease}.bottom-sheet-menu .menu-item:hover{background: #F7FAFC}.bottom-sheet-menu .menu-item:active{background: #EDF2F7}.bottom-sheet-menu .menu-icon{font-size: 22px;color: #4A5568;width: 28px;text-align: center;flex-shrink: 0}.bottom-sheet-menu .menu-label{font-size: 16px;font-weight: 500;flex: 1;color: #2D3748}.bottom-sheet-menu .menu-arrow{font-size: 18px;color: #A0AEC0;flex-shrink: 0}.bottom-sheet-menu .menu-item.danger .menu-icon,.bottom-sheet-menu .menu-item.danger .menu-label{color: #E53E3E}.bottom-sheet-menu .menu-divider{height: 1px;background: #E2E8F0;margin: 8px 24px}.bottom-sheet-menu .menu-version{text-align: center;font-size: 12px;color: #A0AEC0;padding: 16px}.bottom-sheet-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 1000}@keyframes slideUpMenu{from{transform: translateY(100%)}to{transform: translateY(0)}}@media (prefers-color-scheme: dark){.profile-hub{background: var(--lumo-base-color,#1A202C)}.profile-hub .hub-header{background: var(--lumo-contrast-5pct)}.profile-hub .hub-title{color: var(--lumo-body-text-color)}.profile-hub .hub-action-icon{color: var(--lumo-body-text-color)}.profile-hub .profile-card{background: var(--lumo-contrast-5pct)}.profile-hub .profile-name{color: var(--lumo-body-text-color)}.profile-hub .profile-role{color: var(--lumo-secondary-text-color)}.profile-quick-card{background: var(--lumo-contrast-5pct);box-shadow: none}.profile-quick-card .card-header:hover{background: var(--lumo-contrast-10pct)}.profile-quick-card .card-title{color: var(--lumo-body-text-color)}.profile-quick-card .card-subtitle{color: var(--lumo-secondary-text-color)}.profile-quick-card .notification-list{border-top-color: var(--lumo-contrast-10pct)}.notification-preview{border-bottom-color: var(--lumo-contrast-10pct)}.notification-preview:hover{background: var(--lumo-contrast-10pct)}.notification-preview .notif-title{color: var(--lumo-body-text-color)}.notification-preview .notif-subtitle{color: var(--lumo-secondary-text-color)}.profile-hub .favorites-title{color: var(--lumo-body-text-color)}.bottom-sheet-menu{background: var(--lumo-contrast-5pct)}.bottom-sheet-menu .drag-handle{background: var(--lumo-contrast-30pct)}.bottom-sheet-menu .menu-item:hover{background: var(--lumo-contrast-10pct)}.bottom-sheet-menu .menu-icon{color: var(--lumo-body-text-color)}.bottom-sheet-menu .menu-label{color: var(--lumo-body-text-color)}.bottom-sheet-menu .menu-divider{background: var(--lumo-contrast-10pct)}}@media (min-width: 768px){.profile-hub .hub-header{padding: 20px 32px}.profile-hub .hub-title{font-size: 28px}.profile-hub .profile-card{padding: 32px}.profile-hub .profile-photo{width: 100px;height: 100px}.profile-hub .profile-name{font-size: 24px}.profile-quick-card{margin: 0 32px 16px}.profile-hub .favorites-header{padding: 0 32px}.bottom-sheet-menu{max-width: 500px;margin: 0 auto;border-radius: 20px}}@media (min-width: 992px){.profile-hub{max-width: 800px;margin: 0 auto;padding: 32px;min-height: auto}.profile-hub .hub-header{border-radius: 16px 16px 0 0}.profile-hub .profile-card{border-radius: 0}.profile-quick-card{margin: 0 0 16px}.profile-hub .favorites-header{padding: 0}.profile-hub .favorites-section{margin: 16px 0}}.filter-bottom-sheet{position: relative;background: white;border-radius: 20px 20px 0 0;max-height: 85vh;display: flex;flex-direction: column}.filter-bottom-sheet .filter-header{padding: 16px;border-bottom: 1px solid #E2E8F0;position: sticky;top: 0;background: white;z-index: 10;border-radius: 20px 20px 0 0}.filter-bottom-sheet .drag-handle{width: 40px;height: 4px;background: #CBD5E0;border-radius: 2px;margin: 0 auto 12px}.filter-bottom-sheet .filter-content{flex: 1;overflow-y: auto;padding: 16px;-webkit-overflow-scrolling: touch}.filter-bottom-sheet .filter-section{margin-bottom: 24px}.filter-bottom-sheet .filter-section-label{display: block;font-size: 14px;font-weight: 600;color: #4A5568;margin-bottom: 12px}.filter-bottom-sheet .filter-footer{display: flex;gap: 12px;padding: 16px;border-top: 1px solid #E2E8F0;background: white;position: sticky;bottom: 0;padding-bottom: calc(16px + env(safe-area-inset-bottom,0px))}.filter-pill-group{display: flex;flex-wrap: wrap;gap: 8px}.filter-pill{padding: 10px 16px;border-radius: 20px;border: 1.5px solid #E2E8F0;background: white;font-size: 14px;font-weight: 500;color: #4A5568;cursor: pointer;transition: all 0.2s ease;user-select: none;-webkit-tap-highlight-color: transparent}.filter-pill:hover{border-color: var(--xh-primary,#7B68EE)}.filter-pill:active{transform: scale(0.98)}.filter-pill.selected{background: var(--xh-primary,#7B68EE);border-color: var(--xh-primary,#7B68EE);color: white}.filter-slider{position: relative;padding: 30px 14px 20px}.filter-slider .slider-track{height: 4px;background: #E2E8F0;border-radius: 2px;position: relative}.filter-slider .slider-fill{position: absolute;height: 100%;background: var(--xh-primary,#7B68EE);border-radius: 2px;left: 0}.filter-slider .slider-thumb{width: 28px;height: 28px;border-radius: 50%;background: white;border: 2px solid var(--xh-primary,#7B68EE);position: absolute;top: 50%;transform: translate(-50%,-50%);cursor: grab;box-shadow: 0 2px 8px rgba(0,0,0,0.15);z-index: 10;transition: box-shadow 0.2s ease}.filter-slider .slider-thumb:hover{box-shadow: 0 4px 12px rgba(0,0,0,0.2)}.filter-slider .slider-thumb:active{cursor: grabbing;box-shadow: 0 6px 16px rgba(0,0,0,0.25)}.filter-slider .slider-value{position: absolute;top: -8px;background: var(--xh-primary,#7B68EE);color: white;font-size: 12px;font-weight: 600;padding: 4px 8px;border-radius: 6px;transform: translateX(-50%);white-space: nowrap;pointer-events: none}.filter-slider .slider-labels{display: flex;justify-content: space-between;margin-top: 8px;font-size: 12px;color: #718096}.more-filters-section{margin-bottom: 24px}.more-filters-toggle{display: flex;justify-content: space-between;align-items: center;padding: 12px 0;cursor: pointer;border-top: 1px solid #E2E8F0;user-select: none}.more-filters-toggle:hover{opacity: 0.8}.more-filters-icon{width: 20px;height: 20px;color: #718096;transition: transform 0.2s ease}.more-filters-content{display: none;padding-top: 16px}.more-filters-content.expanded{display: block}.filter-reset-btn{flex: 1;height: 48px;font-weight: 600;color: #718096;border: 1.5px solid #E2E8F0;border-radius: 12px;background: white;cursor: pointer;transition: all 0.2s ease}.filter-reset-btn:hover{border-color: #CBD5E0;background: #F7FAFC}.filter-reset-btn:active{transform: scale(0.98)}.filter-apply-btn{flex: 2;height: 48px;font-weight: 600;background: var(--xh-primary,#7B68EE);color: white;border: none;border-radius: 12px;cursor: pointer;transition: all 0.2s ease}.filter-apply-btn:hover{opacity: 0.9}.filter-apply-btn:active{transform: scale(0.98)}.filter-icon-btn{position: relative;min-width: 48px;height: 48px;border-radius: 12px;border: 1.5px solid #E2E8F0;background: white;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease}.filter-icon-btn:hover{border-color: var(--xh-primary,#7B68EE)}.filter-icon-btn:active{transform: scale(0.98)}.filter-icon-btn .filter-badge{position: absolute;top: -6px;right: -6px;min-width: 18px;height: 18px;background: var(--xh-primary,#7B68EE);color: white;font-size: 11px;font-weight: 600;border-radius: 9px;display: flex;align-items: center;justify-content: center;padding: 0 4px}@keyframes slideUpFilter{from{transform: translateY(100%)}to{transform: translateY(0)}}@media (prefers-color-scheme: dark){.filter-bottom-sheet{background: var(--lumo-base-color,#1A202C)}.filter-bottom-sheet .filter-header{background: var(--lumo-base-color);border-bottom-color: var(--lumo-contrast-10pct)}.filter-bottom-sheet .drag-handle{background: var(--lumo-contrast-30pct)}.filter-bottom-sheet .filter-section-label{color: var(--lumo-body-text-color)}.filter-bottom-sheet .filter-footer{background: var(--lumo-base-color);border-top-color: var(--lumo-contrast-10pct)}.filter-pill{background: var(--lumo-contrast-5pct);border-color: var(--lumo-contrast-20pct);color: var(--lumo-body-text-color)}.filter-pill.selected{background: var(--xh-primary,#7B68EE);border-color: var(--xh-primary,#7B68EE);color: white}.filter-slider .slider-track{background: var(--lumo-contrast-20pct)}.filter-slider .slider-thumb{background: var(--lumo-base-color)}.filter-slider .slider-labels{color: var(--lumo-secondary-text-color)}.more-filters-toggle{border-top-color: var(--lumo-contrast-10pct)}.filter-reset-btn{background: var(--lumo-contrast-5pct);border-color: var(--lumo-contrast-20pct);color: var(--lumo-secondary-text-color)}.filter-reset-btn:hover{background: var(--lumo-contrast-10pct)}.filter-icon-btn{background: var(--lumo-contrast-5pct);border-color: var(--lumo-contrast-20pct)}}@media (min-width: 768px){.filter-bottom-sheet{max-width: 500px;margin: 0 auto}.filter-bottom-sheet .filter-content{padding: 20px 24px}.filter-bottom-sheet .filter-footer{padding: 16px 24px}.filter-pill{padding: 12px 20px}}@media (min-width: 992px){.filter-bottom-sheet{max-width: 600px;border-radius: 20px}.filter-bottom-sheet .filter-section{margin-bottom: 28px}}vaadin-button::part(label){display: flex !important;align-items: center !important;justify-content: center !important;width: 100%;height: 100%;text-align: center}.selectable-tag,.categorized-tag,.verification-btn{display: flex !important;align-items: center !important;justify-content: center !important;text-align: center !important}.id-verification-dialog{--_vaadin-dialog-content-padding: 0}@media (max-width: 768px){.id-verification-dialog{--_vaadin-dialog-content-width: 100vw !important;--_vaadin-dialog-content-max-width: 100vw !important}.id-verification-dialog[theme~="bottom-sheet"],.mobile-bottom-sheet-dialog{position: fixed !important;bottom: 0 !important;left: 0 !important;right: 0 !important;top: auto !important;max-height: 85vh !important;width: 100% !important;max-width: 100% !important;border-radius: 16px 16px 0 0 !important;margin: 0 !important}.id-verification-dialog::part(content),.id-verification-dialog::part(overlay){display: flex !important;flex-direction: column !important;max-height: 85vh !important;overflow: hidden !important}.id-verification-dialog::part(header){padding: 12px 16px !important;flex-shrink: 0 !important}.id-verification-dialog .dialog-close-btn{min-width: 44px !important;min-height: 44px !important}.verification-content{flex: 1 !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important;padding: 12px 16px !important;min-height: 0 !important}.verification-footer{position: sticky !important;bottom: 0 !important;flex-shrink: 0 !important;padding: 12px 16px !important;background: var(--lumo-base-color) !important;border-top: 1px solid var(--lumo-contrast-10pct) !important;z-index: 10 !important;box-shadow: 0 -2px 8px rgba(0,0,0,0.1) !important}.verification-start-btn{flex: 1 !important;min-height: 44px !important;font-weight: 600 !important}.verification-content h3{font-size: var(--lumo-font-size-m) !important;margin: 0 0 8px 0 !important}.verification-content ul{margin: 0 0 12px 0 !important;padding-left: 20px !important;font-size: var(--lumo-font-size-s) !important}.verification-content li{margin-bottom: 4px !important}}@media (max-width: 768px){.mobile-bottom-sheet-dialog,.id-verification-dialog{bottom: 70px !important;max-height: calc(100vh - 70px - 20px) !important}vaadin-dialog-overlay::part(overlay){max-height: calc(100vh - 70px) !important}vaadin-dialog-overlay::part(content){padding-bottom: 0 !important}.id-verification-dialog::part(content){max-height: calc(85vh - 70px) !important}vaadin-dialog .modern-form,vaadin-dialog .form-content,vaadin-dialog .view-content,vaadin-dialog .profile-edit-form,vaadin-dialog .onboarding-wizard{padding-bottom: 0 !important}}.language-tag{display: flex !important;align-items: center !important;justify-content: center !important;text-align: center !important}.landing-language-button{display: flex !important;align-items: center !important;justify-content: center !important;text-align: center !important}.selectable-tag,.categorized-tag,.language-tag,.verification-btn,.tag-button,.chip,[class*="-tag"]{display: flex !important;align-items: center !important;justify-content: center !important;text-align: center !important}vaadin-button{display: flex !important;align-items: center !important;justify-content: center !important}vaadin-button::part(label){display: flex !important;align-items: center !important;justify-content: center !important;width: 100% !important;text-align: center !important}vaadin-button::part(prefix),vaadin-button::part(suffix){display: flex !important;align-items: center !important}.weekly-availability-chips{width: 100%}.weekly-availability-chips .availability-day-row{margin-bottom: var(--lumo-space-s)}.weekly-availability-chips .availability-day-label{font-weight: 500;font-size: var(--lumo-font-size-s);color: var(--lumo-body-text-color);margin-bottom: var(--lumo-space-xs)}.weekly-availability-chips .availability-chips-container{display: flex;flex-wrap: nowrap;gap: 8px;width: 100%}.weekly-availability-chips .availability-chip{flex: 1 !important;min-width: 0 !important;padding: 8px 4px !important;border-radius: 18px !important;font-size: var(--lumo-font-size-s) !important;cursor: pointer !important;display: flex !important;align-items: center !important;justify-content: center !important;text-align: center !important;transition: all 0.15s ease-in-out !important;line-height: 1.2 !important;height: auto !important;min-height: 32px !important;max-width: 120px !important}.weekly-availability-chips .availability-chip[theme~="primary"]{background-color: #805AD5 !important;color: white !important;border: 2px solid #805AD5 !important;font-weight: 500 !important}.weekly-availability-chips .availability-chip[theme~="tertiary"]{background-color: transparent !important;color: var(--lumo-body-text-color) !important;border: 2px solid var(--lumo-contrast-20pct) !important;font-weight: 400 !important}.weekly-availability-chips .availability-chip:hover{transform: translateY(-1px);box-shadow: 0 2px 4px rgba(0,0,0,0.1)}.weekly-availability-chips .availability-chip[theme~="tertiary"]:hover{border-color: #805AD5 !important;color: #805AD5 !important}@media (max-width: 768px){.weekly-availability-chips .availability-day-row{margin-bottom: var(--lumo-space-xs)}.weekly-availability-chips .availability-day-label{font-size: var(--lumo-font-size-xs);margin-bottom: 4px}.weekly-availability-chips .availability-chips-container{gap: 6px}.weekly-availability-chips .availability-chip{flex: 1 !important;padding: 6px 2px !important;border-radius: 14px !important;font-size: 12px !important;min-height: 28px !important;max-width: none !important}}@media (max-width: 400px){.weekly-availability-chips .availability-chip{padding: 5px 2px !important;font-size: 11px !important;min-height: 24px !important;border-radius: 12px !important}}@media (max-width: 768px){.profile-edit-form,.onboarding-wizard,.form-content,.view-content{padding-bottom: 80px !important}.profile-edit-form>.vaadin-vertical-layout>.vaadin-horizontal-layout:last-child,.form-footer,.action-buttons{position: sticky !important;bottom: 70px !important;background: var(--lumo-base-color) !important;padding: 12px 16px !important;margin: 0 -16px !important;width: calc(100% + 32px) !important;box-shadow: 0 -2px 8px rgba(0,0,0,0.1) !important;z-index: 10 !important}}@media (max-width: 768px){.event-grid{padding-bottom: 70px !important}.responsive-grid.responsive-grid-mobile{--lumo-size-m: 44px}.responsive-grid.responsive-grid-mobile vaadin-grid-cell-content{padding: var(--lumo-space-s) !important}.responsive-grid.responsive-grid-mobile::part(header-cell){display: none !important}.responsive-grid.responsive-grid-mobile::part(row){background: var(--lumo-base-color) !important;border-radius: var(--xh-radius-md) !important;margin-bottom: var(--lumo-space-s) !important;box-shadow: var(--xh-shadow-sm) !important;border: 1px solid var(--lumo-contrast-10pct) !important}.responsive-grid.responsive-grid-mobile::part(body-cell){border-bottom: none !important}.responsive-grid.responsive-grid-mobile vaadin-button[theme~="icon"]{min-width: 40px !important;min-height: 40px !important}.grid-toolbar{flex-direction: column !important;gap: var(--lumo-space-m) !important;align-items: stretch !important}.grid-toolbar vaadin-text-field{width: 100% !important;max-width: none !important}.grid-toolbar vaadin-horizontal-layout{width: 100% !important;justify-content: space-between !important}.usage-badge{order: -1 !important;width: 100% !important;text-align: center !important;margin-bottom: var(--lumo-space-s) !important}}@media (max-width: 640px){vaadin-dialog-overlay[class*="modern-dialog"]::part(overlay),.modern-dialog{width: 100vw !important;max-width: 100vw !important;height: calc(100vh - 70px) !important;max-height: calc(100vh - 70px) !important;border-radius: 0 !important;margin: 0 !important}.modern-dialog .dialog-body{flex: 1 1 auto !important;min-height: 0 !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important}vaadin-dialog-overlay[class*="modern-dialog"]::part(content){display: flex !important;flex-direction: column !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important;height: 100% !important}.modern-dialog vaadin-vertical-layout{flex: 1 1 auto !important;min-height: 0 !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important}.modern-dialog vaadin-scroller{flex: 1 1 auto !important;min-height: 0 !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important}.modern-dialog vaadin-form-layout{--vaadin-form-layout-column-spacing: 0 !important}.modern-dialog vaadin-text-field,.modern-dialog vaadin-text-area,.modern-dialog vaadin-date-picker,.modern-dialog vaadin-time-picker,.modern-dialog vaadin-combo-box,.modern-dialog vaadin-select,.modern-dialog vaadin-upload{width: 100% !important}.modern-dialog .dialog-footer vaadin-button{flex: 1 !important;min-height: 44px !important}}@media (max-width: 768px){.modern-shift-form vaadin-horizontal-layout,.modern-shift-form .time-picker-row,.modern-shift-form .shift-dialog-time-section{flex-direction: column !important;gap: var(--lumo-space-s) !important}.modern-shift-form vaadin-time-picker,.modern-shift-form vaadin-date-picker{width: 100% !important}.modern-shift-form vaadin-checkbox-group{overflow-x: auto !important;-webkit-overflow-scrolling: touch !important;padding-bottom: var(--lumo-space-s) !important}.modern-shift-form vaadin-checkbox-group::part(group-field){flex-wrap: nowrap !important;gap: var(--lumo-space-s) !important}.modern-shift-form vaadin-checkbox{min-height: 44px !important;padding: var(--lumo-space-xs) var(--lumo-space-s) !important;border: 1px solid var(--lumo-contrast-20pct) !important;border-radius: var(--xh-radius-sm) !important;background: var(--lumo-base-color) !important}.modern-shift-form vaadin-checkbox:hover{border-color: var(--xh-primary) !important}.modern-shift-form vaadin-upload,.modern-event-form vaadin-upload,.event-form vaadin-upload{border: 2px dashed var(--lumo-contrast-30pct) !important;border-radius: var(--xh-radius-md) !important;padding: var(--lumo-space-l) !important;min-height: 120px !important}.modern-shift-form vaadin-upload:active,.modern-event-form vaadin-upload:active,.event-form vaadin-upload:active{border-color: var(--xh-primary) !important;background: var(--xh-primary-ultralight) !important}.modern-shift-form vaadin-upload vaadin-button,.modern-event-form vaadin-upload vaadin-button,.event-form vaadin-upload vaadin-button{width: 100% !important;min-height: 44px !important}.modern-shift-form .shift-dialog-seats-section,.modern-shift-form .shift-dialog-wage-section{flex-direction: column !important;align-items: stretch !important;gap: var(--lumo-space-s) !important}.modern-shift-form .shift-dialog-seats-section>*,.modern-shift-form .shift-dialog-wage-section>*{width: 100% !important}}@media (max-width: 768px){.my-events-view{padding-bottom: 70px !important}.my-events-view .events-grid{gap: var(--lumo-space-s) !important}.my-events-view .my-event-card{width: 100% !important;max-width: none !important;min-width: auto !important}}@media (max-width: 768px){.admin-config-view,[class*="config-view"]{padding-bottom: 70px !important}.admin-config-view vaadin-tabs,[class*="config-view"] vaadin-tabs{width: 100% !important}.admin-config-view vaadin-tab,[class*="config-view"] vaadin-tab{flex: 1 !important;text-align: center !important}.admin-config-view vaadin-split-layout,[class*="config-view"] vaadin-split-layout{flex-direction: column !important}.admin-config-view vaadin-split-layout>*,[class*="config-view"] vaadin-split-layout>*{width: 100% !important;min-width: auto !important}}@media (max-width: 768px){.admin-carousel-view,.admin-shifts-view,.admin-dates-view,.admin-filters-view{padding-bottom: 70px !important}.carousel-grid{padding-bottom: var(--lumo-space-m) !important}.carousel-grid::part(header-cell){display: none !important}.carousel-grid::part(row){background: var(--lumo-base-color) !important;border-radius: var(--xh-radius-md) !important;margin-bottom: var(--lumo-space-s) !important;box-shadow: var(--xh-shadow-sm) !important;border: 1px solid var(--lumo-contrast-10pct) !important}.carousel-grid::part(body-cell){border-bottom: none !important;padding: var(--lumo-space-s) !important}.carousel-grid img{width: 60px !important;height: 34px !important}.shift-grid{padding-bottom: var(--lumo-space-m) !important}.shift-grid::part(header-cell){display: none !important}.shift-grid::part(row){background: var(--lumo-base-color) !important;border-radius: var(--xh-radius-md) !important;margin-bottom: var(--lumo-space-s) !important;box-shadow: var(--xh-shadow-sm) !important;border: 1px solid var(--lumo-contrast-10pct) !important}.shift-grid::part(body-cell){border-bottom: none !important;padding: var(--lumo-space-s) !important}.date-grid{padding-bottom: var(--lumo-space-m) !important}.date-grid::part(header-cell){display: none !important}.date-grid::part(row){background: var(--lumo-base-color) !important;border-radius: var(--xh-radius-md) !important;margin-bottom: var(--lumo-space-s) !important;box-shadow: var(--xh-shadow-sm) !important;border: 1px solid var(--lumo-contrast-10pct) !important}.date-grid::part(body-cell){border-bottom: none !important;padding: var(--lumo-space-s) !important}.filter-grid{padding-bottom: var(--lumo-space-m) !important}.filter-grid::part(header-cell){display: none !important}.filter-grid::part(row){background: var(--lumo-base-color) !important;border-radius: var(--xh-radius-md) !important;margin-bottom: var(--lumo-space-s) !important;box-shadow: var(--xh-shadow-sm) !important;border: 1px solid var(--lumo-contrast-10pct) !important}.filter-grid::part(body-cell){border-bottom: none !important;padding: var(--lumo-space-s) !important}.applicants-dialog{width: 100vw !important;max-width: 100vw !important;height: 100vh !important;max-height: 100vh !important;border-radius: 0 !important;margin: 0 !important}.applicants-grid::part(header-cell){display: none !important}.applicants-grid::part(row){background: var(--lumo-base-color) !important;border-radius: var(--xh-radius-md) !important;margin-bottom: var(--lumo-space-s) !important;box-shadow: var(--xh-shadow-sm) !important;border: 1px solid var(--lumo-contrast-10pct) !important}.applicants-grid::part(body-cell){border-bottom: none !important;padding: var(--lumo-space-s) !important}.carousel-grid vaadin-button[theme~="icon"],.shift-grid vaadin-button[theme~="icon"],.date-grid vaadin-button[theme~="icon"],.filter-grid vaadin-button[theme~="icon"],.applicants-grid vaadin-button[theme~="icon"]{min-width: 40px !important;min-height: 40px !important}.carousel-grid vaadin-grid-cell-content,.shift-grid vaadin-grid-cell-content,.date-grid vaadin-grid-cell-content,.filter-grid vaadin-grid-cell-content,.applicants-grid vaadin-grid-cell-content{padding: var(--lumo-space-s) !important}.shift-grid [theme~="badge"],.filter-grid [theme~="badge"],.applicants-grid [theme~="badge"]{font-size: var(--lumo-font-size-xs) !important;padding: 2px 6px !important}.admin-filters-view vaadin-combo-box{width: 100% !important}.admin-filters-view h3{font-size: var(--lumo-font-size-m) !important;margin-bottom: var(--lumo-space-s) !important}.config-breadcrumb{flex-wrap: wrap !important;gap: var(--lumo-space-xs) !important;padding: var(--lumo-space-s) !important}.config-breadcrumb vaadin-button{font-size: var(--lumo-font-size-s) !important;padding: var(--lumo-space-xs) var(--lumo-space-s) !important}.config-breadcrumb .breadcrumb-separator{font-size: var(--lumo-font-size-s) !important}}@media (max-width: 768px){.chat-overlay,.chat-launcher,.chat-launcher-button,[class*="chat-overlay"],[class*="chat-launcher"]{display: none !important}}.schedule-filter-bar{padding: var(--lumo-space-m) !important;width: 100% !important}.schedule-filter-bar .desktop-filters,.schedule-filters,.event-filters{display: grid !important;gap: 12px !important;width: 100% !important;padding: var(--lumo-space-s) 0 !important}.desktop-filters vaadin-vertical-layout{display: contents !important}.desktop-filters vaadin-horizontal-layout{display: contents !important}.schedule-filter-bar .filter-dropdown-button,.schedule-filters vaadin-select,.schedule-filters vaadin-combo-box,.schedule-filters vaadin-date-picker,.schedule-filters vaadin-text-field{width: 100% !important;min-width: 0 !important}.schedule-filter-bar .filter-dropdown-button{--lumo-size-m: 36px !important;font-size: 13px !important;justify-content: space-between !important}@media (min-width: 1024px){.schedule-filter-bar .desktop-filters,.schedule-filters,.event-filters{grid-template-columns: repeat(4,1fr) !important}}@media (min-width: 768px) and (max-width: 1023px){.schedule-filter-bar .desktop-filters,.schedule-filters,.event-filters{grid-template-columns: repeat(3,1fr) !important}}@media (max-width: 767px){.schedule-filter-bar{padding: var(--lumo-space-s) !important}.schedule-filter-bar .desktop-filters,.schedule-filters,.event-filters{grid-template-columns: repeat(2,1fr) !important;gap: 8px !important}.schedule-filter-bar .desktop-filters{display: none !important}.schedule-filter-bar .mobile-filters{display: flex !important;width: 100% !important;justify-content: space-between !important;align-items: center !important}.mobile-filter-trigger{--lumo-size-m: 40px !important;font-size: var(--lumo-font-size-s) !important}.filter-badge{min-width: 18px !important;height: 18px !important;font-size: 10px !important}.schedule-filter-bar .mobile-filters vaadin-combo-box{--lumo-size-m: 40px !important;font-size: var(--lumo-font-size-s) !important;flex: 1 !important;max-width: 160px !important}}@media (max-width: 400px){.schedule-filter-bar .desktop-filters,.schedule-filters,.event-filters{grid-template-columns: 1fr !important}}@media (max-width: 767px){.schedule-filters .sort-dropdown,.schedule-filters .filter-sort-combo{grid-column: 1 / -1 !important}.schedule-filters .clear-filters-btn{grid-column: 1 / -1 !important;justify-self: end !important}}@media (max-width: 768px){.filter-bottom-sheet{width: 100vw !important;max-width: 100vw !important;max-height: 90vh !important;border-radius: var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0 !important;margin: 0 !important;bottom: 0 !important;position: fixed !important}.filter-bottom-sheet::part(overlay){border-radius: var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0 !important}.filter-bottom-sheet vaadin-checkbox-group{display: grid !important;grid-template-columns: repeat(2,1fr) !important;gap: var(--lumo-space-xs) !important}.filter-bottom-sheet h4{font-size: var(--lumo-font-size-s) !important;margin-bottom: var(--lumo-space-xs) !important}.filter-bottom-sheet vaadin-checkbox{font-size: var(--lumo-font-size-s) !important}.filter-bottom-sheet vaadin-date-picker{width: 100% !important;flex: 1 !important}.filter-bottom-sheet vaadin-number-field{width: 80px !important}.filter-bottom-sheet vaadin-button{min-height: 44px !important}}@media (max-width: 768px){.event-card,.schedule-event-card{width: 100% !important;margin-bottom: var(--lumo-space-s) !important}.event-card .details-button,.schedule-event-card vaadin-button{width: 100% !important;margin-top: var(--lumo-space-s) !important}.schedule-filter-bar>span:first-child{font-size: var(--lumo-font-size-m) !important}[class*="schedule-view"],.schedule-view{padding-bottom: 70px !important}}@media (min-width: 769px){.event-map-view .map-panel{flex: 0 0 50% !important;width: 50% !important;min-width: 300px}.event-map-view .list-panel{flex: 0 0 50% !important;width: 50% !important;max-width: none !important;padding: 0 16px}.event-map-view .list-panel .event-card{width: 100% !important;max-width: none !important;box-sizing: border-box}.event-map-view .list-panel vaadin-vertical-layout{width: 100% !important}.event-map-view [class*="card"]{max-width: none !important}}@media (max-width: 768px){.event-map-view .map-panel,.event-map-view .list-panel{width: 100% !important;flex: 1 1 100% !important}}.changelog-dialog{--lumo-dialog-overlay-width: 600px}.changelog-dialog vaadin-vertical-layout{gap: var(--lumo-space-m) !important}.changelog-dialog vaadin-vertical-layout>vaadin-vertical-layout{display: block !important;margin-bottom: var(--lumo-space-m) !important;padding: var(--lumo-space-m) !important}.changelog-dialog *{position: relative !important}.changelog-dialog .version-description{display: block !important;margin-top: var(--lumo-space-s) !important;line-height: 1.6 !important;word-wrap: break-word !important}.landing-language-buttons{display: flex;gap: 8px;align-items: center}.landing-language-button{min-width: 40px !important;padding: 4px 8px !important;font-weight: 600 !important;border-radius: 4px !important;background: rgba(255,255,255,0.1) !important;color: white !important;transition: background 0.2s ease !important}.landing-language-button:hover{background: rgba(255,255,255,0.2) !important}.flag-button{min-width: 32px !important;padding: 4px !important}.flag-icon{font-size: 20px !important}@media (max-width: 768px){.hero-carousel{position: relative !important;z-index: 1 !important;display: block !important;width: 100% !important;margin-bottom: 24px !important;overflow: hidden !important;height: auto !important;min-height: 200px !important;max-height: 280px !important}.hero-carousel-wrapper{position: relative !important;height: auto !important}.hero-carousel-slides{position: relative !important;height: 160px !important;max-height: 160px !important}.hero-carousel + *,.hero-carousel~.event-carousel,.hero-carousel~.carousel-section{position: relative !important;z-index: 0 !important;margin-top: 0 !important}.mobile-schedule-view .event-carousel{position: relative !important;z-index: 0 !important;clear: both !important}.event-carousel-header,.event-carousel-scroll{position: relative !important;z-index: 0 !important}.mobile-schedule-view{display: flex !important;flex-direction: column !important;gap: 0 !important}.mobile-schedule-view>*{flex-shrink: 0 !important}}@media (max-width: 768px){.modern-dialog vaadin-dialog-overlay::part(overlay){width: 100% !important;max-width: 100% !important;margin: 0 !important;padding: 0 !important;overflow-x: hidden !important}.modern-dialog vaadin-dialog-overlay::part(content){padding: 0 !important;overflow-x: hidden !important;width: 100% !important;max-width: 100% !important}.modern-form{width: 100% !important;max-width: 100% !important;padding: 0 !important;margin: 0 !important;overflow-x: hidden !important;box-sizing: border-box !important}.modern-event-form,.event-form{width: 100% !important;max-width: 100% !important;padding: 16px !important;margin: 0 !important;overflow-x: hidden !important;box-sizing: border-box !important}.modern-event-form .form-section,.event-form .form-section{width: 100% !important;max-width: 100% !important;padding: 12px !important;margin: 0 0 16px 0 !important;box-sizing: border-box !important}.modern-event-form vaadin-text-field,.modern-event-form vaadin-text-area,.modern-event-form vaadin-date-picker,.modern-event-form vaadin-time-picker,.modern-event-form vaadin-combo-box,.modern-event-form vaadin-select,.event-form vaadin-text-field,.event-form vaadin-text-area,.event-form vaadin-date-picker,.event-form vaadin-time-picker,.event-form vaadin-combo-box,.event-form vaadin-select{width: 100% !important;max-width: 100% !important;box-sizing: border-box !important}.modern-event-form .multilingual-text-field,.event-form .multilingual-text-field{width: 100% !important;max-width: 100% !important}.modern-event-form vaadin-tabs,.event-form vaadin-tabs{width: 100% !important;max-width: 100% !important;overflow-x: auto !important;-webkit-overflow-scrolling: touch !important}.modern-event-form [class*="address"],.event-form [class*="address"]{width: 100% !important;max-width: calc(100vw - 32px) !important}.pac-container{width: calc(100vw - 32px) !important;max-width: calc(100vw - 32px) !important;left: 16px !important}.modern-dialog .dialog-header{width: 100% !important;max-width: 100% !important;padding: 12px 16px !important;margin: 0 !important;position: sticky !important;top: 0 !important;z-index: 100 !important;background: white !important;box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;box-sizing: border-box !important}.modern-dialog .dialog-footer vaadin-button{flex: 1 !important;min-width: 0 !important}.modern-form{padding-bottom: 0 !important}.modern-event-form .form-section:has(vaadin-upload),.event-form .form-section:has(vaadin-upload){width: 100% !important}.modern-event-form vaadin-upload,.event-form vaadin-upload{width: 100% !important;max-width: 100% !important}.modern-event-form vaadin-checkbox-group,.event-form vaadin-checkbox-group{width: 100% !important;flex-wrap: wrap !important}.modern-event-form vaadin-form-layout,.event-form vaadin-form-layout{--vaadin-form-layout-column-spacing: 8px !important}}@media (max-width: 400px){.modern-event-form,.event-form{padding: 12px !important}.modern-event-form .form-section,.event-form .form-section{padding: 8px !important}.modern-dialog .dialog-header{padding: 8px 12px !important}}@media (max-width: 768px){.event-grid{width: 100% !important;max-width: 100% !important;overflow-x: hidden !important}.event-grid vaadin-grid-cell-content{padding: 8px 4px !important}.event-grid vaadin-grid-cell-content:first-child{white-space: normal !important;word-wrap: break-word !important;line-height: 1.3 !important}.event-grid vaadin-horizontal-layout{flex-wrap: wrap !important;gap: 2px !important;justify-content: flex-start !important;max-width: 100% !important}.event-grid vaadin-button{min-width: 32px !important;min-height: 32px !important;padding: 4px !important;--lumo-button-size: 28px !important}.event-grid vaadin-button[theme~="icon"]{width: 32px !important;height: 32px !important}.event-grid vaadin-menu-bar,.event-grid .event-more-menu{min-width: 32px !important;--lumo-button-size: 28px !important}.event-grid vaadin-menu-bar vaadin-menu-bar-button{min-width: 32px !important;min-height: 32px !important;padding: 4px !important}.grid-toolbar{flex-direction: column !important;align-items: stretch !important;gap: 12px !important;padding: 12px !important}.grid-toolbar vaadin-text-field{width: 100% !important;max-width: 100% !important}.grid-toolbar vaadin-horizontal-layout{width: 100% !important;justify-content: space-between !important}.usage-badge{margin: 0 auto !important}.event-grid vaadin-grid-cell-content[slot="header"]{font-size: 12px !important;padding: 6px 4px !important}.event-grid vaadin-grid-cell-content[slot="footer"]{font-size: 11px !important;padding: 6px 4px !important}}@media (max-width: 400px){.event-grid vaadin-grid-cell-content{padding: 6px 2px !important}.event-grid vaadin-button{min-width: 28px !important;min-height: 28px !important;--lumo-button-size: 24px !important}.event-grid vaadin-button[theme~="icon"]{width: 28px !important;height: 28px !important}.event-grid vaadin-menu-bar,.event-grid .event-more-menu{min-width: 28px !important;--lumo-button-size: 24px !important}.event-grid vaadin-menu-bar vaadin-menu-bar-button{min-width: 28px !important;min-height: 28px !important}}.event-more-menu{min-width: 32px}.event-more-menu vaadin-menu-bar-button{min-width: 32px;padding: 0 4px}.event-more-menu vaadin-context-menu-item vaadin-horizontal-layout{gap: 8px;align-items: center}.event-more-menu vaadin-context-menu-item vaadin-icon,.event-more-menu vaadin-context-menu-item svg{width: 18px;height: 18px;flex-shrink: 0}@media (max-width: 768px){.event-editor-view{padding: var(--lumo-space-m);padding-bottom: calc(140px + env(safe-area-inset-bottom,0px))}.event-editor-header{flex-direction: column;align-items: flex-start !important;gap: var(--lumo-space-s)}.event-editor-title{font-size: var(--lumo-font-size-l)}.day-accordion-item{border-radius: var(--lumo-border-radius-m)}.day-summary{flex-direction: column;align-items: flex-start !important;gap: var(--lumo-space-s)}.day-summary>vaadin-horizontal-layout:last-child{width: 100%;justify-content: flex-end}.desktop-header-actions{display: none !important}.mobile-header-actions{display: flex !important}.shift-card{padding: 12px;display: flex;flex-direction: column;gap: 8px}.shift-card-header{flex-wrap: wrap;gap: var(--lumo-space-s)}.shift-time{font-size: var(--lumo-font-size-l)}.job-chip{min-height: 44px;min-width: 44px;padding: 8px 16px;font-size: var(--lumo-font-size-s);display: inline-flex;align-items: center;justify-content: center}.shift-card-info{flex-direction: column;align-items: flex-start;gap: var(--lumo-space-s)}.job-chips-container{width: 100%}.shift-card-actions{width: 100%;justify-content: flex-end;gap: var(--lumo-space-s);margin-top: 4px;padding-top: 8px;border-top: 1px solid var(--lumo-contrast-10pct)}.sticky-add-button{display: flex !important;align-items: center !important;justify-content: center !important;position: fixed !important;bottom: 80px;left: 16px;right: 16px;z-index: 1000;border-radius: 24px !important;box-shadow: 0 4px 12px rgba(128,90,213,0.4);height: 48px !important;min-height: 48px;font-size: 14px !important;padding: 0 24px !important}.empty-state-text{color: var(--lumo-secondary-text-color);font-style: italic;margin: var(--lumo-space-s) 0}.shift-edit-dialog vaadin-dialog-overlay::part(overlay){width: 100vw !important;max-width: 100vw !important;height: calc(100vh - 70px) !important;max-height: calc(100vh - 70px) !important;border-radius: 0 !important}.shift-edit-dialog vaadin-dialog-overlay::part(content){display: flex !important;flex-direction: column !important;padding: 0 !important;flex: 1 1 auto !important;min-height: 0 !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important}.shift-edit-dialog vaadin-dialog-overlay::part(footer){display: none !important;height: 0 !important;padding: 0 !important;margin: 0 !important;min-height: 0 !important}.shift-edit-dialog vaadin-vertical-layout{flex: 1 1 auto !important;min-height: 0 !important;overflow: hidden !important}.shift-edit-dialog vaadin-scroller{flex: 1 1 auto !important;min-height: 0 !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important}.event-details-section [slot="summary"]{padding: var(--lumo-space-s) var(--lumo-space-m)}.event-stats-badge{font-size: var(--lumo-font-size-xs)}}@media (min-width: 769px){.desktop-header-actions{display: flex !important}.mobile-header-actions{display: none !important}}.mobile-header-actions{display: none}@media (orientation: portrait),(max-width: 500px){vaadin-dialog-overlay::part(overlay){max-height: calc(100vh - 70px) !important}vaadin-dialog-overlay::part(content){display: flex !important;flex-direction: column !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important;padding-bottom: 0 !important}vaadin-dialog-overlay vaadin-vertical-layout{flex: 1 1 auto !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important;min-height: 0 !important}vaadin-dialog-overlay vaadin-form-layout{flex: 1 1 auto !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important;min-height: 0 !important}vaadin-dialog-overlay vaadin-scroller{flex: 1 1 auto !important;min-height: 0 !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important}}.delete-icon-btn{background: transparent !important;color: var(--lumo-error-color) !important;padding: 8px !important;min-width: 40px !important;width: 40px !important;height: 40px !important;border-radius: var(--xh-radius-md) !important;flex-shrink: 0}.delete-icon-btn:hover{background: var(--lumo-error-color-10pct) !important}.header-overflow-menu{--lumo-font-size-m: 14px}@media (max-width: 768px){.dialog-footer,vaadin-horizontal-layout.dialog-footer,.modern-dialog .dialog-footer{display: flex !important;visibility: visible !important;position: sticky !important;bottom: 70px !important;background: white !important;padding: 12px 16px !important;padding-bottom: calc(12px + env(safe-area-inset-bottom,0px)) !important;border-top: 1px solid var(--lumo-contrast-10pct) !important;z-index: 100 !important;flex-shrink: 0 !important;margin: 0 !important;box-shadow: 0 -2px 8px rgba(0,0,0,0.1) !important;box-sizing: border-box !important;gap: 12px !important}.dialog-footer vaadin-button,.modern-dialog .dialog-footer vaadin-button{flex: 1 !important;min-height: 44px !important;min-width: 0 !important}}@media (max-width: 768px) and (orientation: landscape){.dialog-footer,.modern-dialog .dialog-footer{padding: 8px 12px !important;padding-bottom: calc(8px + env(safe-area-inset-bottom,0px)) !important}}@media (max-width: 400px){.dialog-footer,.modern-dialog .dialog-footer{padding: 8px 12px !important;padding-bottom: calc(8px + env(safe-area-inset-bottom,0px)) !important}}