.my-profile-view{display: block;margin: 0 auto;padding: 0 var(--lumo-space-l);max-width: 1200px}.my-profile-view .form-layout{border-style: solid;border-color: blue;border-width: 0.5px;padding: 40px;border-radius: 20px 20px}.my-profile-view .button-layout{margin-bottom: var(--lumo-space-l);margin-top: var(--lumo-space-m)}.reset-password-view{display: block;margin: 0 auto;padding: 0 var(--lumo-space-l);max-width: 500px}.reset-password-view .reset-password-form-layout{border-style: solid;border-color: blue;border-width: 0.5px;padding: 40px;border-radius: 20px 20px;margin-top:10px}.reset-password-view .reset-password-button-layout{margin-bottom: var(--lumo-space-l);margin-top: var(--lumo-space-m)}.reset-password-view .error-message{border-style: solid;border-color: #ffb8ab;border-width: 1px;border-left-width:0px;background-color: #f2dede;color:#b94a48}.reset-password-view .error-image{border-style: solid;border-color: #ffb8ab;border-width: 1px;border-left-width:8px;border-right-width:0px;background-color: #f2dede}.home-view .error-message{border-style: solid;border-color: #ffb8ab;border-width: 1px;border-left-width:0px;background-color: #f2dede;color:#b94a48}.home-view .error-image{border-style: solid;border-color: #ffb8ab;border-width: 1px;border-left-width:8px;border-right-width:0px;background-color: #f2dede}.about-page{display: block;margin: 0 auto;padding: 0 var(--lumo-space-l);max-width: 500px}.about-page .form-layout{border-style: solid;border-color: orange;border-width: 0.5px;padding: 40px;border-radius: 20px 20px;margin-top: 20px}.about-page .image{opacity: 0.9;text-align: center}vaadin-app-layout::part(navbar){background-color: #e2ebf3}vaadin-app-layout::part(drawer){background-color: #e2ebf3}.customer-data-view{display: block;margin: 0 auto;padding: 0 var(--lumo-space-l);max-width: 1200px}.customer-data-view .form-layout{border-style: solid;border-color:green;border-width: 0.5px;padding: 30px}.customer-data-view .product-table{border-style: solid;border-color:blue;border-width: 0.5px;padding: 30px}.customer-data-view .order-table{border-style: solid;border-color:orange;border-width: 0.5px;padding: 30px;margin-top: var(--lumo-space-m)}.shift-overview-view{width: 100%;height: 100%;min-width: 0;min-height: 0;max-width: 100%;box-sizing: border-box;overflow: hidden}.shift-overview-header{width: 100%;min-width: 0;max-width: 100%;padding: 16px 20px;box-sizing: border-box;border-bottom: 1px solid #e5e7eb;background: #ffffff;overflow: hidden}.shift-overview-period{min-width: 190px;font-weight: 600;text-align: center;white-space: nowrap}.shift-overview-scroll{width: 100%;height: 100%;min-width: 0;min-height: 0;max-width: 100%;box-sizing: border-box;overflow-x: auto;overflow-y: auto;background: #f8fafc}.shift-overview-table{display: grid;min-width: max-content;background: #ffffff}.shift-overview-row{display: grid;min-height: 80px}.shift-overview-header-row,.shift-overview-summary-row{min-height: 54px}.shift-overview-employee-cell{position: sticky;left: 0;z-index: 10;width: 220px;min-width: 220px;box-sizing: border-box;padding: 10px 14px;display: flex;flex-direction: column;justify-content: center;background: #f8fafc;border-right: 1px solid #e5e7eb;border-bottom: 1px solid #e5e7eb;isolation: isolate}.shift-overview-header-row .shift-overview-employee-cell{z-index: 20;background: #f1f5f9;font-weight: 600}.shift-overview-summary-row .shift-overview-employee-cell{z-index: 20;background: #f1f5f9;font-weight: 700}.shift-overview-employee-name{font-size: 14px;font-weight: 600}.shift-overview-location{margin-top: 3px;font-size: 12px;color: #64748b}.shift-overview-weekly-hours{margin-top: 3px;font-size: 12px}.shift-overview-day-header{width: 135px;min-width: 135px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;padding: 8px;background: #f1f5f9;border-right: 1px solid #e5e7eb;border-bottom: 1px solid #e5e7eb;font-size: 13px;font-weight: 600;white-space: nowrap}.shift-overview-today{background: #dbeafe}.shift-overview-total-header{position: sticky;right: 0;z-index: 20;width: 100px;min-width: 100px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;padding: 8px;background: #f1f5f9;border-bottom: 1px solid #e5e7eb;font-weight: 600;white-space: nowrap;box-shadow: -4px 0 8px rgba(0,0,0,0.06)}.shift-overview-day-cell{width: 135px;min-width: 135px;box-sizing: border-box;padding: 6px;border-right: 1px solid #e5e7eb;border-bottom: 1px solid #e5e7eb;background: #ffffff}.shift-overview-shift{box-sizing: border-box;padding: 7px 8px;margin-bottom: 5px;border-radius: 6px;background: #eff6ff;border-left: 3px solid #3b82f6;font-size: 12px;overflow: hidden}.shift-overview-shift:last-child{margin-bottom: 0}.shift-overview-shift-time{display: block;font-weight: 600;white-space: nowrap}.shift-overview-shift-site{display: block;margin-top: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #475569}.shift-overview-shift-status{display: block;margin-top: 3px;font-size: 11px;font-weight: 700}.shift-overview-shift-cancelled{background: #fef2f2;border-left-color: #dc2626;text-decoration: line-through}.shift-overview-hours-cell{width: 100px;min-width: 100px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;border-right: 1px solid #e5e7eb;border-bottom: 1px solid #e5e7eb;font-size: 13px;font-weight: 600;background: #f8fafc;white-space: nowrap}.shift-overview-employee-total{position: sticky;right: 0;z-index: 10;background: #f8fafc;box-shadow: -4px 0 8px rgba(0,0,0,0.06)}.shift-overview-employee-total-exceeded{position: sticky;right: 0;z-index: 10;background: orange;box-shadow: -4px 0 8px rgba(0,0,0,0.06)}.shift-overview-summary-label{justify-content: center}.shift-overview-grand-total,.shift-overview-week-total{position: sticky;right: 0;z-index: 20;background: #e2e8f0;font-weight: 700;box-shadow: -4px 0 8px rgba(0,0,0,0.06)}.shift-overview-week-container{width: max-content;min-width: 100%;box-sizing: border-box;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 10px;overflow: visible}.shift-overview-month-container{width: max-content;min-width: 100%;box-sizing: border-box;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 10px;overflow: visible}.shift-overview-week-header{display: flex;align-items: center;justify-content: space-between;padding: 12px 16px;background: #f8fafc;border-bottom: 1px solid #e2e8f0}.shift-overview-week-title{font-size: 15px;font-weight: 700}.shift-overview-week-header-total{font-size: 14px;font-weight: 700}.shift-overview-month-summary{display: flex;align-items: center;justify-content: space-between;width: 100%;box-sizing: border-box;padding: 16px 20px;background: #f1f5f9;border: 1px solid #cbd5e1;border-radius: 10px}.shift-overview-month-summary-label{font-size: 16px;font-weight: 700}.shift-overview-month-summary-total{font-size: 18px;font-weight: 700}.calendar-overview-view-buttons{gap: 4px;padding: 5px;border: 1px solid #dfe3e8;border-radius: 10px}.calendar-overview-view-button{height: 34px;min-width: 65px;padding: 2px;border: none;border-radius: 7px;background: transparent;color: #5f6368;font-size: 14px;font-weight: 500;border: 0.5px solid #dfe3e8;cursor: pointer;transition: background-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease}.calendar-overview-view-button:hover{background: #ffffff;color: blue;}.calendar-overview-view-button-active{background: #ffffff;color: blue;font-weight: 600;box-shadow: 0 1px 3px rgba(0,0,0,0.12)}.my-button{border-style: solid;border-color: #E8E8E8;border-width: 0.5px;color:orange;font-family:monospace;background-color:black;border-radius: 20px 20px}.my-button:hover{border-color: red;color:black;background-color:orange}@charset "ISO-8859-1";.radio-group::part(label){color: #708090;font-size: 16px;font-weight: bold}.text-area::part(label){color: #708090;font-size: 16px;font-weight: bold}vaadin-checkbox[theme~="toggle-button"]::part(checkbox){position: relative;width: 40px;height: 22px;min-width: 40px;min-height: 22px;border-radius: 11px;background-color: grey;border: none;margin: 0;cursor: pointer;overflow: hidden;display: block;box-sizing: border-box;translate: 0 -2px}vaadin-checkbox[checked][theme~="toggle-button"]::part(checkbox){background-color: green !important}vaadin-dialog.my-dialog::part(header){background-color: #e2ebf3}vaadin-dialog.my-dialog::part(footer){background-color: #e2ebf3}.error-message-dialog::part(content){border: 2px solid #dc3545;border-radius: 8px;box-shadow: 0 0 12px rgba(220,53,69,0.25)}.success-message-dialog::part(content){border: 2px solid #198754;border-radius: 8px;box-shadow: 0 0 12px rgba(25,135,84,0.25)}[readonly]::part(input-field){border: 1px solid #dcdcdc;opacity: 1}vaadin-grid::part(low-stock){background: rgba(255,255,0,0.19)}vaadin-grid::part(out-of-stock){background: rgba(255,128,114,0.19)}.filter-bar{margin-top: 10px;margin-bottom: 10px}.sticky-tabs{position: sticky;top: 0;z-index: 1;margin-top: 2px;border: 1px solid #e2ebf3}@media (max-width: 768px){.sticky-tabs{position: relative;top: unset}}.details-component{border: 1px solid #d0d0d0;border-radius: 6px;padding: 5px;box-shadow: 0 1px 3px rgba(0,0,0,0.08)}.dashboard-card-image{width: 65%;height: 65%;object-fit: contain}.dashboard-card::part(media){display: flex;align-items: center;justify-content: center}.dashboard-card [slot="title"],.dashboard-card [slot="subtitle"]{width: 100%;text-align: center}.inactive-option{color: gray}.fc{--fc-border-color: #e5e7eb;--fc-page-bg-color: #ffffff;--fc-neutral-bg-color: #f8fafc;--fc-today-bg-color: #f8fafc;--fc-button-bg-color: #ffffff;--fc-button-border-color: #d1d5db;--fc-button-text-color: #374151;--fc-button-hover-bg-color: #f3f4f6;--fc-button-hover-border-color: #9ca3af;--fc-button-hover-text-color: #111827;--fc-button-active-bg-color: #f3f4f6;--fc-button-active-border-color: #9ca3af;--fc-button-active-text-color: #111827;font-family: var(--lumo-font-family)}.fc{border: 1px solid #e5e7eb;border-radius: 12px;overflow: hidden;background: #ffffff}.fc .fc-toolbar{padding: 16px 20px;margin-bottom: 0}.fc .fc-toolbar-title{font-size: 20px;font-weight: 600;color: blue}.fc .fc-button{border-radius: 7px;box-shadow: none;font-weight: 500;padding: 6px 12px}.fc .fc-day-today{background: #f8fafc !important}.fc .fc-col-header-cell{background: #f8fafc}.fc .fc-col-header-cell-cushion{padding: 10px 4px;font-size: 13px;font-weight: 600;color: #6b7280;text-decoration: none}.fc .fc-daygrid-day-number{padding: 8px;font-size: 13px;font-weight: 500;color: #4b5563;text-decoration: none}.fc .fc-event{border-radius: 6px;border: none;padding: 2px 5px;font-size: 12px;font-weight: 500}.fc .fc-event:hover{cursor: pointer;filter: brightness(0.96)}.fc .fc-timegrid-slot-label{font-size: 12px;color: #6b7280}.fc .fc-timegrid-slot{height: 2.5em}.calendar-view-buttons{gap: 2px;padding: 3px;background: #f1f3f5;border: 1px solid #dfe3e8;border-radius: 10px}.calendar-view-button{height: 34px;min-width: 65px;padding: 0 14px;border: none;border-radius: 7px;background: transparent;color: #5f6368;font-size: 14px;font-weight: 500;cursor: pointer;transition: background-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease}.calendar-view-button:hover{background: #ffffff;color: blue;}.calendar-view-button-active{background: #ffffff;color: blue;font-weight: 600;box-shadow: 0 1px 3px rgba(0,0,0,0.12)}vaadin-login-form vaadin-text-field,vaadin-login-form vaadin-password-field{width: 100%}vaadin-login-form vaadin-button{width: 100%}vaadin-login-overlay::part(card){width: 420px;padding: 2rem;box-sizing: border-box}vaadin-login-form{display: flex;flex-direction: column;align-items: stretch}.centered-content{margin: 0 auto;max-width: 250px}