.dashboard-wrap { margin:20px 0; }
.stats-box { display:flex; gap:20px; margin-bottom:20px; flex-wrap:wrap; }
.stats-item {
    background:#f8f8f8; padding:20px; border-radius:10px;
    flex:1 1 200px; text-align:center; box-shadow:0 0 5px rgba(0,0,0,0.1);
}
canvas { background:#fff; border-radius:10px; padding:10px; margin-top:10px; }
.year-select { margin-bottom:15px;}
#checkDate { width:20%; }

.tab-menu {
    display: flex;
    gap: 8px;
    padding: 0 !important;
    margin: 0 0 20px 0;
}

.tab-menu .tab {
    padding: 11px 24px;
    background: #f4f5f7;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    cursor: pointer;
    transition: 0.2s;
}

.tab-menu .tab:hover {
    background: #e8eef9;
    color: #005bcc;
}

.tab-menu .tab.active {
    background: #005bcc;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.stats-item strong {
    font-size: 25px;
}

.stats-item-title {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
}