/* ==========================================
   BRIHCON Admin Dashboard
   admin.css
========================================== */

:root{

    --primary:#0d6efd;
    --success:#198754;
    --warning:#ffc107;
    --danger:#dc3545;
    --info:#0dcaf0;

    --purple:#6f42c1;

    --dark:#1f2937;
    --sidebar:#111827;

    --light:#f4f7fb;
    --white:#ffffff;

    --border:#e5e7eb;

    --shadow:0 10px 30px rgba(0,0,0,.08);

    --radius:14px;

}

/* ==========================================
   Body
========================================== */

*{

margin:0;
padding:0;
box-sizing:border-box;

}

body{

font-family:"Segoe UI",sans-serif;

background:var(--light);

color:#333;

overflow-x:hidden;

}

/* ==========================================
   Layout
========================================== */

.wrapper{

display:flex;

min-height:100vh;

}

/* ==========================================
   Sidebar
========================================== */

.sidebar{

width:260px;

background:var(--sidebar);

color:white;

position:fixed;

top:0;

left:0;

bottom:0;

padding:30px 20px;

box-shadow:var(--shadow);

z-index:999;

}

.logo{

text-align:center;

margin-bottom:40px;

}

.logo h3{

font-size:28px;

font-weight:700;

margin-bottom:5px;

color:white;

}

.logo small{

color:#9ca3af;

}

.sidebar ul{

list-style:none;

padding-left:0;

}

.sidebar li{

padding:14px 18px;

margin-bottom:8px;

border-radius:10px;

cursor:pointer;

transition:.3s;

font-size:15px;

display:flex;

align-items:center;

gap:12px;

}

.sidebar li:hover{

background:#374151;

transform:translateX(5px);

}

.sidebar li.active{

background:var(--primary);

}

/* ==========================================
   Main
========================================== */

.main{

margin-left:260px;

padding:35px;

width:100%;

}

/* ==========================================
   Topbar
========================================== */

.topbar{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:30px;

}

.topbar h2{

font-weight:700;

}

/* ==========================================
   Dashboard Cards
========================================== */

.stat-card{

background:white;

border-radius:var(--radius);

padding:22px;

box-shadow:var(--shadow);

transition:.35s;

position:relative;

overflow:hidden;

height:130px;

}

.stat-card:hover{

transform:translateY(-6px);

}

.stat-card small{

font-size:14px;

color:#777;

}

.stat-card h2{

margin-top:18px;

font-size:38px;

font-weight:700;

}

.stat-card::after{

content:"";

position:absolute;

right:-30px;

bottom:-30px;

width:110px;

height:110px;

border-radius:50%;

opacity:.12;

background:white;

}

.blue{

background:linear-gradient(135deg,#0d6efd,#3d8bfd);

color:white;

}

.green{

background:linear-gradient(135deg,#198754,#32c766);

color:white;

}

.orange{

background:linear-gradient(135deg,#fd7e14,#ffb84d);

color:white;

}

.red{

background:linear-gradient(135deg,#dc3545,#f06595);

color:white;

}

.purple{

background:linear-gradient(135deg,#6f42c1,#9b5de5);

color:white;

}

.dark{

background:linear-gradient(135deg,#212529,#495057);

color:white;

}

/* ==========================================
   Cards
========================================== */

.card{

border:none;

border-radius:var(--radius);

box-shadow:var(--shadow);

}

/* ==========================================
   Inputs
========================================== */

.form-control,

.form-select{

border-radius:10px;

padding:12px;

border:1px solid var(--border);

}

.form-control:focus,

.form-select:focus{

box-shadow:none;

border-color:var(--primary);

}

/* ==========================================
   Buttons
========================================== */

.btn{

border-radius:10px;

font-weight:600;

transition:.3s;

}

.btn:hover{

transform:translateY(-2px);

}

.btn-sm{

padding:6px 10px;

}

/* ==========================================
   Table
========================================== */

.table{

margin-bottom:0;

}

.table thead{

background:var(--dark);

color:white;

}

.table thead th{

padding:16px;

border:none;

font-weight:600;

}

.table td{

vertical-align:middle;

padding:15px;

}

.table tbody tr{

transition:.25s;

}

.table tbody tr:hover{

background:#f5f8ff;

}

/* ==========================================
   Badges
========================================== */

.badge{

padding:8px 12px;

font-size:12px;

font-weight:600;

border-radius:30px;

}

/* ==========================================
   Action Buttons
========================================== */

td .btn{

margin-right:5px;

}

.btn-success{

background:#198754;

}

.btn-primary{

background:#0d6efd;

}

.btn-info{

background:#0dcaf0;

color:white;

}

.btn-secondary{

background:#6c757d;

}

.btn-danger{

background:#dc3545;

}

/* ==========================================
   Scrollbar
========================================== */

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-thumb{

background:#cbd5e1;

border-radius:20px;

}

/* ==========================================
   Responsive
========================================== */

@media(max-width:992px){

.sidebar{

width:80px;

padding:20px 10px;

}

.sidebar .logo small{

display:none;

}

.sidebar li{

justify-content:center;

}

.sidebar li span{

display:none;

}

.main{

margin-left:80px;

padding:20px;

}

}

@media(max-width:768px){

.topbar{

flex-direction:column;

gap:15px;

align-items:flex-start;

}

.stat-card{

height:auto;

}

.table{

font-size:13px;

}

}
footer li a{
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

footer li a:hover{
    color: #0d6efd;
}
.sidebar-menu li a{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 18px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 10px;
    transition: .3s ease;
}

.sidebar-menu li a:hover{
    color: #ffffff;
    text-decoration: none;
    background: rgba(255,255,255,.08);
}

.sidebar-menu li a i{
    width: 20px;
    text-align: center;
    font-size: 15px;
}

.sidebar-menu li a span{
    line-height: 1;
}