.dashboard-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:40px;
flex-wrap:wrap;
gap:20px;
}

.dashboard-title{
font-size:2.2rem;
font-weight:700;
color:#1f2937;
margin:0;
}

.dashboard-subtitle{
color:#6b7280;
margin-top:8px;
}

.dashboard-btn{
padding:14px 24px;
border-radius:14px;
}
.stats-card{
display:flex;
align-items:center;
gap:20px;
padding:30px;
}

.stats-icon{
width:65px;
height:65px;
border-radius:18px;
background:#e6fffb;
display:flex;
justify-content:center;
align-items:center;
font-size:28px;
color:#0da7ac;
}

.stats-icon.danger{
background:#fee2e2;
color:#dc2626;
}

.stats-icon.warning{
background:#fff7ed;
color:#f59e0b;
}
.stats-icon.success{
    background:#dcfce7;
    color:#16a34a;
}

.stats-title{
display:block;
font-size:.9rem;
color:#6b7280;
margin-bottom:5px;
}

.stats-number{
font-size:2rem;
font-weight:700;
margin:0;
color:#111827;
}
.action-card{
display:block;
background:white;
border-radius:20px;
padding:30px;
text-align:center;
text-decoration:none;
color:#374151;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
height:100%;
}

.action-card:hover{
transform:translateY(-8px);
text-decoration:none;
color:#0da7ac;
}

.action-card i{
font-size:34px;
color:#0da7ac;
margin-bottom:15px;
}

.action-card h5{
font-weight:700;
margin-bottom:10px;
}

.action-card p{
font-size:.9rem;
color:#6b7280;
margin:0;
}
.dashboard-card-header{
background:white;
padding:25px;
border-bottom:1px solid #edf2f7;
}

.dashboard-card-header h4{
margin:0;
font-weight:700;
color:#1f2937;
}

.dashboard-card-header small{
color:#6b7280;
}
.stats-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#e6fffb;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#0da7ac;
    font-size:28px;
}

.stats-icon i{
    font-size:28px;
}

.stats-icon.danger{
    background:#fee2e2;
    color:#dc2626;
}

.stats-icon.warning{
    background:#fff7ed;
    color:#f59e0b;
}

.action-card i{
    font-size:38px;
    color:#0da7ac;
    margin-bottom:18px;
}

/* ======================================
   BARCODE SECTION
======================================*/

.barcode-section{
    margin-top:60px;
}

.barcode-header{
    text-align:center;
    margin-bottom:35px;
}

.barcode-header h3{
    font-size:1.8rem;
    font-weight:700;
    color:#1f2937;
    margin-bottom:10px;
}

.barcode-header i{
    color:#0da7ac;
    margin-right:10px;
}

.barcode-header p{
    color:#6b7280;
    max-width:650px;
    margin:0 auto;
}

/* ===========================
   Manager Dashboard Sections
=========================== */

.dashboard-section{
    margin-bottom:25px;
}

.dashboard-section h3{
    font-size:2rem;
    font-weight:700;
    color:#1f2937;
    margin-bottom:6px;
}

.dashboard-section p{
    color:#6b7280;
    margin:0;
}

/* ===========================
   Manager Action Cards
=========================== */

.dashboard-action-card{
    display:block;
    background:#fff;
    border-radius:18px;
    padding:28px;
    text-decoration:none;
    color:inherit;
    border-right:5px solid #0da7ac;
    box-shadow:0 10px 28px rgba(0,0,0,.08);
    transition:.25s;

}

.dashboard-action-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
    text-decoration:none;
    color:inherit;
}

.dashboard-action-card h5{
    font-size:1.35rem;
    font-weight:700;
    margin-bottom:12px;
}

.dashboard-action-card p{
    color:#6b7280;
    line-height:1.7;
    margin-bottom:20px;
}

.dashboard-action-link{
    font-weight:600;
    color:#0da7ac;
    margin-left:82%
}

.empty-state-box {
    text-align: center;
    padding: 48px 20px;
}

.empty-state-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #eafcfb;
    color: #0da7ac;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
}

.empty-state-title {
    font-weight: 700;
    color: #1f2d3d;
    margin-bottom: 8px;
    align-items: center;
}

.empty-state-text {
    color: #6c757d;
    font-size: 13.8px;
    max-width: 320px;
    margin: 0 auto 22px;
}

.empty-state-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #0da7ac, #0a8fa4);
    border: none;
    border-radius: 9px;
    padding: 11px 22px;
    font-weight: 700;
    font-size: 14px;
}

.empty-state-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(10,143,164,.28);
    color: #fff;
}