body{
    background:#f5f7fb;
    font-family:
    "Segoe UI",
    sans-serif;
}

.card{
    border:none;
    border-radius:20px;
    box-shadow:
    0 2px 15px
    rgba(0,0,0,.08);
}

.btn-primary{
    border-radius:12px;
}

.form-control{
    border-radius:12px;
}

.form-select{
    border-radius:12px;
}
body{
    background:#f5f7fb;
}

.login-card{
    width:400px;
    border:none;
    border-radius:20px;
}

.dashboard-card{
    height:180px;
    border-radius:20px;
    padding:20px;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transition:.2s;
}

.dashboard-card:hover{
    transform:scale(1.03);
}

.dashboard-card i{
    font-size:50px;
    margin-bottom:10px;
}

.category-card{
    height:120px;
    border-radius:20px;
    border:2px solid #ddd;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.category-card.active{
    background:#0d6efd;
    color:white;
}
.category-card
{
    position:relative;

    height:160px;

    border-radius:20px;

    border:2px solid #e5e7eb;

    cursor:pointer;

    transition:.2s;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    background:#fff;
}

.category-card:hover
{
    transform:translateY(-3px);
}

.category-card.active
{
    border:2px solid #0d6efd;

    box-shadow:
    0 0 20px
    rgba(13,110,253,.15);
}

.category-card i
{
    font-size:55px;
}

.selection-badge
{
    position:absolute;

    top:10px;

    right:10px;

    width:32px;

    height:32px;

    border-radius:50%;

    background:#0d6efd;

    color:#fff;

    font-weight:bold;

    display:flex;

    justify-content:center;

    align-items:center;
}

.capture-box
{
    height:110px;

    border:2px dashed #0d6efd;

    border-radius:15px;

    cursor:pointer;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:#0d6efd;
}

.capture-box i
{
    font-size:40px;
}

#floatingCart
{
    position:fixed;

    right:20px;

    bottom:20px;

    background:#0d6efd;

    color:white;

    padding:12px 18px;

    border-radius:40px;

    font-weight:bold;

    z-index:9999;

    box-shadow:
    0 4px 15px
    rgba(0,0,0,.2);
}

@media(max-width:768px)
{
    .category-card
    {
        height:130px;
    }

    .category-card i
    {
        font-size:45px;
    }
}

#floatingCart
{
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:9999;

    background:#0d6efd;
    color:#fff;

    padding:12px 18px;

    border-radius:30px;

    font-weight:bold;

    box-shadow:
    0 4px 15px rgba(0,0,0,.25);
}

.category-card
{
    cursor:pointer;
    transition:.2s;
}

.category-card:hover
{
    transform:translateY(-2px);
}

.category-card.active {
    background: #0d6efd;
    color: #fff;
}

.category-card.active i,
.category-card.active svg {
    color: #fff !important;
    stroke: #fff !important;
}

.category-card.active h5,
.category-card.active .price {
    color: #fff;
}