/* GLOBAL */

body {

    margin:0;

    background:#f4f7fb;

    font-family:Arial, sans-serif;

    color:#1f2937;

    padding-bottom:50px;

}



/* LOGIN PAGE */

.login-page {

    background:linear-gradient(135deg,#eef3f8,#f8fafc);

}


.login-page .card {

    border-radius:16px;

    border:none;

}


.login-page h3 {

    color:#173b63;

}



/* SIDEBAR */

.sidebar {

    min-height:100vh;

    background:#173b63;

    padding-top:20px;

}



.sidebar h5 {

    font-weight:700;

    letter-spacing:.3px;

}



.sidebar .nav-link {

    color:#dbe7f3;

    padding:11px 14px;

    margin-bottom:5px;

    border-radius:8px;

    transition:.2s ease;

}



.sidebar .nav-link:hover {

    background:#24547f;

    color:#ffffff;

}



.sidebar .nav-link.active {

    background:#ffffff;

    color:#173b63;

    font-weight:600;

}





/* MAIN CONTENT */


.dashboard-content {

    padding:28px;

    background:#f4f7fb;

    min-height:100vh;

}





/* PAGE HEADER */


.page-header {

    background:#ffffff;

    padding:18px 22px;

    border-radius:12px;

    box-shadow:0 2px 10px rgba(0,0,0,.05);

    margin-bottom:24px;

}





/* CARDS */


.stat-card {

    border:none;

    border-radius:14px;

    background:#ffffff;

    box-shadow:0 4px 14px rgba(0,0,0,.06);

    transition:.2s ease;

}



.stat-card:hover {

    transform:translateY(-2px);

    box-shadow:0 6px 18px rgba(0,0,0,.08);

}



.stat-card .card-body {

    padding:20px;

}



.stat-label {

    font-size:14px;

    color:#6b7280;

}



.stat-number {

    font-size:28px;

    font-weight:700;

}



.stat-blue {

    border-left:5px solid #2f6da1;

}


.stat-green {

    border-left:5px solid #2e8b57;

}


.stat-orange {

    border-left:5px solid #d9822b;

}


.stat-purple {

    border-left:5px solid #7952b3;

}





/* BUTTONS */


.btn-primary {

    background:#2f6da1;

    border-color:#2f6da1;

}



.btn-primary:hover {

    background:#24547f;

    border-color:#24547f;

}



.btn-dark {

    background:#173b63;

    border-color:#173b63;

}





/* FORMS */


.form-control,
.form-select {

    min-height:44px;

    border-radius:8px;

    border:1px solid #d6dde5;

}



.form-control:focus,
.form-select:focus {

    border-color:#2f6da1;

    box-shadow:0 0 0 .2rem rgba(47,109,161,.12);

}





/* TABLE */

.table-card {

    background:#ffffff;

    border-radius:12px;

    padding:18px;

    box-shadow:0 3px 12px rgba(0,0,0,.05);

}



.table thead th {

    background:#edf3f8;

    color:#173b63;

    border-bottom:none;

}





/* MOBILE NAVBAR */


.mobile-navbar {

    background:#173b63;

    padding:12px 15px;

}



.mobile-navbar .navbar-brand {

    font-weight:700;

}







/* OFFCANVAS MOBILE SIDEBAR */


.offcanvas {

    width:280px !important;

    background:#173b63;

}



.offcanvas-header {

    background:#173b63;

    color:white;

}



.offcanvas-body {

    background:#173b63;

}





/* MOBILE SIDEBAR LINKS */


.mobile-sidebar-body .nav-link {

    color:white !important;

    padding:12px 15px;

    font-size:16px;

    display:block;

    border-radius:8px;

    margin-bottom:5px;

}



.mobile-sidebar-body .nav-link:hover {

    background:#24547f;

    color:white !important;

}



.mobile-sidebar-body .nav {

    margin-top:10px;

}





/* MOBILE RESPONSIVE */


@media(max-width:767px){


.dashboard-content {

    padding:15px;

}



.page-header {

    padding:15px;

}



.stat-number {

    font-size:24px;

}



.sidebar {

    min-height:auto;

}



}






/* FIXED RUNNING FOOTER SPACE */


.running-footer {

    z-index:9999;

}




@media print {


.running-footer {

    display:none!important;

}


body {

    padding-bottom:0;

}


}