.app-container{display:flex;flex-direction:column;height:100vh;width:100%;max-width:none;margin:0;position:relative;background-color:#e6ecff;box-shadow:0 0 10px #0000001a;overflow:hidden}.app-header{position:fixed;top:0;left:0;right:0;z-index:1100;background-color:#0050aa;border-bottom:1px solid rgba(0,0,0,.12)}.app-header .MuiAppBar-root{background-color:#0050aa!important;color:#fff!important}.app-header .MuiToolbar-root,.app-header .MuiTypography-root,.app-header .MuiIconButton-root,.app-header .MuiButtonBase-root{color:#fff!important}.app-container .MuiListItem-root>.MuiBox-root:last-child{flex-direction:row!important;align-items:center!important;gap:8px!important}.products-container .MuiPaper-root{margin-bottom:10px!important}.products-container .MuiListItem-root{padding:16px 24px!important;gap:8px!important}.products-container .MuiListItem-root .MuiBox-root:first-child{display:flex!important;flex-direction:column;gap:4px;width:100%}.products-container .MuiListItem-root .MuiBox-root:first-child>.MuiBox-root{display:grid!important;grid-auto-flow:column;grid-auto-columns:max-content;align-items:baseline;column-gap:8px;margin-bottom:0!important}.products-container .MuiTypography-h6{margin:0!important;color:#0050aa!important;line-height:1.1!important;font-size:1.05rem!important;font-weight:700!important;display:inline-flex!important}.products-container .MuiTypography-body1{margin:0!important;font-size:.95rem!important;font-weight:600!important;line-height:1.15!important}.products-container .MuiTypography-caption{margin:0!important;line-height:1.1!important;color:#0009!important}.products-container .MuiListItem-root>.MuiBox-root:last-child{gap:6px!important}.products-container .MuiListItem-root>.MuiBox-root:last-child .MuiIconButton-root{padding:4px!important}.products-container .MuiChip-root,.products-container .MuiChip-root .MuiChip-label{background-color:transparent!important;border:none!important;color:#d32f2f!important;font-weight:700!important;padding:0!important;height:auto!important;box-shadow:none!important;font-size:1.05rem!important;line-height:1.1!important}.app-content{display:flex;flex-direction:column;height:100%;padding-top:120px;position:relative;overflow:hidden}.search-section{position:fixed;top:64px;left:0;right:0;padding:16px;background-color:#fff;z-index:1000;box-shadow:0 4px 12px #0000001a;border-bottom:1px solid rgba(0,0,0,.08)}.products-container{flex:1;overflow-y:auto;padding:0 16px 144px;position:relative;scrollbar-width:thin;scrollbar-color:#0050aa rgba(0,0,0,.1);background-color:transparent}.products-container::-webkit-scrollbar{width:8px}.products-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.products-container::-webkit-scrollbar-thumb{background-color:#0050aa;border-radius:4px}.search-glow{position:relative;z-index:1;border-radius:20px;background:#f3f4f6;transition:all .3s ease;box-shadow:0 4px 20px #0050aa66}.search-glow:focus-within{background:#fff;box-shadow:0 6px 25px 2px #0050aa80}.search-glow .MuiOutlinedInput-root{border-radius:20px!important}.search-glow .MuiOutlinedInput-notchedOutline{border:none!important}.search-glow .MuiInputBase-input{padding:12px 16px!important}.search-glow .MuiIconButton-root{color:#0000008a!important;padding:8px!important;margin-right:4px!important}.products-container:before{content:"";position:fixed;top:120px;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(0,0,0,.1),transparent);pointer-events:none;z-index:5}.products-container:after{content:"";position:fixed;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to top,rgba(0,0,0,.1),transparent);pointer-events:none;z-index:5}.search-glow .MuiOutlinedInput-root{transition:all .3s cubic-bezier(.4,0,.2,1)}.search-glow:focus-within .MuiOutlinedInput-root{transform:scale(1.01);background-color:#ffffffe6}