body {
    font-family: 'Outfit', sans-serif;
    background-color: #fdfcf8;
    color: #4a4a4a;
}
.nav-item.active {
    background-color: #e2e8f0;
    color: #2d3748;
    border-left: 4px solid #6b7280;
}
.card-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}
.chart-container {
    position: relative;
    width: 100%;
    max-width: 300px;
    height: 250px;
    margin: 0 auto;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}

/* Plan day detail: rich content (HTML from admin) */
.plan-day-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
}
.plan-day-content a {
    color: #44403c;
    text-decoration: underline;
}
.plan-day-content a:hover {
    color: #1c1917;
}
.plan-day-content h2 { font-size: 1.5rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.plan-day-content h3 { font-size: 1.25rem; font-weight: 600; margin-top: 1.25rem; margin-bottom: 0.5rem; }
.plan-day-content p { margin-bottom: 1rem; }
.plan-day-content ul, .plan-day-content ol { margin-bottom: 1rem; padding-left: 1.5rem; }