.sidebar {
    width: 240px;
    min-height: 100vh;
    position: sticky;
    top: 0;
}

.sidebar .nav-link {
    color: #495057;
    border-radius: 6px;
    margin-bottom: 2px;
}

.sidebar .nav-link:hover {
    background-color: #e9ecef;
}

.sidebar .nav-link.active {
    background-color: #0d6efd;
    color: white;
}

.sidebar .nav-link i {
    margin-right: 8px;
}

.main-content {
    background-color: #f8f9fa;
    min-height: 100vh;
}

.platform-badge {
    font-size: 0.75rem;
    padding: 0.25em 0.6em;
    text-transform: uppercase;
}
.platform-badge.yandex { background-color: #ffcc00; color: #000; }
.platform-badge.vk { background-color: #0077ff; color: #fff; }
.platform-badge.zvuk { background-color: #6c5ce7; color: #fff; }
.platform-badge.kion { background-color: #ff3366; color: #fff; }
.platform-badge.wink { background-color: #00bfa5; color: #fff; }

.delta-up { color: #198754; font-weight: 600; }
.delta-down { color: #dc3545; font-weight: 600; }
.delta-flat { color: #6c757d; }

.company-track-row {
    background-color: #fff3cd !important;
}

.metric-card {
    border-left: 4px solid #0d6efd;
}

.metric-card .metric-value {
    font-size: 2rem;
    font-weight: 600;
}
.metric-card .metric-label {
    color: #6c757d;
    font-size: 0.875rem;
}