@media (max-width: 900px) {
    .header { flex-wrap: wrap; }
    .sidebar { width: 180px; }
}
@media (max-width: 600px) {
    .sidebar { width: 60px; }
    .sidebar-header span:last-child { display: none; }
    .nav-item-label { display: none; }
    .nav-item-badge { display: none; }
    .toast-container { bottom: 12px; right: 12px; left: 12px; }
    .toast { min-width: 0; }
}