/* ===== GLOBAL ===== */

body {
    color: #2e2e2e;
    background: #f4f4f6;
}

/* ===== HEADER ===== */

.phones {
    color: #ffffff;
}

/* ===== SIDEBAR ===== */

.sidebar {
    background: #ffffff;
    padding: 15px;
    border-radius: 12px;

    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.sidebar a {
    color: #2e2e2e;
    background: rgba(0,0,0,0.03);
}

.sidebar a:hover {
    background: rgba(142,68,173,0.1);
}

.sidebar .selected > a {
    background: rgba(142,68,173,0.2);
    color: #8e44ad;
}

/* ===== CONTENT ===== */

.content .container {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;

    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

/* ===== FOOTER ===== */

.footer {
    border-top: 1px solid #ddd;
}

.phones-footer {
    color: #2e2e2e;
}