.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)}.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}[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}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}