.config-container {\n    max-width: 1200px;\n    margin: 2rem auto;\n    padding: 2rem;\n    background: #fff;\n    border-radius: 8px;\n    box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n}\n\n.config-main {\n    display: flex;\n    gap: 2rem;\n}\n\n.config-nav {\n    flex: 0 0 200px; /* Não cresce, não encolhe, base de 200px */\n}\n\n.config-nav ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    border-right: 1px solid #eee;\n}\n\n.config-nav a {\n    display: block;\n    padding: 1rem;\n    text-decoration: none;\n    color: #333;\n    border-bottom: 1px solid #eee;\n    font-weight: 500;\n}\n\n.config-nav a.active {\n    background-color: #f0f0f0;\n    color: #007bff;\n    border-left: 3px solid #007bff;\n}\n\n.config-nav a:hover {\n    background-color: #f8f8f8;\n}\n\n.config-content {\n    flex: 1;\n}\n\n.tab-content {\n    display: none;\n}\n\n.tab-content.active {\n    display: block;\n}\n\n.form-group-perfil {\n    display: flex;\n    align-items: center;\n    gap: 1.5rem;\n    margin-bottom: 1.5rem;\n}\n\n#perfil-avatar-preview {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    object-fit: cover;\n}\n\n.avatar-upload-area label {\n    cursor: pointer;\n    color: #007bff;\n    font-weight: bold;\n}\n\n.avatar-upload-area input[type=\"file\"] {\n    display: none;\n}\n\n.btn-salvar {\n    background-color: #28a745;\n    color: white;\n    padding: 10px 15px;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n}\n\n.modal-config {\n    display: none;\n    position: fixed;\n    z-index: 1001;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0,0,0,0.5);\n}\n\n.modal-content-config {\n    background-color: #fefefe;\n    margin: 10% auto;\n    padding: 20px;\n    border: 1px solid #888;\n    width: 80%;\n    max-width: 500px;\n    border-radius: 8px;\n}\n\n.close-btn-config {\n    color: #aaa;\n    float: right;\n    font-size: 28px;\n    font-weight: bold;\n    cursor: pointer;\n}\n