/* ===========================
ADMIN PANEL CSS
=========================== */

body{

font-family:Arial,sans-serif;

background:#f4f7fc;

margin:0;

padding:0;

}

/* ===========================
LOGIN PAGE
=========================== */

.login-page{

min-height:100vh;

display:flex;

align-items:center;

justify-content:center;

padding:30px;

}

.login-box{

background:#fff;

border-radius:15px;

overflow:hidden;

box-shadow:0 5px 25px rgba(0,0,0,.1);

}

.login-left{

background:#004da8;

}

.login-left img{

width:100%;

height:100%;

object-fit:cover;

}

.login-right{

padding:50px;

}

.login-title{

font-size:30px;

font-weight:700;

color:#004da8;

margin-bottom:25px;

}

.form-control{

padding:12px;

border-radius:8px;

}

.btn-login{

background:#f57c00;

color:white;

border:none;

padding:12px;

width:100%;

border-radius:8px;

font-weight:600;

}

.btn-login:hover{

background:#d86c00;

color:white;

}

/* ===========================
DASHBOARD
=========================== */

.admin-header{

background:#004da8;

padding:15px 25px;

color:white;

font-size:22px;

font-weight:700;

}

.admin-wrapper{

display:flex;

min-height:100vh;

}

/* ===========================
SIDEBAR
=========================== */

.sidebar{

width:260px;

background:#003a7a;

color:white;

min-height:100vh;

}

.sidebar-logo{

padding:20px;

font-size:22px;

font-weight:700;

text-align:center;

border-bottom:1px solid rgba(255,255,255,.1);

}

.sidebar ul{

list-style:none;

padding:0;

margin:0;

}

.sidebar ul li{

border-bottom:1px solid rgba(255,255,255,.05);

}

.sidebar ul li a{

display:block;

padding:15px 20px;

color:white;

text-decoration:none;

transition:.3s;

}

.sidebar ul li a:hover{

background:#f57c00;

}

/* ===========================
CONTENT
=========================== */

.content{

flex:1;

padding:30px;

background:#f4f7fc;

width:100%;

min-width:0;

}

.page-title{

font-size:32px;

font-weight:700;

color:#004da8;

margin-bottom:25px;

}

/* ===========================
CARDS
=========================== */

.dashboard-card{

background:white;

padding:25px;

border-radius:15px;

box-shadow:0 5px 20px rgba(0,0,0,.08);

text-align:center;

height:100%;

}

.dashboard-card h3{

font-size:18px;

margin-top:15px;

}

.dashboard-card i{

font-size:40px;

color:#f57c00;

}

/* ===========================
TABLES
=========================== */

.table{

background:white;

border-radius:10px;

overflow:hidden;
width:100% !important;
}

.table th{

background:#004da8;

color:white;

}
.table-responsive{

width:100%;

overflow-x:auto;

}

.admin-form .form-control{

width:100%;

margin-bottom:15px;

}

/* ===========================
FORMS
=========================== */

.admin-form{

background:white;

padding:30px;

border-radius:15px;

box-shadow:0 5px 20px rgba(0,0,0,.08);

width:100%;

display:block;

}

.admin-form label{

font-weight:600;

margin-bottom:5px;

}

.admin-form .form-control{

margin-bottom:15px;

}

.btn-save{

background:#004da8;

color:white;

border:none;

padding:12px 30px;

border-radius:8px;

}

.btn-save:hover{

background:#00306b;

}

/* ===========================
BUTTONS
=========================== */

.btn-add{

background:#198754;

color:white;

}

.btn-edit{

background:#0d6efd;

color:white;

}

.btn-delete{

background:#dc3545;

color:white;

}

/* ===========================
MOBILE
=========================== */

@media(max-width:768px){

.sidebar{

width:100%;

min-height:auto;

}

.admin-wrapper{

display:block;

}

.content{

padding:15px;

}

.login-right{

padding:25px;

}

.page-title{

font-size:24px;

}

}

.sidebar ul li a.active-menu{

background:#ff9800;

color:#ffffff !important;

border-radius:8px;

font-weight:600;

display:block;

padding:10px 15px;

}

.sidebar ul li a.active-menu i{

color:#ffffff !important;

}