/* Reset and base styles */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #F5F7FA;
    color: #333;
    margin: 0;
    padding: 0;
}
.bg-background {
    background-color: #F5F7FA;
}
.loading-screen {
    transition: opacity 0.5s ease;
}
#app.d-none {
    display: none;
}
/* Sidebar styles */
#sidebar {
    transition: width 0.3s;
}
.screen {
    display: none;
}
.screen-active {
    display: block;
}
#main-content {
    height: calc(100vh - 56px);
}
@media(max-width: 768px){
    #sidebar {
        width: 200px;
    }
}
.table thead th {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 2;
}
.btn:focus {
    outline: none;
    box-shadow: none;
}

/* Print styles */
@media print {
    body * {
        visibility: hidden;
    }
    #challan-print-area, #challan-print-area * {
        visibility: visible;
    }
    #challan-print-area {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    #app > div {
        display: none;
    }
}