body {
    background-color: #ddddddc0;
    background-image: url('https://www.transparenttextures.com/patterns/concrete-wall.png');
    /* Textura de concreto sutil */
}

header.custom-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 14px 24px;
        background-color: #ffffff;
        border-bottom: 1px solid #e0e0e0;
        font-family: 'Inter', 'Segoe UI', sans-serif;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
        position: relative;
        z-index: 10;
    }

    .header-left,
    .header-right {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .custom-button {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 16px;
        background-color: #f9f9fb;
        color: #1e1e1e;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-decoration: none;
        transition: all 0.2s ease;
    }

    .custom-button:hover {
        background-color: #efefef;
        border-color: #d0d0d0;
    }

    .custom-button.theme {
        background-color: #222;
        color: #fff;
        border: none;
    }

    .custom-button.theme:hover {
        background-color: #111;
    }

    .custom-button.logout {
        background-color: #e5484d;
        color: white;
        border: none;
    }

    .custom-button.logout:hover {
        background-color: #c43d41;
    }

    .custom-button.painel {
        background-color: #0D6EFD;
        color: white;
        border: none;
    }

    .custom-button.painel:hover {
        background-color: #0c5fdb;
    }

     .custom-button.resumo {
        background-color: #198754;
        color: white;
        border: none;
    }

    .custom-button.resumo:hover {
        background-color: #14643f;
    }

    form {
        margin: 0;
    }