:root{--request-footer-height: 160px}.app-header{flex-wrap: wrap;row-gap: 8px;padding: 0 12px;box-sizing: border-box}.app-header-right{gap: 8px;margin-left: auto;flex-wrap: wrap}@media (max-width: 768px){.app-header{flex-direction: column;align-items: stretch;gap: 8px;position: relative}.app-header-left{width: 100%;align-items: center;display: grid;grid-template-columns: auto 1fr auto}.app-logo{grid-column: 2;justify-self: center}.app-header-right{width: 100%;flex-direction: column;align-items: stretch;gap: 6px}.app-hotel-box{width: 100%}.app-logout-btn{width: 100%;justify-content: center}.app-logout-icon-btn::part(label){display: none}.app-logout-icon-btn{width: 40px;min-width: 40px;justify-content: center;align-self: flex-end;position: absolute;top: 6px;right: 12px}.request-toolbar,.request-list-toolbar{padding: 6px 12px;gap: 6px}.request-toolbar h1,.request-list-toolbar h1{font-size: 1.2rem;line-height: 1.2}.request-filters{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px}.request-filters>*{width: 100%;min-width: 0}.request-list-view{overflow: auto !important}.request-list-content{display: flex;flex-direction: column;gap: 12px;height: auto !important;overflow: visible}.request-list-section{min-height: 320px}.request-list-section>vaadin-grid{height: 320px !important;min-height: 320px}.request-breadcrumb-row{padding-right: 16px}}.app-admin-details{padding: 0 8px}.app-admin-details summary{cursor: pointer;font-weight: 600;padding: 6px 8px;border-radius: 6px}.app-admin-menu{gap: 4px;padding: 6px 0}.app-admin-menu a{display: block;padding: 6px 10px;border-radius: 6px;text-decoration: none;color: var(--lumo-body-text-color)}.app-admin-menu a:hover{background-color: var(--lumo-contrast-5pct)}.category-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));grid-auto-rows: max-content;align-items: start;align-content: start;gap: 24px;padding: 20px;width: 100%;overflow: auto}.category-card{display: flex;flex-direction: column;align-items: center;gap: 14px;padding: 28px;background: var(--lumo-base-color);border-radius: 16px;border: 1px solid var(--lumo-contrast-10pct);box-shadow: 0 4px 12px rgba(0,0,0,0.08);cursor: pointer;transition: transform 120ms ease,box-shadow 120ms ease,border-color 120ms ease}.category-card:hover{transform: translateY(-2px);box-shadow: 0 6px 14px rgba(0,0,0,0.12)}.category-card-selected{border-color: var(--lumo-primary-color);box-shadow: 0 0 0 2px var(--lumo-primary-color-10pct)}.category-card-image{width: 220px;height: 220px;object-fit: cover;border-radius: 14px;background: var(--lumo-contrast-5pct)}.category-card-name{font-weight: 600;text-align: center;font-size: 1.1rem}.category-breadcrumb{gap: 8px;padding: 8px 16px 0;font-size: 0.95rem;color: var(--lumo-secondary-text-color);flex-wrap: wrap}.breadcrumb-item{color: var(--lumo-primary-text-color);font-weight: 600}.breadcrumb-separator{color: var(--lumo-tertiary-text-color)}.product-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));grid-auto-rows: max-content;align-items: start;align-content: start;gap: 24px;padding: 20px;width: 100%;overflow: auto}.product-card{display: flex;flex-direction: column;align-items: center;gap: 12px;padding: 26px;background: var(--lumo-base-color);border-radius: 16px;border: 1px solid var(--lumo-contrast-10pct);box-shadow: 0 4px 12px rgba(0,0,0,0.08);cursor: pointer;transition: transform 120ms ease,box-shadow 120ms ease,border-color 120ms ease}.product-card:hover{transform: translateY(-2px);box-shadow: 0 6px 14px rgba(0,0,0,0.12)}.product-card-selected{border-color: var(--lumo-primary-color);box-shadow: 0 0 0 2px var(--lumo-primary-color-10pct)}.product-card-image{width: 200px;height: 200px;object-fit: cover;border-radius: 14px;background: var(--lumo-contrast-5pct)}.product-card-name{font-weight: 600;text-align: center;font-size: 1.1rem}.product-card-unit{font-size: 0.85rem;color: var(--lumo-secondary-text-color)}.product-card-price{font-size: 1rem;color: var(--lumo-secondary-text-color)}.product-empty{grid-column: 1 / -1;padding: 16px;color: var(--lumo-secondary-text-color);text-align: center}.selected-products{padding: 10px 12px;border-radius: 10px;background: var(--lumo-contrast-5pct);border: 1px solid var(--lumo-contrast-10pct)}.selected-products-title{font-weight: 600;display: block;margin-bottom: 8px}.selected-products-empty{color: var(--lumo-secondary-text-color)}.selected-products-list{display: flex;flex-direction: column;gap: 8px}.selected-product-base{font-size: 0.85rem;color: var(--lumo-secondary-text-color)}.selected-product-name{font-weight: 600}.selected-product-unit{font-size: 0.85rem;color: var(--lumo-secondary-text-color)}.request-create-btn{align-self: flex-start}.request-content{padding-bottom: 24px;padding-right: 12px;box-sizing: border-box;width: 100%}.request-layout{display: flex;align-items: stretch;gap: 16px;width: 100%;min-height: 100%;min-height: 0}.request-main{min-width: 0;width: 100%;flex: 1 1 auto;display: flex;flex-direction: column;min-height: 0}.request-sidebar{display: flex;flex-direction: column;gap: 12px;position: sticky;top: 0;align-self: flex-start;width: 0;max-width: 0;flex: 0 0 0;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 160ms ease;padding: 0;border-left: 0;background: var(--lumo-base-color);box-shadow: none;z-index: 1;max-height: calc(100vh - 16px);overflow: auto}.request-content{display: flex;flex-direction: column;flex: 1 1 auto;min-height: 0;overflow: auto}.request-content>.category-grid,.request-content>.product-grid{flex: 1 1 auto}.request-sidebar-header{display: flex;align-items: center;justify-content: space-between;gap: 8px}.request-sidebar-toggle{display: none}.request-sidebar-close{display: inline-flex}.request-sidebar-toggle-inline{display: inline-flex}.request-layout.sidebar-open .request-sidebar{width: 320px;max-width: 85vw;flex: 0 0 320px;padding: 16px;border-left: 1px solid var(--lumo-contrast-10pct);opacity: 1;visibility: visible;pointer-events: auto}.selected-product-meta{color: var(--lumo-secondary-text-color);font-size: 0.85rem}.selected-product-actions{display: flex;gap: 6px}.selected-product-row{display: grid;grid-template-columns: 1fr auto;gap: 8px;align-items: center;padding: 8px;border-radius: 8px;border: 1px solid var(--lumo-contrast-10pct);background: var(--lumo-contrast-5pct)}.request-header-row{gap: 12px;padding: 8px 16px 0;box-sizing: border-box}.request-header-row .view-title{margin: 0}.request-footer{position: sticky;bottom: 0;width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 12px 16px;background: var(--lumo-base-color);border-top: 1px solid var(--lumo-contrast-10pct);box-shadow: 0 -4px 12px rgba(0,0,0,0.08);z-index: 10;flex-wrap: wrap;box-sizing: border-box}.request-list-content{display: grid;grid-template-rows: 1fr 1fr;gap: 12px;padding: 12px;box-sizing: border-box}.request-list-section{display: flex;flex-direction: column;min-height: 0}.request-list-section>vaadin-grid{flex: 1 1 auto;min-height: 0}.request-edit-form{display: grid;gap: 12px;padding: 8px 0}.request-pagination{justify-content: center;gap: 12px;padding: 4px 0 12px;margin-top: auto}@media (max-width: 1400px){.category-grid{grid-template-columns: repeat(auto-fill,minmax(180px,1fr));gap: 18px;padding: 16px}.category-card{padding: 18px}.category-card-image{width: 150px;height: 150px}.product-grid{grid-template-columns: repeat(auto-fill,minmax(180px,1fr));gap: 18px;padding: 16px}.product-card{padding: 18px}.product-card-image{width: 150px;height: 150px}}@media (max-width: 1024px){.request-layout{position: relative}.category-grid{grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: 18px;padding: 16px}.category-card{padding: 20px}.category-card-image{width: 160px;height: 160px}.product-grid{grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: 18px;padding: 16px}.product-card{padding: 20px}.product-card-image{width: 160px;height: 160px}}@media (max-width: 900px){vaadin-horizontal-layout.supplier-price-controls{flex-direction: column;align-items: stretch;justify-content: flex-start;gap: 8px}vaadin-horizontal-layout.supplier-price-controls>*{width: 100%}}@media (max-width: 600px){:root{--request-footer-height: 220px}.category-grid{grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 16px;padding: 12px}.category-card{padding: 16px}.category-card-image{width: 140px;height: 140px}.product-grid{grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 16px;padding: 12px}.product-card{padding: 16px}.product-card-image{width: 140px;height: 140px}.selected-product-row{grid-template-columns: 1fr}}