body {
    background: radial-gradient(circle at 25% 20%, #00b4ff 0%, #6f42c1 100%);
    min-height: 100vh;
    font-family: 'Poppins', sans-serif;
    color: white;
}
.list-group-item{
    cursor: pointer;
}

.nav-system-search {
    position: relative;
    align-items: center;
    gap: .15rem;
    min-width: min(300px, 30vw);
    padding: .2rem;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 12px;
    background: rgba(255,255,255,.1);
    backdrop-filter: blur(12px);
}

.nav-system-search > i {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    place-items: center;
    color: rgba(255,255,255,.7);
    font-size: .85rem;
    line-height: 1;
    pointer-events: none;
}

.nav-system-search .form-control {
    min-width: 0;
    height: 2rem;
    padding: .25rem .35rem;
    border: 0;
    background: transparent;
    color: #fff;
    line-height: 1.25;
    box-shadow: none;
}

.nav-system-search .form-control::placeholder { color: rgba(255,255,255,.66); }
.nav-system-search .btn { display: grid; width: 2rem; height: 2rem; flex: 0 0 2rem; padding: 0; place-items: center; border: 0; border-radius: 9px; background: rgba(255,255,255,.92); color: #1e3a8a; line-height: 1; }
.nav-system-search .btn:hover { background: #fff; transform: translateX(1px); }

.warehouse-back-link {
    border-radius: 10px;
    background: rgba(2, 6, 23, .18);
    font-weight: 600;
}

.warehouse-back-link:hover { background: rgba(2, 6, 23, .3); }

@media (max-width: 991.98px) {
    .nav-system-search { width: 100%; min-width: 0; }
    .warehouse-back-link { margin-top: .35rem; }
}